Ar gali likti 2010-ųjų internetinių svetainių kūrimo tendencijos?

Atskleidimas: Jūsų palaikymas padeda išlaikyti svetainę! Mes uždirbame siuntimo mokestį už kai kurias paslaugas, kurias rekomenduojame šiame puslapyje.


2018 metų internetinių svetainių kūrimo tendencijos

Pirmosiomis dienomis žiniatinklio valdytojams buvo madinga naudoti visus įmanomus efektus: animuotus gifus, mirksintį tekstą ir automatiškai grojančius vidurinius žaidėjus, kad atkreiptų dėmesį į kiekvieną naršytą svetainę..

Nors laukinės pasienio dienos internete buvo įdomios ir revoliucingos, tokios tendencijos, kaip raudonas tekstas raštuotame fone, nebuvo tokios lengvos akims ar patogios vartotojui..

Laimei, mes nuėjome ilgą kelią nuo interneto atsiradimo. Technologija, kurią naudojame prisijungdami prie interneto, tobulėjo nuo tų dienų, kai mes klausydavomės greito prisijungimo prie interneto modemų, perbraukdami pirštais, kad niekas tavęs neprisijungė neprisijungęs, pasirinkdamas fiksuotojo telefono liniją..

Žiniatinklio dizaineriai taip pat turėjo tobulėti, kad neatsiliktų nuo besikeičiančių technologijų. Per pastaruosius kelis dešimtmečius atsirado ir išnyko dizaino tendencijų bangos, kurios sutelkė dėmesį į vartotojo patirtį. Šiandien dizaineriai labiau nei bet kada orientuojasi į minimalizmą, skaitomumą ir naudojimo paprastumą.

Nors viskas nuolat tobulėja, kelyje visada yra klaidingų posūkių ir spąstų tikimybė, net ir tendencijose, kurios, atrodo, pagerėja. Begalinis slinktis gali padėti parodyti daugiau informacijos ir išlaikyti lankytoją puslapyje ilgesnį, tačiau vartotojams gali būti nelinksma, kai bandoma peržiūrėti svetainės poraštę, kuri nuolat šokinėja, kai įkeliama daugiau straipsnių..

Fiksuotų elementų populiarumas yra suprantamas: jūs norite išlaikyti svarbią informaciją priešais savo akis. Bet jei tas bendrinimo mygtukas pradės blokuoti jūsų puslapio turinį, jis gali sugesti. Žiniatinklio dizaineriai turėtų neatsilikti nuo tendencijų, tačiau taip pat turėtų pasitelkti savo kūrybiškumą, kad sugalvotų novatoriškus naujus problemų, tokių kaip šios, sprendimus.

Kalbant apie šių metų tendencijas, neįmanoma pasakyti, kurios naujovės laimės ir liks, o kurios mes juokiamės nuo 10 ar 20 metų nuo šiol. Suskaidę 2014 m. Internetinio dizaino tendencijas, galite patys nuspręsti, kurias tendencijas verta tęsti, o kurias palikti.

Web dizainas-tendencijos

„Laikų dizainas“: 2014 m. Internetinio dizaino tendencijos

Žiniatinklis smarkiai vystėsi nuo devintojo dešimtmečio pradžios, kai pamatėme beprotiškas spalvas ir šriftus bei automatinį muzikos grojimą fone, kai tik įkeliama svetainė. Šiandienos žiniatinklyje matomas minimalistiškesnis požiūris, visi sukurti, kad jis būtų paprastas ir patogesnis vartotojui. Štai ką galite tikėtis pamatyti daugiau 2014 m.

