7 reglur til að búa til einfalda hönnun

 7 reglur til að búa til einfalda hönnun

John Morrison

7 reglur til að búa til einfalda hönnun

Hafðu það einfalt, heimskulegt. Þessi hugmynd er frá 1960 þegar bandaríski sjóherinn innleiddi KISS meginregluna, sem heldur því fram að flest kerfi virki best ef þau eru einföld, frekar en flókin. Sama á við um nokkurn veginn hvaða hönnunarverkefni sem er.

Sjá einnig: 20+ bestu Lightroom LUT fyrir ljósmyndun (fyrir töfrandi myndir)

Flestir grafískir hönnuðir læra um KISS snemma á ferlinum. Svo hvernig geturðu gert það? Að búa til einfalda hönnun er aðeins flóknara en þú gætir haldið. Hér eru sjö reglur til að hanna eftir, sem hjálpa þér að skera burt allt draslið og búa til fallega einfaldan reikning.

Sjá meira

1. Settu eitt markmið á síðu

Upphaf einfaldrar hönnunar byrjar á markmiði fyrir verkefnið og ákveðnum markmiðum fyrir hverja síðu vefsíðunnar. Hver síða ætti að leiða notendur að einni aðgerð, fyrir utan flakkinn og fótinn.

Þetta gæti verið allt frá því að smella á hlekk, slá inn upplýsingar á form, horfa á myndband eða spila leik. En hver síða ætti að einbeita sér að einni notendaaðgerð eða viðskipti.

Of margt að gera getur gagntekið notendur. Þeir geta misst sjónar á því hvaða aðgerðir ætti að ljúka og gætu valið minna eftirsóknarvert. Skipuleggðu hönnunina þannig að hver síða leiði notendur að einu markmiði. Sérhver aðgerðalegur hnappur fyrir ofan skrun og neðan skrun á sömu síðu ætti að gera það sama. Þessi samkvæmni hjálpar notendum að skilja hvers vegna þeir eru á síðunni þinni oghvað þeir eiga að gera; einfaldleiki þessara vala gerir hönnunina auðvelda og aðlaðandi.

2. Haltu þig við tvær gerðir fjölskyldur

Það eru svo margar hönnunarleiðbeiningar sem mæla með þremur leturgerðum fyrir verkefni. Þú getur hagrætt því enn meira með tveimur öflugum tegundafjölskyldum.

Leitaðu að tegundafjölskyldu sem inniheldur margar lóðir með miklum andstæðum á milli venjulegra og feitletraðra eða svarta valkostanna. Til að fá enn meiri hæfileika skaltu velja skjával sem inniheldur nokkra aðra stafi sem þú getur notað í stórum fyrirsögnum.

Þá þarftu bara að blanda saman úr líkamsleturgerð og skjáleturgerð til að verða frábær samsetningar á letri fyrir alla hönnunina. Notaðu tvær tegundafjölskyldur alveg eins og þú myndir gera ef þú velur fleiri valkosti með sérstakri notkun fyrir ákveðnar þyngdir eða stíla.

Þú munt komast að því að þetta getur hjálpað þér að búa til mjög læsilega og auðvelt að nota leturfræðispjald sem auðvelt er að stjórna og hefur sjónrænt samræmi.

3. Notaðu stöðuga jöfnun

Vinstri, miðju eða jafnvel til hægri – hvaða jöfnun sem þú vilt, haltu þér við hana í gegnum alla hönnunina. Þetta felur í sér að samræma svipaða hluti, eins og textareiti og þætti sem eru ekki eins en passa saman í hópa.

Adaptable gerir þetta frábærlega með textann á sleðann á heimasíðunni. Þrátt fyrir texta með mismunandi fjölda lína á myndinni er hver fyrirsögn í takt við símtalið tilaðgerðahnappur. Bilið á milli þátta er einnig í samræmi.

Það sem meira er er að þessi samræmda röðun heldur áfram á fletjunni með öðrum fyrirsögnum og CTA pörum.

Jöfnunin passar við flæði sleðans, sem hreyfist einnig í hliðarstefnu. Vinstri og miðja röðun eru algengustu valkostirnir þegar kemur að textaþáttum vegna þess að þeir eru læsilegastir. Með lengri texta er vinstri jöfnun ákjósanlegasti kosturinn.

4. Koma á stigveldi

Notendur ættu ekki að þurfa að hugsa um hvað þeir eigi að skoða eða hvernig eigi að fara yfir hönnun. Jafnvel einföldustu sjónræn tónverk ættu að hafa sérstakt stigveldi.

Það byrjar með ríkjandi sjón. Það getur verið mynd eða myndband eða textaskjár eða eitthvað annað sem gerir fyrstu sýn.

Sjá einnig: Hvernig á að setja inn myndir og myndir í InDesign

Þá ætti að vera einhvers konar texti sem segir notandanum hverju hönnunin og vefsíðan er að reyna að miðla. Þetta er venjulega í formi einfaldrar fyrirsagnar sem vinnur með ríkjandi myndefni.

