Hoppandi fram á veginn: 10 þróun vefhönnunar sem þú ættir að nota árið 2021

þróun vefhönnunar 2021

Sú fasta í vefhönnun er að ekkert er stöðugt. Þróun hönnunar breytist, tækni gefur meiri möguleika á tjáningu og matarlyst okkar og smekkur er stöðugur. Nú þegar nýtt ár er vel á veg komið gæti verið góður tími til að sjá hverjar við teljum að helstu þróun vefhönnunar 2020 verði.

Eitt af því frábæra við veraldarvefinn er að hann helst aldrei kyrr. Það lítur kannski út sama dag eftir dag en þegar þú lítur til baka yfir árið á undan, (eða kannski viltu hoppa aftur til 90s, og sjáðu hvaða þróun þú virkilega missir ekki af) þú áttar þig fljótt á því hversu mikið hefur raunverulega breyst. Þessi stöðuga þróun er frábær fyrir netnotendur þar sem landslagið er alltaf að þróast. Það er ekki svo frábært fyrir forritara sem þurfa stöðugt að fylgjast með breytingartaktinum!

 

Hérna eru það sem rannsóknir okkar gefa til kynna og hvað við teljum að tíu helstu þróun vefsíðna muni innihalda:

  1.   Björtir litir og litakubbar.
  2.   Stærri leturgerðir.
  3.   Betri nýting hvítra svæða.
  4.   Myrkur háttur.
  5.   Meira 3D.
  6.   Aukin naumhyggju.
  7.   Falda siglingar
  8.   Aukin notkun samhliða hönnunar.
  9.   Sérsniðnar myndskreytingar.
  10. Rödd.

Eins og þú sérð eru sum þessara framhald af núverandi straumum á meðan önnur taka eldri stefnur og breyta þeim í eitthvað nýtt. Við munum einnig leggja til leið til að ná þessu í næsta vefhönnunarverkefni þínu.

1. Bjartir litir og litablokkir

Við höfum alltaf verið aðdáendur lita svo það er frábært að sjá fleiri liti verða að vefhönnunarstefnu á þessu ári. Við reiknum með að sjá miklu meiri notkun háværari, bjarta og meira áberandi lita í vefhönnun.

Bjartur aðal litur með viðbótarlit eða andstæða aukalit mun springa. Við sáum nokkur stór vörumerki tileinka sér þennan stíl seint á síðasta ári og við höldum að það muni hraða.

Sérstaklega nýtur rafræn viðskipti góðs af djörfum litavali

Litakubbar verða líka áhrifamiklir. Með því að flokka síður með litblokkum er hönnuðum kleift að brjóta upp blaðsíður í bitastærð þegar þeir vinna vel á farsíma eða skjáborði. Tölvur gera þér einnig kleift að segja sögu á skipulagðan og línulegan hátt.

Dæmið hér að neðan frá Mango Media blandar lifandi litum með frábæru leturvali, sterkri myndskreytingu og fallegri skyggingu til að skila óvenjulegri fyrstu sýn. Það er þessi gæðaafgreiðsla sem við höldum að verði fyrsta stefna vefhönnunar árið 2020.

Björtir litir og litablokkir

Ertu að leita að svipaðri hönnun? Skoðaðu hér að neðan.

Divi LMS pakki

Divi LMS pakkinn nýtir litblokka og hvíta rýmið til að skila mjög vel yfirveguðu þema. Litanotkunin er mjög nútímaleg og gefur þemað samtímatilfinningu án þess að nota brellur.

Skoðaðu Divi LMS pakkann

 

Divi Software Marketing pakki

Divi Software Marketing pakkinn er svipaður. Það notar djörf fjólublátt litasamsetningu með fallegu síðujafnvægi, einföldum leturgerðum, einstökum myndskreytingum og góðri notkun á hvítu rými. Annað dæmi um nútímalega hönnun sem notar nýjustu straumana án þess að reiða sig á óþarfa þætti.

Divi Software Marketing pakki

Skoðaðu skipulag hugbúnaðarmarkaðssetningar

 

Þema Neve Mountain Bike Race

Þemað í Neve Mountain Bike Race er annað fínt dæmi um leturgerðarnotkun, litablokka og hvítt rými. Síðan er mjög yfirveguð og gæti verið gagnleg fyrir margar tegundir af viðskiptum, ekki bara tómstundum. Það er frábært að sjá vefþemu af þessum gæðum sem fást í viðskiptum!

Þema Neve Mountain Bike Race

 

