7 pravila za stvaranje jednostavnog dizajna
Neka bude jednostavno glupane. Ovaj koncept datira iz 1960. kada je američka mornarica implementirala princip KISS, koji tvrdi da većina sustava najbolje funkcionira ako su jednostavni, a ne složeni. Isto vrijedi i za skoro svaki dizajnerski projekt.
Većina grafičkih dizajnera uči o KISS-u već na početku karijere. Pa kako to možete učiniti? Stvaranje jednostavnog dizajna malo je složenije nego što možda mislite. Evo sedam pravila za dizajn, koja vam pomažu da oduzmete sve nerede i stvorite lijepo jednostavan račun.
Istražite dizajnerske resurse
1. Postavite jedan cilj po stranici
Početak jednostavnog dizajna započinje ciljem projekta i specifičnim ciljevima za svaku stranicu web stranice. Svaka stranica trebala bi korisnike dovesti do jedne radnje, isključujući navigaciju i podnožje.
To bi moglo biti bilo što od klika na vezu, unosa podataka u obrazac, gledanja videa ili igranja igre. Ali svaka se stranica treba usredotočiti na jednu korisničku radnju ili konverziju.
Previše stvari koje mogu učiniti može svladati korisnike. Oni mogu izgubiti iz vida ono što bi radnje trebalo dovršiti i možda će učiniti manje poželjan izbor. Isplanirajte dizajn tako da svaka stranica vodi korisnike do jednog cilja. Svaki akcijski gumb iznad pomicanja i ispod pomicanja na istoj stranici trebao bi činiti istu stvar. Ta dosljednost pomaže korisnicima da razumiju zašto se nalaze na vašoj web lokaciji i što trebaju učiniti; jednostavnost tih izbora dizajn čini jednostavnim i privlačnim.
2. Držite se dviju vrsta obitelji
Postoji toliko mnogo dizajnerskih smjernica koje preporučuju tri tipa slova za projekt. To možete još više pojednostaviti s dvije robusne vrste.
Potražite obitelj tipa koja uključuje više utega s dosta kontrasta između uobičajenih i podebljanih ili crnih opcija. Za još više šare, odlučite se za izbor zaslona koji uključuje nekoliko zamjenskih znakova koje možete koristiti u prevelikim naslovima.
Tada sve što trebate napraviti je pomiješati i uskladiti s tipom tijela i slojem prikaza kako biste dobili izvrsne kombinacije slova za cijeli dizajn. Koristite dvije vrste obitelji jednako kao što biste željeli da odaberete više opcija s određenom upotrebom za određene utege ili stilove.
Otkrićete da vam to može pomoći u stvaranju čitljive palete tipografije koja je lako čitljiva i jednostavna za upotrebu te je vizualna konzistentnost.
3. Koristite dosljedno poravnanje
Lijevo, u sredini ili čak udesno - poravnajte prema cjelokupnom dizajnu. To uključuje poravnavanje poput stavki, poput tekstualnih okvira i elemenata koji nisu slični, ali se kombiniraju u grupiranje.
Adaptable to odlično radi s tekstom na klizaču početne stranice. Unatoč tekstu s različitim brojevima linija na slici, svaki se naslov podudara s gumbom poziva na akciju. Razmak između elemenata je također dosljedan.
Što je više, ovo dosljedno usklađivanje provodi se kroz pomicanje s ostalim naslovima i CTA parovima.
Poravnavanje odgovara protoku klizača, koji se također kreće u komplementarnom smjeru. Poravnanje lijeve i središnje strane najčešća je opcija kada je riječ o elementima teksta jer su oni najviše čitljivi. Uz dulji tekst poželjna je opcija poravnanja ulijevo.
4. Uspostaviti hijerarhiju
Korisnici ne bi trebali razmišljati o tome što gledati ili kako se kretati preko dizajna. Čak i najjednostavnije vizualne kompozicije trebaju imati izrazitu hijerarhiju.
Počinje s dominantnim vizualnim. Prvi utisak može biti slika, video ili tekstualni prikaz ili bilo što drugo.
Tada bi trebao postojati neka vrsta teksta koji korisniku govori što dizajn i web stranica pokušavaju komunicirati. To je obično u obliku jednostavnog naslova koji djeluje s dominantnim vizualom.
Treće je sekundarni zalogaj teksta ili akcije koji korisnici moraju dovršiti. Završni vizualni element je navigacijski izbornik. Korisnici očekuju da će pronaći sve te elemente i oko je osposobljeno za kretanje kroz elemente u osnovi ovim redoslijedom. Olakšajte im dizajniranjem na taj način.
5. Dajte elementima obilje prostora
Ako ga do sad ne znate, zauzmite to u sjećanje: Bijeli prostor je vaš prijatelj.
Svakom elementu dizajna pružite obilje prostora. Prostor će vam pomoći privući pažnju na pojedine elemente, zauzeti će „prostor“ tako da vas ne iskuši da zatrpate platno i pomognete u stvaranju cjelokupnog dizajna koji ima fokus.
Trik kako dobro iskoristiti prostor je dosljednost. Postavite pravila o količini prostora koji će okruživati pojedine elemente ili se uklapa između redaka teksta. Ako dizajn izgleda previše baran, možda ćete se morati povući na razmake samo malo. Znat ćete da je razmak ispravan kada otvorite dizajn svjež i odete pravo na mjesta koja korisnici prvo trebaju vidjeti. (Niste sigurni što su? Vratite se br. 4 - Uspostavite hijerarhiju.)
6. Povećajte kontrast
Elementi dizajna visokog kontrasta - od izbora boja do veličine elemenata - mogu projektu dati upravo onu količinu vizualne finoće koja mu je potrebna, čak i u najnižim okvirima.
Za trendovsku opciju pokušajte svijetlu kontrastnu paletu boja kako biste privukli pažnju korisnika. Bold boje će jednostavan dizajn učiniti složenijim i zanimljivijim od crno-bijele opcije. Da biste iskoristili najviše kontrastne boje, opredijelite se za nijanse iz suprotnih položaja na kotaču u boji sa sličnim zasićenostima. Ako vam je ta opcija previše naklonjena, pokušajte s ostalim parovima na kotačima u boji. (Možda ćete pronaći i novog neočekivanog novog favorita, poput ljubičaste i ljubičaste kombinacije.)
7. Koristite dosljedne ikone i elemente
Dosljednost u dizajnu jedna je od najboljih (i najgori) čuvanih tajni dizajna ubojica. To je jedna od onih stvari koja se prečesto zaboravlja jer su dizajnerski projekti prepuni višestrukih stilova gumba ili ikona društvenih medija koji jednostavno ne odgovaraju ostatku ikonografije web stranice.
Elementi korisničkog sučelja ne bi trebali biti razmišljanja.
Važno je stvoriti skup i pravila ikona i korisničkog sučelja te ih koristiti na cijelom projektu na isti način. (Možete čak kupiti ili preuzeti font ikona ili element korisničkog sučelja ako ih ne želite kreirati ispočetka.)
Odaberite boju za elemente, koristite istu akciju ili efekt lebdenja za svaki (jedan za elemente na koje se može kliknuti, a drugi za elemente koji nisu) i elemente veličine na temelju upotrebe. (Prihvatljivo je imati i veličinu ikone i preveliku opciju za elemente koji su malo više grafički.)
Prodajni strojevi Praticca koriste velike ikone, na primjer, da bi upotrijebili korisnike, jer postoji više informacija. A + nalazi se unutar ikone u boji. Sve tri ikone su identične osim boje. Svi oni rade istu stvar kada lebdimo i svi djeluju na isti način kada korisnik klikne. Ista se ikona koristi na cijelom web mjestu kako bi se pokrenuli novi bitovi sadržaja i pomoglo korisnicima skeniranju kopije.
Zaključak
Jednostavan dizajn ne mora biti posve minimalan ili nedostajati zabavnih elemenata ili korisničkih sučelja. Jednostavan dizajn je onaj koji je vrlo upotrebljiv i intuitivan te omogućuje korisnicima da se upuste bez pitanja ili kompliciranih uputa.
Iako postoji mjesto za složenije interakcije web stranica ili korisnika, većina dizajna web stranica može imati koristi od KISS pristupa. Ne pretjerujte s tim, a ni korisnici neće morati.
