Góðar vefsíður virðast alltaf að sameina frábær hönnun með frábærum kóða. Frá því að byggja upp vefsíðu er mjög einfalt verkefni finnst þér margir læra HTML og CSS og mynda það ef þeir geta lært það þá geta þeir hannað hvaða vefsíðu sem þeir vilja. Þó tæknilega þeir geta þú munt oft finna að það eru nokkur helstu mistök sem þeir gera vegna þess að þeir vilja ekki taka tíma til að raunverulega læra um hönnun.

Forritarar eru hönnuðir í eigin rétti, en þeir hanna kóða og frábærlega architected kerfi. Til að hanna eitthvað er sjónarhornið algjörlega öðruvísi og bara vegna þess að þú ert með góða auga fyrir hönnun þýðir það ekki að þú hafir góðan hug að nota hana.

Þar sem svo margir forritarar hafa persónulega verkefni sem venjulega þýðir að þeir verða að búa til eigin vefsíður. Ef þú ert sjálfstæður kóðari er einn af stærstu eignum sem þú getur haft vitneskju um þróun þróunarferlisins frá upphafi til enda, og það felur í sér hönnun.

Hér eru átta mistök sem ég sé oft að verktaki gerir þegar þú notar hönnun á vefsíðu.

1. Ég veit hvað góð hönnun lítur út

Það getur verið erfitt að skilja í augum fyrir hönnun með hæfni til að hanna. Það er mjög svipað fólki sem getur litið á tísku og sagt þér hvað lítur vel út, en getur ekki raunverulega klætt sig á sama hátt.

Frábærir hönnuðir vita einfaldlega hvað góð hönnun er. Þeir vita hvað mun virka og hvað virkar ekki oft áður en þeir taka jafnvel blýant eða opna Photoshop. Oft er þetta vegna þess að þeir hafa eytt árum til að hella yfir mismunandi hönnun og prófa sig sjálfir. Rétt eins og enginn listamaður getur tekið upp blýant og teiknað eitthvað frábært í fyrsta skipti, enginn verktaki ætti að trúa því að þeir geti knýtt fyrstu hönnun sína beint úr garðinum.

Líkur á því hvernig forritari gæti kannað kóðann af öðru fólki getur hver sem er lesið hönnun og byrjað að öðlast skilning á því hvers vegna það virkar.

Taka a líta á fallega Punchfork þú getur séð hvað gerir hönnunina svo frábær.

  • Góð notkun á myndum. Myndir eru alltaf hjálpsamur við að spice upp hönnun, en of oft geta hönnuðir fari í burtu með þeim. Myndirnar sem notaðar eru á Punchfork eru gagnlegar til að fá skilaboðin yfir.
  • A solid rist. Hinn mikli notkun ristarsamsetningar hjálpar augunum að komast í flæði.
  • Einföld leturfræði. Það eru leturgerðir sem á að nota á vefnum og það eru letur sem ætti að nota mjög, mjög sparlega á vefnum (Papyrus, Comic Sans, osfrv.). Það er ekkert athugavert við að standa við Georgíu og Helvetica fyrir hönnun vegna þess að þeir vinna þegar það er gert rétt.

Það eru margar fleiri hlutar hönnunarinnar sem gera það svo yndislegt. Þegar þú rekst á hönnun sem þú vilt taka tíma til að læra einstök atriði, en einnig viðurkenna hvernig þau passa inn í heildina. Ein frábær þáttur í hönnun gerir ekki alla hönnun frábært.

2. Litur úrval

Litur úrval getur verið sársauki. Ég hata að þurfa að velja litir vegna þess að það eru svo margir að velja úr. Af einhverjum ástæðum hafa flestir forritarar tilhneigingu til að halda sig við bláa og hvíta stiku. Kannski vegna þess að það er notað alls staðar eða það eru sjálfgefnar stillingar vafrans, en frábær hönnun getur falið í sér úrval af litum. Til allrar hamingju fyrir okkur litið áskorun fólkinu eru tonn af verkfærum þarna úti sem geta hjálpað okkur að setja saman frábæra litasamsetningar.

COLOURlovers er frábært samfélag þar sem fólk skapar uppáhalds litaspjöld og deilir þeim. Þú getur skoðað, vistað og valið um uppáhalds litatöflurnar þínar og liti. Í fleiri en einu tilefni hef ég snúið sér að COLOURlovers til að komast í gegnum og vista daginn með litaval.

Þegar þú velur litavali skaltu gæta þess að halda fast við einn sem passar við skap á síðuna þína og innihald hennar. Ekki velja stiku einfaldlega vegna þess að þú elskar það. Orange og svartur gætu ekki verið bestu litirnar fyrir síðuna um hugtakið ást til dæmis.

Sjaldan verður þú að nota meira en 3-4 mismunandi liti og ef þú ákveður að þú þarft að réttlæta val þitt.

3. Miðaðu við það

Það getur verið mjög freistandi að miða fyrirsögn. Það lítur vel út í dagblöðum en sjaldan mun það virka vel á vefnum nema allt sé miðað. Við vitum að vinstri-lagaður texti lítur vel út og vinnur með náttúrulegu flæði augna svo hvers vegna fer utan um línurnar?