Sjá Neve Mountain Bike Demo Live

2. Stærri leturgerðir

Stærri og djörf letur verða stór í ár. Leturfræði hefur alltaf verið nauðsynleg í vefhönnun en við sjáum ákveðna breytingu í átt að færri orðum í stærri eða djarfari gerð.

Við teljum að þetta muni vera ákveðin stefna í vefhönnun til 2020.

Stærri leturgerðir

Stærri og djarfari leturgerðir hjálpa til við að styrkja skilaboðin og við hlið snjalla fyrirsagna og ákall til aðgerða geta verið öflugri en myndefni til að vekja svar. Eins og Samsung hefur þegar tekið á móti krafti stórrar gerðar og við gerum ráð fyrir að önnur vörumerki og mörg minni fyrirtæki líki eftir þessum árangri. Þú getur séð þetta í aðgerð á skjáskotinu hér að ofan af vefsíðu Samsung.

Stór og feitletrað letur með réttu leturvali getur haft mjög áhrif. Það eru hundruð hreinna leturgerða í kring sem myndu virka ótrúlega vel við nýja hönnun svo val er vissulega ekki eitthvað sem hönnuðir eru stuttir af.

 

Templatemonster Journeo þema

Templatemonster Journeo þemað er fullkomin blanda af sterku myndefni, litablokkum og leturgerð. Flettu lengra niður á síðunni og þú munt einnig sjá góða notkun á hvítu rými og efnisblokkum til að bjóða upp á mjög nútímalega en jafnvægis síðu.

Templatemonster Journeo þema

Skoðaðu Journeo Demo

Hestia Pro frá Themeisle

Hesia Pro frá Themeisle

Hestia Pro frá Themeisle er annað dæmi um gott leturval, litapopp og blokkir og greindan notkun á hvítu rými. Þetta er annað nútímaþema sem lítur út fyrir að vera áberandi en jafnframt raunhæft fyrir nútíma fyrirtæki.

Farðu á Hestia Demo

3. Betri nýting hvítra svæða

Hvítt svæði hefur alltaf verið mikilvægt í góðri síðuhönnun og við gerum ráð fyrir að það komi enn meira fram á þessu ári. Með aukningu sterkra lita og feitletraðra leturgerða verður notkun tómt rýmis nauðsynleg til að þessar aðrar þróun vefhönnunar virki. Auk þess er naumhyggja ennþá sterk stefna og við búumst ekki við að sjá fyrir endann á því hvenær sem er.

Betri nýting hvítra svæða

Búast við að sjá miklu meira tómt pláss á vefsíðum með mikilli athygli sem gefin er fyrir borða, stærri fyrirsagnir, litablokka og myndefni. Það tekur mikið auga til að koma jafnvægi á innihald og tómt svæði og venjulega frábær samningamaður til að sannfæra viðskiptavini um að það sé góð hugmynd. Við reiknum með að allir þessir hlutir verði stefna í þróun hönnunar árið 2020.

Wistia er gott dæmi um hvernig tómt pláss nýtist vel á síðu. Síðurnar miðla samt miklum upplýsingum en sýna fullkomið jafnvægi milli innihalds síðu og tómt rými.

StudioPress Foodie Pro þema

StudioPress Foodie Pro þemað er annað lægstur þema með mikilli notkun leturgerðar, hvítra rýma og naumhyggju. Það virkar vel fyrir ætlan matvælaþema síns en gæti verið sérsniðið til að passa aðrar atvinnugreinar líka. Annað virði þema sem virkar á farsíma.

Athugaðu Foodie Pro hér að neðan eða heimsóttu kynningu

StudioPress Foodie Pro þema

 

Sérsniðin prentun Astra

Sérsniðin prentun Astra

Þema Astra Custom Printing Pro sýnir mikla notkun hvítra svæða, leturgerðar, lita og myndefna á rafrænu viðskiptaþema. Síðan er mjög aðlaðandi og dregur augað að vörunum en lágmarkar efni á vefnum til að bæta þann ásetning.

Skoðaðu Astra Custom Printing Pro

4. Myrkur háttur

Með fleiri forritum sem bjóða upp á dökkan hátt búumst við við að vefsíður byrji að bjóða það sama. Kannski litaskipti efst á síðunni svo notandinn hefur val um að nota ljós eða dökk stillingu eftir tækjum eða aðstæðum.

Myrkur hamur

