Við vitum öll með innsæi hvað gerir vefsíðu lítið slæmt: ofnotkun, áhrifamikill klippimynd, yfirgripsmikið útlit. Þessar gremjur eru auðveldlega leiðréttar með því að þróa með grundvallaratriðum í huga - sömu reglur sem notaðar eru af faglegum hönnuðum og listamönnum.

Great vefsíður koma saman form og virka. Í raun eru vel hönnuðir vefsíður talin trúverðugari samkvæmt Stanford rannsókn og er í raun auðveldara að nota (eins og rannsóknir rannsaka Don Norman ). Svo hér eru fimm grundvallaratriði til að hjálpa þér að halda gæðahönnun í fararbroddi í starfi þínu.

1) Fylgdu reglunum ... að mestu leyti

Í hönnunarkennslu munu þau gefa þér lista yfir meginreglur sem fylgja því sem tengja reglur við fegurðarefnum eins og skipulag, röð og samhverf. En eins og þú færð, þá er þér sagt að brjóta reglurnar svolítið til að búa til staði fyrir augu áhorfandans til að líta með því að nota þætti eins og fjölbreytni, spennu eða andstæða.

Hér er dæmi um síðu Ég gerði í Edge Reflow CC. Getur þú blettur á mismunandi hönnunarþáttum sem eru starfandi, þá spilaðirðu með?

2) Notaðu myndmál og tákn til að miðla þegar mögulegt er

Það eru nokkrar alhliða tákn sem fólk er þjálfað til að bregðast við. Stækkunarglerið (leitin), húsið (heimasíða) og disklingi (vista) eru flutt inn í notendur þína þegar. Nýttu þá sjónflýtileiðir ; Allir þessir vegmerki skulu strax þekkjast til þín.

3) Litur sem hönnunarþáttur, ekki sem skraut

Litur gerir alla muninn, sérstaklega þar sem skjáir okkar verða betri á símanum okkar og töflum. Það er hliðarhönnun sem getur verið mjög mikilvægur hluti sögunnar sem vefsvæðið þitt vill segja. Notaðu bara lit til að styðja við efni, ekki skreyta síðu. Og oft, ef þú notar mynd, ættir þú að taka liti í hönnuninni úr myndunum sem eru notaðar þannig að hönnunin þín hefur góðan samræmingu.

Mér líkar alveg við að draga lita dæmi með litasmellum - og Adobe Kuler Vefforrit er frábær leið til að spila með mismunandi þemum og síðan flytja þær inn í verkfæri tækjanna. Einn af bestu reglum til að fara með er að nota ókeypis litir. Sem er í grundvallaratriðum með heitum litum og flottum litum saman til að veita jafnvægi.

4) Veldu leturgerðir sem styðja efni

Það eru bókstaflega þúsundir letur til að velja úr.

Það er undir þér komið að blanda saman og passa - en mundu að það er besta æfingin að nota aðeins allt að þrjá letur í einu - gott fyrirsögn leturgerð, einn fyrir meginmál texta, þá einn fyrir hvers konar útköllun þú gætir þörf. Oft þýðir það að nota sans-serif fyrir líkamsyfirlitið og fyrir fyrirsagnir geturðu fengið áhugavert annað hvort serif eða sans-serif.

5) Hjálp frá öðrum

Allt í lagi, þú hefur grunnþættir þínar með fallegum táknum og myndum, með hljóð litasamsetningu og skemmtilegum leturgerðir. Hvað er næst?

Að fá hjálp frá öðrum, auðvitað! Og ekki bara handahófi fólk á götunni, heldur uppbyggjandi gagnrýni frá fólki sem raunverulega þekkir efni þeirra, eins og aðrir hönnuðir / verktaki. Þetta getur verið til þess fallið að fara frá óákveðinn greinir í ensku góður staður til einn sem virkilega birtist. Ef þú hefur aldrei notað Behance til að senda inn vinnu, þá mæli ég með því að reyna það. Virkt samfélag mun gera meira en bara segja þér "að gera lógó stærri" - en gefa þér ráð sem getur skipt á milli góðs vefsvæðis og góðs.

Til að kafa dýpra inn í hvernig á að beita hönnunarþáttum við vefþróun skaltu skoða kynningu mína frá SXSW: