Essential Hönnun Stefna, maí 2017
Gera góða fyrstu sýn er mikilvægur þáttur í vefhönnun. Heimasíða er oft fyrsta reynsla sem notandi hefur með fyrirtæki eða stofnun og sláandi hönnun getur hjálpað til við að skapa áhuga. Þróun þessa mánaðar leggur alla áherslu á hönnunarþætti heimasíðunnar sem eru aðeins svolítið frábrugðin því sem notendur eru vanir að sjá.
Frá eingöngu fagurfræðilegu stefnu í grunnt hetjuhöfunum og skáhallum hornskipulagi til notkunar gagnvirkrar stefnu í þessu eða sem kallar til aðgerða, eru margar áhugaverðar leiðir til að vekja athygli notenda.
Hér er það sem er í þróun í þessum mánuði:
1. Gróft Hero Headers
Í smá stund hefur tilhneigingin með myndum hetja verið stór, djörf myndir og myndskeið sem fylla skjáinn, oft frá toppi heimasíðunnar til hægri um hvar skrúfið hefst. Fleiri hönnun er farin að koma aftur á þessa stærri myndstefnu fyrir grunnara myndir.
Mikið af hönnuninni er ennþá það sama. Herohausar innihalda enn góðar myndir eða texta með stillingum sem eru gerðar til að skoða. En myndirnar eru u.þ.b. hálft og djúpt.
Hvað er gott um þetta hugtak er það hjálpar að færa aðrar upplýsingar upp á skjánum. Líkamsútgáfa og kallar til aðgerða sem eru ekki í hetju myndinni birtast hærra í hönnuninni, gefa notendum eitthvað til að gera eða smella strax. Það getur komið í veg fyrir ringulreið á myndinni sjálfu, sem getur verið mjög mikilvægt ef myndin er upptekin eða erfitt að para með texta á áhrifaríkan hátt.
Þessi hönnunarmynstur getur einnig bætt við fleiri hvítum rúmum í heildar hönnun, sem gerir það lítið léttara og auðveldara að sigla. Með fleiri lágmarksstílum sem eru enn vinsælar, gæti þetta hugtak verið ein af þeim þáttum sem rekja má til þessa hönnunarákvörðunar.
The erfiðasta hluti af því að nota meira grunnt hetja mynd er cropping. Það er ein af þeim hlutum sem þú vilt hugsa um snemma í hönnuninni, allt til baka þegar þú talar við ljósmyndara um myndir. Vegna þess að lögunin er ekki eins staðalbúnaður gætir þú þurft að útskýra hvernig þú ætlar að nota myndina til að fá mynd eða myndskeið sem mun líta vel út fyrir þetta hlutföll.
2. Skurður hornréttur
Sumir straumar eru bara of mikið gaman að hunsa. Skáhallt hornhönnun er ein af þessum hugtökum.
Þessi hönnun er sýnd af þætti sem eru klasaðir í einu horni skjásins - oft neðst til hægri - og aðdáandi út á restina af striga. Þættir eru oft staðsettar til að líta út eins og þau springa í hönnunina.
Skurðarhneigðarhornshugmyndir veita mismunandi notkunarmælingu fyrir notendur með því að búa til brennivídd í neðri horni hönnunar frekar en efst til vinstri eða miðju og búa til dýpt með hugmyndinni um þætti sem virðast "springa" yfir skjáinn. (Fyrir aukaspyrnu í hönnuninni skaltu íhuga hreyfingarþætti til að auka þessi sprengisáhrif með hreyfingu þar sem notandinn skrúfur eða hovers yfir tiltekna þætti.)
Til að ná sem mestu úr þessum þáttum, fela í sér margar "fleiri" þætti undir skruninu til að bæta við þessum auka þáttum veruleika svo að hlutar hönnunarinnar sem þú sérð ekki geta fundið áþreifanlegan og er til staðar á skrúfunni.
Þó að þessi tegund af hönnunarmynstri virkar ekki með hvers konar efni, getur það verið góð hugmynd fyrir hönnun sem ekki hefur mikið af öðrum listum og notið mikið af notendaviðmóti til að vekja athygli. Það getur einnig unnið fyrir hönnun á hönnunarstíl eða þjónað sem leið til að skipuleggja mörg minni sjónarþætti í eina einingu.
3. Þetta eða það kallar til aðgerða
Næstum hver viðbótarkönnun felur í sér einhvers konar aðgerð. Hvort sem það er eyðublað til að fylla út, tengdu til að smella eða stefnu til að halda áfram að fletta fyrir meira efni, er notandinn beðinn um að gera eitthvað. (Og þeir fá oft eitthvað annað sem verðlaun fyrir þessa vinnu.)
Fleiri hönnun er farin að skjóta upp með speglunarsímtali til aðgerða, sem leyfa notendum að velja úr heimasíðunni þar sem þeir ákveða hvað á að gera næst. Hönnunin gæti litið á ýmsa vegu, eins og bein myndi þú svindla eða ekki spyrja af Orð særa til tveggja pallborðs valkostur frá Stoli að smella-valkostur flakk fyrir Hi Pointe Drive In .
Þessi hönnunarsnið gefur notendum stjórn á því sem þeir vilja gera og sjá, sem getur verið aðlaðandi með réttan blanda af efni og vali. Öll þrjú dæmi hér að neðan gera frábært starf um að setja fram hvað notandinn getur gert og hvað mun gerast. (Það eru líka útspil ef notandi gerir rangt val og þarf að fara aftur.)
Áskorunin hérna er sú að þú þarft bara rétt efni af þessu hönnunarmynstri til að vinna. Sumir notendur geta verið óvart með mörgum valkostum og vildu aðeins eitt kallar til aðgerða með einu vali - ljúka aðgerðinni eða ekki. Hér hafa notendur tvöfalt fleiri möguleika til að íhuga. Til að ná sem mestum árangri þarf innihaldið að vera algerlega þátttakandi.
Niðurstaða
Ólíkt sumum öðrum straumum sem við höfum kannað nýlega, eru þróun þessa mánaðar hrein sjónarmið sem hægt er að bæta við núverandi hönnun í flugu. (Þó að þú gætir komið nálægt ef þú ert heppinn.)
Þessi hönnun kerfa treysta aðeins meira um skipulagningu efnis og hönnunar til að passa við, vitandi að þú hafir ákveðin hugtak í huga. Það tekur fyrirfram áætlun og í sumum tilvikum þarf jafnvel smá HTML eða CSS töfra til að draga það allt saman.
Hvaða þróun ertu að elska (eða hata) núna? Mig langar að sjá nokkrar vefsíður sem þú hefur áhuga á. Slepptu mér tengil á Twitter ; Mig langar að heyra frá þér.