Það er margt sem fer í dökka hönnun, en gert rétt, það getur boðið upp á tilfinningu um lúxus og einkarétt á síðu. Að öðrum kosti getur það auðveldað síðu að lesa í sumum tækjum eða við lítil birtuskilyrði.

Vafrar og vafraviðbót eru í auknum mæli að bæta við „kraftmyrkri stillingu“ verkfærum til að stjórna jafnvel ljósri hönnun svo þau verði dökk. Þar sem þetta er vaxandi þróun geturðu eins fellt það inn á síðurnar þínar svo þú stjórnir lokaniðurstöðunni!

Eins og hvítt rými, dökkur bakgrunnur færist einnig inn í aðra þróun hönnunar ársins, djörf litir, stór leturgerð og naumhyggju geta allir unnið saman til að skila óvenjulegri notendaupplifun. Bara ein af ástæðunum fyrir því að við teljum að dökk hönnun og dökk stilling muni ráða árið 2020.

vefsíða bear grylls dark mode

Vefsíða Bear Grylls (mynd hér að ofan) er gott dæmi um dökkan hátt sem vel hefur verið gert. Það er líka frábært dæmi um sterkan leturgerð, frábært myndmál og lægstur leiðsögn líka!

Þemeforest Júpíter þema

Þemeforest Júpíter þema

Þemað Themeforest Jupiter sýnir hvað við meinum um dökka vefsíðuhönnun, sterka liti og frábært leturval. Það er sláandi þema sem sker sig strax úr og fær kjarnaskilaboðin á fyrstu 2 sekúndunum. Ekki þarf meira að segja um þennan!

Skoðaðu Jupiter Demo

Því stærri letur sem er, því færri dæmi um það ættirðu að hafa á síðu. Þetta leiðir okkur fallega til ...

 

5. Meira 3D

Margir vefhönnuðir forðuðust áður þrívíddarmyndir vegna þess að það tæki tíma að endurgera þær.

Endurbætur á bæði hönnunarverkfærum og tækjatækni þýða að þrívídd er ekki lengur utan sviðs við hönnun vefsíðna. Við teljum að þetta muni fæða nýja þróun á vefsíðuhönnun árið 3, þrívíddarmyndir og efni á vefnum.

Meira 3D

Vefsíða Welly (mynd hér að ofan) er frábært dæmi um þrívídd í aðgerð og tekur ekki lengri tíma að hlaða en venjulegri síðu. Þetta krefst mikillar kunnáttu til að hanna gagnvirka þrívíddarmynd án þess að valda hægri hleðslu en gera það vel, það gæti skapað ógnvekjandi áhrif sem láta síðu standa upp úr hópnum.

Þetta er ein af þessum straumum sem krefjast sem mestra gæða hvað varðar skipulag og fjör. Það er ekki pláss fyrir það næstbesta þegar unnið er í þrívídd svo þetta gæti reynst jafnmikil áskorun og tækifæri!

Margir halda að 3D hönnun haldi gesti lengur á síðunni og auki samspil. Það og sú staðreynd að það lítur mjög flott út er ástæðan fyrir því að við teljum að þrívídd verði stór á þessu ári.

6. Aukin naumhyggju

Lágmarks hönnun virkar alls staðar. Á skjáborðinu, á farsímum, á vefsíðum, forritum og hverju sem er með HÍ. Það er alls ekki ný þróun en við höldum að það muni aukast í vinsældum allt árið 2020.

Mínimalismi er ein erfiðasta aðferð við vefsíðuhönnun til að komast í lag (þó að við höfum rætt það mjög ítarlega hér). Það þarf raunverulega færni til að geta haft jafnvægi á vefsíðu á réttan hátt en fullnægir þörfum hönnunar, viðskiptavinar og áhorfenda.

Minimalism er samhæft við stærri leturgerðir, djarfari liti, dökkan hátt, sérsniðnar myndskreytingar og margar aðrar þróun vefhönnunar sem við sjáum núna. Það virkar líka ótrúlega vel á minni skjáum og þess vegna teljum við að það springi á þessu ári.

Aukin naumhyggju

Minimalism fellur að þörf okkar fyrir hraða, löngun til að vera áfram við verkefnið og lítil þolinmæði fyrir fluff eða óþarfa blómstra í vefhönnun.

Evoulve (mynd hér að ofan) er frábært dæmi um lægstur hönnun sem notar lit og letur mjög vel. Jafnvel flakkinu er haldið í lágmarki!

Templatemonster Kuba þema

Templatemonster Kuba þema