Miðað texti er best notaður fyrir fyrirsagnir og stuttar textar. Notendur geta lesið þau með vellíðan vegna þess að línurnar eru stuttar, skannanlegar og þurfa ekki endurteknar augnhreyfingar. Miðað texti getur einnig gefið útlit þitt fagurfræðilega útlit með samhverfri sniði. Þetta virkar fyrir texta sem fer með miðju myndum. Ef myndirnar þínar eru til vinstri eða hægri, þá ættirðu að skrifa texta þína til að vera í samræmi við útlitið.

Miðaðar fyrirsagnir vinna í dagblöðum vegna þess að textinn er brotinn upp í dálka þannig að fyrirsögnin rennur yfir alla söguna. Ef þú ert aðeins að takast á við eina dálk af texta ættirðu að halda áfram að vinstri línu.

4. Litur smorgasbord

Þegar þú ert ekki sökkt í heimi leturfræði lítur Arial út eins og Helvetica og Georgía líkist Times New Roman. Þú veist að það eru önnur letur sem eru þarna eins og Comic Sans, en þú sérð ekki mikilvægi þess að þurfa að borga fyrir letur þegar þú getur auðveldlega notað það sem er í boði fyrir þig.

Með auðlindum eins Typekit þó hefur leturval valið verið svipað og litval. Það getur tekið daga rannsókna að finna rétta samsetninguna þegar þú gætir auðveldlega notað grunn letur og lokið við það sem eftir er.

Ekki fara um borð með leturgerð. Eins og litir eru takmörkuð úrval oft best. Þegar það kemur að leturgerðinni, getur ein eða tvær mismunandi letur verið nóg til að framleiða fallega hönnun. Mundu að þú getur gert margar mismunandi hluti með leturgerðir. Þú getur skáletrað þá, feitletrað þau, undirstrikaðu þau, hástöfum þeim eða smátt og smátt.

5. Pakkaðu í upplýsingarnar

Þegar þú ert verktaki, því meiri upplýsingar sem þú getur haft á síðu því betra. Þegar ég er kóða líkar mér að gera það á mörgum skjáum því það leyfir mér að hafa allt rétt fyrir framan mig. Því miður virkar þetta ekki í hönnun. Þú ættir ekki að troða eins mikið af upplýsingum í þéttum rýmum eins og þú sérð vel vegna þess að þá verður hönnunin óvirk.

Augan getur aðeins tekið inn svo mikið af upplýsingum í einu og ef tilgangur flestra hugmynda er að fá verkefni lokið þá er það ekki að hjálpa að fela það innan milljóna annarra upplýsinga.

Þó upptekin vefsíður geta verið árangursríkar, fleiri sinnum en ekki eru þær ekki. Hvítt rými ætti að vera besti vinur þinn. Þú þarft tóma hluta í hönnun þinni til að leggja áherslu á hlutina í hönnuninni sem er mikilvæg.

6. Engar spurningar spurðar

Við vitum öll þessi frábæra tilfinning að búa til eitthvað og sjá það út í hinum raunverulega heimi. Vegna þess að við bjuggum til það, þá hefur tilhneigingu til að vera hlutdrægni að baki því sem gerir okkur kleift að hugsa betur en það raunverulega er. Þú þarft að fá skoðanir annarra til að vita hvort hönnunin sé árangursrík og ef það er ekki er hægt að finna leiðir til að bæta það. Í staðinn finnst verktaki að þeir þurfi ekki að spyrja aðra skoðun vegna þess að þeir vita hvernig hönnunin virkar þannig að allt skilur þeim.

Þú munt einnig komast að því að þegar fólk biður um skoðun um hönnun þá biðja þau ekki um gagnrýni heldur samþykki. Þeir vilja réttlæta ákvarðanirnar sem þeir gerðu og þetta er ekki rétt nálgun. Spurandi spurningar hjálpa þér í raun að finna nothæfi sem þú gætir ekki hafa verið meðvitaðir um áður. Oft ertu svo fastur í eigin hönnun að allt skili þér, en fyrir nýja manneskju getur hönnun þín verið flóknari en Rubiks teningur.

7. Upplýsingar úrgangs tíma

Með mikilli hönnun getur verið erfitt að taka eftir smáum smáatriðum sem raunverulega gera það. Þeir gætu verið svo lúmskur að frjálslegur áheyrnarfulltrúi lítur framhjá þeim og heldur áfram. Fyrir framkvæmdaraðili geta smáatriði verið sóun á tíma vegna þess að þeir skilja ekki heildaráhrifin sem falla skuggi getur haft á frumefni.

Smá upplýsingar um sig hafa aðeins áhrif á tiltekna þætti í hönnun, en þegar þeir koma saman saman þá hefur þú frábæra hönnun sem flæðir. Síður eins Dribbble útskýrðu hversu mikil smáupplýsingarnar geta unnið í stærri hönnun. Hins vegar, ef þú ert ekki hönnuður í viðskiptum, áherslu of mikið á smáatriði gæti hægfara ferlið meira en þú vilt. Þetta þýðir þó ekki að þú ættir ekki að vera meðvitaðir um hvernig upplýsingar geta haft áhrif á hönnun.

Hvaða aðrar algeng mistök gera verktaki þegar kemur að hönnun? Vinsamlegast taktu þátt í athugasemdum!