Reaktyvus dizainas

  • Reaktyvus dizainas reiškia, kad svetainė automatiškai prisitaiko prie ekrano, kuriame jis yra žiūrimas, dydžio.
    • Tai labai svarbu kuriant interneto svetaines, nes žmonės pereina nuo tradicinio kompiuterio ekrano.
      • 90% Amerikos suaugusiųjų dabar turi mobilųjį telefoną
      • Dabar išmaniuosius telefonus turi 58% Amerikos suaugusiųjų
        • 60% mobiliųjų telefonų savininkų naudoja savo telefoną prisijungdami prie interneto
      • Dabar 42% suaugusiųjų amerikiečių turi tabletes
  • Reaktyvus interneto dizainas apima lankstaus derinio naudojimą:
    • Maketai
      • Viskas išmatuojama proporcijomis, o ne pikseliais.
    • Vaizdai
      • Viskas yra išreikšta santykiu, o ne pikseliais.
    • CSS užklausos
  • Reaguojančio dizaino pavyzdžiai:
    • com
    • com
    • com
  • Sukurkite savo reaguojančius šablonus arba įsigykite esamą reaguojančią sistemą.
    • Pavyzdžiai:
      • Karma
      • Avada
      • Užlenkite
  • Argumentai už:
    • Mažiau priežiūros: viena svetainė vietoj kelių svetainių, skirtų projektuoti ir prižiūrėti.
    • Geresnis paieškos sistemų optimizavimas (SEO): viena svetainė reiškia vieną URL rinkinį, todėl SEO yra lengviau valdoma.
    • Nereikia jaudintis dėl to, ar jūsų svetainė bus suderinama su daugybe naujų prietaisų, kurie nuolatos eina į rinką.
  • Minusai:
    • Įgyvendinimas gali užtrukti ilgiau nei tikėtasi.
    • Technologijos vis dar tobulėja.
    • Kadangi vaizdai yra tiesiog mažinami, o ne keičiami jų dydžiai, tai gali neigiamai paveikti puslapio įkėlimo laiką ir nuliūdinti lankytojus.

Daugiau slinkties

2014 m. Pamatysime daugiau slinkties, nes tai lengva įgyvendinti.

  • „Parallax“ slinktis: leidžia svetainės fone judėti kitokiu greičiu, nei likusio puslapio.
    • Pavyzdys: „Nasa“ prospektas
    • Argumentai už:
      • Gali sudominti lankytojus animacija
      • Tiesioginis vartotojų raginimas veikti
      • Skatinkite lankytojus ilgiau likti puslapyje, nes jie peržiūri visą daiktą
    • Minusai:
      • SEO įvertina, nes yra tik vienas meta informacijos rinkinys
      • Daugybė duomenų viename puslapyje lėtina puslapio įkėlimo laiką, todėl vartotojai gali nusivilti
  • Horizontalus slinktis: slenkama iš kairės į dešinę, o ne aukštyn ir žemyn.
    • Pavyzdys: 2012 m. Pasaulio laukinės gamtos fondas „Žemės valanda“
    • Argumentai už:
      • Leidžia dizaineriams talpinti daugiau turinio ekrane.
    • Minusai:
      • Vartotojai gali nesuprasti, kad turi slinkti į šoną, arba gali nenorėti slinkti į šoną, kad gautų visą patirtį.
  • Begalinis slinktis: įkelia puslapio turinį, kai vartotojas slenka
    • Pavyzdys: „Facebook“ naujienų kanalas
    • Argumentai už:
      • Greitesnis naršymas
      • Gerai sąveikauja su jutikliniais įrenginiais
      • Turinio ekspozicija: begalinis slinkimas vienodai atskleidžia naują ir seną turinį, suteikdamas senesniam turiniui ilgesnį „galiojimo laiką“.
    • Minusai:
      • Naršymas:
        • Vartotojai negali grįžti prie konkretaus dalyko ar jo žymėti, todėl jį reikės pradėti iš naujo.
        • Begalinis slinktis vartotojams nenurodo, kiek duomenų reikia nublankti.
      • Dėmesys vartotojui: nutolę nuo slinkties, būsite grąžinti į viršų, o ne į ankstesnį atskaitos tašką, todėl vartotojams bus sunkiau sutelkti dėmesį į tai, ką jie darė / skaitė.

Mažiau teksto

  • Užuot pateikę sunkų teksto dizainą, pamatysime daugiau dizaino, orientuoto į vaizdus, ​​piktogramas ir vaizdo įrašus.
    • com yra mažiau nei 10 žodžių ir reikalauja, kad vartotojai žiūrėtų vaizdo įrašą, kad suprastų, kaip naudoti programą.
    • „com“ pagrindiniame puslapyje naršymo juostoje yra nedidelė teksto pastraipa ir keli žodžiai.
    • „TheStudio.co.il“ pateikia tik keletą žodžių ir vaizdų.
  • Argumentai už:
    • Sudėtingesnis interneto dizainas
  • Minusai:
    • Sunkiau padaryti svetainių dizainus atitinkančius 508
      • 508 atitiktis reiškia interneto pritaikymą žmonėms su negalia, kurie negali tradiciškai naudotis internetu.