Templatemonster Kuba þemað er meistaranámskeið í naumhyggju. Skortur á hlutum til að sjá og gera virkar í þágu síðunnar og sýnir þá þætti sem hönnuðurinn vill að þú sjáir. Það hlaðast fljótt og virkar líka á farsíma.

Skoðaðu Kuba þemað

StudioPress Breakthrough Pro þema

StudioPress bylting þema

StudioPress Breakthrough Theme er frábært dæmi um lægstur hönnun með feitletruðum leturgerðum og litlum litarefnum. Það er líka góð notkun á hvítu rými yfir allt þemað sem þýðir vel á farsímaútgáfunni líka.

Heimsæktu byltingarkynninguna

7. Falda siglingar

Eins og getið er hér að framan vinnur naumhyggjan hönd í hönd með falinn eða lágmarks leiðsögn. Við teljum að þetta sé enn ein hönnunarþróunin sem við munum sjá árið 2020. Flestir notendur vefsins þekkja vefsíðugerðina nógu vel til að þeir vita að ef matseðill er ekki strax sýnilegur þá verður hann á síðunni einhvers staðar. Svo framarlega sem hönnunin er nógu skýr, teljum við að það sé meira en nóg til að hvetja til duldra siglinga.

Falda siglingar

Þótt nauðsynlegt sé fyrir sumar hönnun, taka leiðsögn og valmyndir mikið af fasteignum á skjánum. Því minni sem skjárinn er, því þéttari þarf hönnunin að vera. Falin siglingar leysa það. Svo lengi sem heildarhönnunin gerir það ljóst hvar siglinguna er að sjálfsögðu að finna!

Mill vefsíðan er frábært dæmi um falinn siglingar sem gerðir hafa verið vel.

Falinn siglingar eru þó áskorun. Rannsóknir hafa sýnt að falin leiðsögn getur haft áhrif á tíma á síðu, samspil og ánægju gesta. Gæta verður þess að passa naumhyggju við góða hönnun ásamt tegund og áhorfendum.

Themeforest áberandi þema

Themeforest Salient þemað

Themeforest Salient þemað inniheldur mörg af þemum vefhönnunar sem við höfum talað um. Litur, hvítt bil, leturgerð, kubbar, lægstur leiðsögn og frábær hönnun til að skila mjög nútímalegu þema sem myndi virka fyrir alls konar tegundir eigna.

Sjá áberandi í aðgerð

8. Aukin notkun samhliða hönnunar

Aukin notkun samhliða hönnunar

Parallax hönnun er ekkert nýtt en við höldum að við eigum eftir að sjá miklu meira af henni á þessu ári. Þessi hönnunarstíll var oft látinn fara á vefsíðuhönnun eða markaðssvæði sniðmát þar sem hann þjónaði engum raunverulegum tilgangi og hafði engin raunveruleg áhrif. Hönnun eins og á ToyFight.co mun breyta öllu því.

Betri hreyfitæki og tækni þýðir að búa til virkilega samhliða áhrif sem virka í gegnum vafra og tæki til að hafa raunveruleg áhrif. Samhliða góðu litavali, snjöllum myndum eða myndskreytingum og góðu jafnvægi á blaðsíðu er engin ástæða fyrir því að þú getur ekki sagt sannfærandi sögu í gegnum blaðsíðu.

Astra jógakennari

Astra jógakennari

Astra jóga leiðbeinandi þemað er annað sem notar nútímastrauma um sterk myndefni, litanotkun, góða leturstærð, lit og val og snyrtilegan parallax áhrif með merkinu í bakgrunni. Þetta er frábært þema fyrir sess sinn og virkar vel.

Skoðaðu Astra dæmi með Parallax

9. Sérsniðnar myndskreytingar

Sérsniðnar myndskreytingar eru leið fyrir vörumerki til að skera sig raunverulega úr. Gleymdu lager myndum eða fjöldamarkaðs vektorum, sérsniðin mynd er þar sem það er. Sannarlega upprunalegar myndskreytingar, byggðar á litaval vörumerkisins, geta verið öflug leið til að taka þátt og vekja tilfinningar og útkomu. Við teljum að þetta eigi eftir að vaxa mikið á þessu ári.

Sérsniðnar myndskreytingar

Ávinningurinn af sérsniðnum myndskreytingum er að hægt er að uppfæra þær stöðugt, stilla þær til að mæta stemningu eða aðstæðum og geta verið notaðar á mismunandi hátt í tækjum. Þeir geta einnig verið paraðir við hreyfimyndir til að skila upplifun sem felur í sér án þess að hægja á síðunni eða koma í veg fyrir ferð viðskiptavinarins. Fixate (sýnt hér að ofan) er frábært dæmi um sérsniðna mynd sem virkar vel.