Í þriðja lagi er aukatexti eða aðgerð sem notendur geta klárað. Síðasti sjónræni þátturinn er leiðsöguvalmynd. Notendur búast við að finna alla þessa þætti og augað er þjálfað í að fara í gegnum þættina í grundvallaratriðum í þessari röð. Gerðu það auðvelt fyrir þá með því að hanna á þann hátt.

5. Gefðu þáttum nóg af plássi

Ef þú veist það ekki núna skaltu binda þetta í minni: Hvítt rýmier vinur þinn.

Gefðu öllum þáttum í hönnuninni nóg pláss. Pláss mun hjálpa til við að vekja athygli á einstökum þáttum, taka upp „pláss“ svo þú freistist ekki til að rugla strigann og hjálpa til við að búa til heildarhönnun sem hefur einbeitingu.

Braggið við að nota plássið vel er samræmi. Stilltu reglur um hversu mikið pláss mun umlykja einstaka þætti eða passa á milli textalína. Ef hönnunin lítur út fyrir að vera of hrjóstrug gætirðu þurft að draga aðeins til baka á bilinu. Þú munt vita að bilið er rétt þegar þú opnar hönnunina ferska og fer beint á staðina sem þú vilt að notendur sjái fyrst. (Ertu ekki viss um hvað þau eru? Farðu aftur í nr. 4 – Stofna stigveldi.)

6. Amp Up Contrast

Hönnunarþættir með mikilli birtuskil – allt frá litavali til stærðar þátta – geta gefið verkefni nákvæmlega það magn af sjónrænni fínleika sem það þarfnast, jafnvel í lágmarks ramma.

Fyrir töff valkost skaltu prófa bjarta andstæða litatöflu til að ná athygli notenda. Djarfir litir munu gera einfalda hönnun flóknari og áhugaverðari en svarthvítur valkostur. Til að nýta andstæða lit sem best skaltu velja litbrigði frá gagnstæðum stöðum á litahjólinu með svipaða mettun. Ef þessi valkostur er of mikill fyrir þig skaltu prófa önnur litahjól byggð pör. (Þú gætir jafnvel fundið óvænt nýtt uppáhald, eins og fjólubláa og bláa samsetninguna hér að ofan.)

7. Notaðu ConsistentTákn og þættir

Samkvæmni í hönnun er eitt best (og verst) geymda leyndarmáli drápshönnunar. Það er eitt af því sem gleymist allt of oft þar sem hönnunarverkefni eru full af mörgum hnappastílum eða táknum á samfélagsmiðlum sem passa bara ekki við restina af táknmynd vefsíðunnar.

Notendaviðmótsþættir ættu ekki að vera aukaatriði.

Það er mikilvægt að búa til tákn og notendaviðmótsþáttasett og reglur og nota þær í gegnum verkefnið á sama hátt. (Þú getur jafnvel keypt eða hlaðið niður táknleturgerð eða notendaviðmótsþáttasetti ef þú vilt ekki búa þetta til frá grunni.)

Veldu lit fyrir þætti, notaðu sömu sveimaaðgerðina eða áhrifin fyrir hvern ( eitt fyrir þætti sem hægt er að smella á og annað fyrir þætti sem eru það ekki) og stærðarþætti miðað við notkun. (Það er ásættanlegt að hafa bæði táknstærð og yfirstærð valmöguleika fyrir þætti sem eru aðeins myndrænni.)

Praticca Vending Machines notar of stór tákn til að benda notendum á að það séu meiri upplýsingar. A + er staðsett inni í lituðu tákni. Öll þrjú táknin eru eins fyrir utan litinn. Þeir gera allir það sama á sveimi og virka allir á sama hátt þegar notandi smellir. Sama táknið er notað smærra á vefnum til að hefja nýja hluti af efni og hjálpa notendum að skanna afritið.

Niðurstaða

Einföld hönnun þarf ekki að vera algjörlegalágmarks eða skortir skemmtilega þætti eða notendaviðmótsgóðgæti. Einföld hönnun er mjög nothæf og leiðandi, sem gerir notendum kleift að taka þátt án spurninga eða flókinna leiðbeininga.

Þó að það sé staður fyrir flóknari vefsíður eða notendasamskipti, getur flest vefhönnun notið góðs af KISS nálguninni. . Ekki ofhugsa það, og notendur þurfa ekki heldur.

John Morrison

John Morrison er vanur hönnuður og afkastamikill rithöfundur með margra ára reynslu í hönnunariðnaðinum. Með ástríðu fyrir að deila þekkingu og læra af öðrum hefur John skapað sér orðspor sem einn af fremstu hönnunarbloggurum í bransanum. Hann eyðir dögum sínum í að rannsaka, gera tilraunir og skrifa um nýjustu hönnunarstrauma, tækni og verkfæri, með það að markmiði að hvetja og fræða aðra hönnuði. Þegar hann er ekki týndur í heimi hönnunarinnar nýtur John þess að ganga, lesa og eyða tíma með fjölskyldu sinni.