Plokščioji vartotojo sąsaja

  • Plokščioji vartotojo sąsaja (UI) reiškia dizainą, kuriame pagrindinis dėmesys skiriamas funkcionalumui, o ne stiliui.
    • Elementai yra sukurti tam, kad atrodytų panašesni į tai, kuo jie pavadinti.
    • Viskas skirta:
      • Aiškumas
      • Paprastumas
    • Tai reiškia, kad reikia pašalinti:
      • Šešėliai
      • Gradientai
      • Nukreipti kraštai
      • Apmąstymai
  • Mes jau matėme tai:
    • „Windows 8“
    • „Apple iOS 7“
    • „WordPress 3.8“
  • Plokščias dizainas veikia prieš skeuomorfinį dizainą.
    • Skeuomorfiniame dizaine naudojama vizuali detalė, kad vienas dalykas atrodytų kaip kažkas kitas.
      • Pavyzdys: Medinės dailylentės naudojimas automobilio salone
  • Argumentai už:
    • Paprasta vartotojo sąsaja
    • Ryškių / drąsių spalvų naudojimas pakelia nuotaiką
    • Dėmesys puikiajai tipografijai
    • Vaizdai yra aštrūs ir švarūs
  • Minusai:
    • Susijimas su vartojimu: žmonės ne visada žino, kur spustelėti ar paliesti, kad galėtų bendrauti.
    • Spalvų paletes gali būti sunku suderinti: kuo daugiau spalvų naudojate, tuo griežtesnė gali būti, kad jas tinkamai suderintumėte.
    • Silpną spausdinimo dizainą lengviau pastebėti.
    • Bendras dizainas gali atrodyti pernelyg paprastas.

Fiksuotas turinys

  • Tai reiškia puslapio elementą, pvz., Naršymo juostą arba turinio skyrių, kuris lieka vietoje, kol vartotojas slenka.
    • ca leidžia horizontaliai slinkti, kol šoninės juostos navigacija lieka savo vietoje.
    • tinkle yra fiksuotosios socialinės žiniasklaidos juosta kairėje svetainės pusėje, leidžianti vartotojams slinkti turiniu, kol juosta lieka savo vietoje.
  • Argumentai už:
    • Naudojimo pranašumai: vartotojai gali daug lengviau rasti tai, ko ieško.
  • Minusai:
    • Fiksuotas turinys gali švaistyti erdvę už slinkties ribų.
    • Kai kuriuos fiksuotus elementus, pavyzdžiui, naršymo juostą, gali būti sunku išversti į mobilią aplinką.

Šaltiniai

  • Mobiliųjų technologijų informacinis lapas – pewinternet.org
  • Reaktyvusis interneto dizainas: kas tai yra ir kaip juo naudotis – coding.smashingmagazine.com
  • Kas yra reaktyvusis interneto dizainas? – smallbiztrends.com
  • 17 389 svetainių šablonai ir temos Nuo 3 USD – themeforest.net
  • Reaguojančio žiniatinklio dizaino pranašumai ir trūkumai – business2community.com
  • Kas yra „Parallax“ interneto dizainas? – Apibrėžimai, patarimai & Svarstymai – unleashed-technologies.com
  • NASA: prospektas – nasaprospect.com
  • WWF maisto istorija – turtas.wwf.org.uk
  • Begalinis slinktis ne kiekvienoje svetainėje – nngroup.com
  • Į begalybę ir anapus! Begalinio slinkties pliusai ir minusai – inspim.com
  • „Snapchat“ – snapchat.com
  • Studija – thestudio.co.il
  • Mažiau teksto daugiau daugialypės terpės – naujas požiūris į svetainių dizainą – designmodo.com
  • Pamestas ir rastas – Žemėlapių puslapis – howto.gov
  • Kas yra plokščias dizainas? – gizmodo.com
  • Plokščiojo dizaino privalumai ir trūkumai – designmodo.com
  • 18 svarbiausių interneto dizaino tendencijų 2014 m. – econsultancy.com
  • Fiksuoti naršymo barai: Privalumai ir trūkumai – awwwards.com
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map