Þeir geta haft aukakostnað í för með sér á þróunarstigi en flestir grafískir hönnuðir geta snúið myndum nokkuð fljótt við. Þetta er enn einn ávinningurinn af notkun þeirra.

10. Voice

Rödd verður sífellt mikilvægari á internetinu. Leit er nú þegar að innleiða rödd og vefhönnun verður að fylgja. Samkvæmt þessari könnun munu 65% netnotenda á aldrinum 25-49 ára nota radd til að hafa samskipti við tæki sín. Að nota rödd í síðuhönnun sem og flakk og leit er rökrétt þróun. Eitt sem við höldum að verði lykilþróun vefhönnunar árið 2020.

Voice

Siri, Alexa, Google Now og Cortana hafa öll kynnt okkur raddskipanir að einhverju leyti eða öðru. Aukin ósjálfstæði okkar á farsímum býður upp á kjörið tækifæri til að nota rödd í leit, svo hvers vegna ekki vefsíðuflakk og samskipti líka?

Tengi raddnotenda bætir einnig aðgengi vefsíðu og bætir aðgengi allra hæfileika. Ýmis lönd eru að innleiða strangari aðgengislög en að gera vefsíðu aðgengileg öllum er kjarninn í bæði internetinu og veraldarvefnum, svo af hverju myndum við ekki samþætta rödd í vefsíðu.

Þessi leiðarvísir fer ítarlega í áhrif raddarinnar á hönnunina. Vel þess virði að lesa. Eins er leiðbeiningar Google um raddstýrt forritaskil vefforrita þeirra.

Þróun vefhönnunar sem við höldum að muni stjórna vefnum árið 2020 eru aðallega þróun núverandi þema. Það er ekkert alveg nýtt hér en það er ennþá mikið til að hlakka til hvort sem þú ert netnotandi eða hönnuður.

Ein ástæða þess að við finnum okkur spennt fyrir þessu öllu er að þau bjóða upp á ósvikna áskorun til vefhönnuða. Nú eru dagar sniðmátasíðna og lykilhönnunar liðnir.

Nú er tími einstaklings, sérsniðin letur og myndskreytingar, fullkomlega jafnvægis vefsíður með hvítu rými og myndefni og sannarlega persónuleg vafraupplifun. Bættu við virkni eins og þrívídd, miklu endurbættri samhliða skrunun og rödd og þú hefur nothæfari vef fyrir alla. Það hlýtur að vera þróun sem vert er að fylgja!

Ertu sammála stefnuúrvalinu okkar? Hafa hugmyndir um aðrar þróun vefhönnunar á þessu ári? Segðu okkur frá þeim í athugasemdareitnum hér að neðan! 

Um höfundinn
David Attard
Höfundur: David AttardVefsíða: https://www.linkedin.com/in/dattard/
David hefur starfað í eða við net- / stafræna iðnaðinn síðustu 18 ár. Hann hefur mikla reynslu af hugbúnaðar- og vefhönnunargeiranum með því að nota WordPress, Joomla og veggskot í kringum þau. Sem stafrænn ráðgjafi er áhersla hans lögð á að hjálpa fyrirtækjum að ná samkeppnisforskoti með því að nota sambland af vefsíðu þeirra og stafrænum kerfum sem eru í boði í dag.

Eitt í viðbót... Vissir þú að fólk sem deilir gagnlegu efni á borð við þessa færslu lítur ótrúlega líka út? ;-)
vinsamlegast yfirgefa a gagnlegt skrifaðu athugasemdir við hugsanir þínar, deildu þessu síðan á Facebook hópinn þinn / hverjum sem myndu finnast þetta gagnlegt og við skulum uppskera ávinninginn saman. Takk fyrir að deila og vera fín!

Birting: Þessi síða getur innihaldið tengla á ytri vefsíður fyrir vörur sem við elskum og mælum af heilum hug. Ef þú kaupir vörur sem við leggjum til gætum við unnið okkur inn tilvísunargjald. Slík gjöld hafa ekki áhrif á ráðleggingar okkar og við tökum ekki við greiðslum fyrir jákvæða dóma.

Höfundur (ar) Valin þann:  Merki tímarits Inc   Sitepoint merki   CSS bragðarefur merki    vefhönnunarpottamerki   WPMU DEV merki   og margir fleiri ...