Sadržaj
- 01. Koristite rešetku
- 02. Odaberite jednu žarišnu točku
- 03. Koristite pravilo trećina
- 04. Upotrijebite razmak
- 05. Ponovite elemente dizajna
- 06. Koristite hijerarhiju
- 07. Koristite ljestvicu, kontrast i sklad
Primarni cilj bilo kojeg izgleda stranice koji dizajnirate, bilo da se radi o tiskanoj brošuri ili najnovijoj web aplikaciji, jest jasno i učinkovito priopćavanje informacija čitatelju. Jedan od najboljih načina da se čitatelju isporuče ključne poruke jest stvaranje uravnoteženog izgleda stranice.
Dizajn izgleda stranice obično uključuje puno postavljanja, preuređivanja i formatiranja elemenata. Mnogi dizajneri ovom procesu pristupaju organski, osjećajući svoj put do ugodnog krajnjeg rezultata. Iako ovo može dovesti do izvrsnih sretnih nesreća, postoji rizik da upotreba metodologije slobodnog oblika može rezultirati nedostatkom vizualne ravnoteže na stranici.
Dobar sastav stranice trebao bi biti i oku ugodan, a također bi trebao ključne poruke jasno prenijeti namjeravanoj publici. Zajedno smo prikupili nekoliko najboljih savjeta koji će vam pomoći da osigurate ravnotežu u dizajnu izgleda stranice (dobar će vam alat za izradu web stranica također pomoći). Ovi će pristupi dobro funkcionirati kako bi pružili strukturu za ravnotežu, bez obzira na medij s kojim radite.
Za više savjeta specifičnih za web, pogledajte naš vodič za stvaranje savršenih izgleda web stranica.
01. Koristite rešetku
Jedan od najjednostavnijih načina da osigurate da vaša stranica ima određenu ravnotežu je korištenje mrežnog sustava. Mreže su nekad bile jedini rezervat tiskane stranice, ali posljednjih je nekoliko godina dovršeno mnogo posla na mreži kako bi se koncept mreže preselio na digitalni medij.
Korištenjem rešetke za informiranje položaja različitih elemenata na stranici stvorit ćete vezu između različitih elemenata koji čine vašu stranicu. To vam može pružiti osjećaj reda za vaš izgled, pružajući čitatelju jasne strukturne reference na koje se može vratiti i povećava uspjeh vaše stranice.
To je važno jer kada svi elementi vaše stranice imaju osjećaj međusobne povezanosti, čitatelj se čitatelju čini ugodnijim, pomaže mu olakšati i olakšava im pristup važnim stvarima: sadržaju.
02. Odaberite jednu žarišnu točku
Jedan od najučinkovitijih načina za pružanje osjećaja ravnoteže je odabir jedne žarišne točke za vaš dizajn izgleda. Dobar primjer za to u praksi je upotreba velike slike kao najvećeg pojedinačnog elementa na stranici.
Jaka vizualna slika može pružiti moćan način da čitatelja uvede na vašu stranicu (kao što to može i stručna analiza idealne usluge web hostinga), a također nudi i koristan strukturni element oko kojeg će se rasporediti preostali sadržaj u vašem rasporedu. Ako imate više vizualnih elemenata, upotrijebite princip blizine Gestalt teorije da biste ih grupirali, poravnavajući ih na isti način.
Također je vrijedno imati na umu da možete koristiti naslov ili povući citat na isti način; dobar naslov zaslona može ponuditi toliko vizualnog interesa kao slika, a istovremeno pruža strukturu koja će vam pomoći da osigurate uravnotežen izgled.
03. Koristite pravilo trećina
Jedan od najboljih načina da se osigura osjećaj ravnoteže je korištenje omiljenog dizajnera Pravila trećina ili Zlatnog omjera. Jednostavno rečeno, pravilo trećina kaže da ako svoju stranicu podijelite na trećine i vertikalno i vodoravno, točke na kojima se sijeku crte mreže daju prirodne žarišne točke kompozicije.
Poravnavanjem ključnih elemenata s ove četiri točke postići ćete ugodniji sastav nego ako, primjerice, savršeno centrirate elemente na svojoj stranici.
Samo po sebi, pravilo trećina neće čarobno pružiti ravnotežu vašem izgledu, ali proširujući načelo, lako je koristiti ovu tendenciju ka prirodnoj žarišnoj točki koja će vam pomoći u informiranju ravnoteže vašeg izgleda.
Uobičajeni pristup je postavljanje najvažnijih elemenata vaše stranice u gornju (ili donju) trećinu stranice, s primarnom žarišnom točkom poravnanom tako da odgovara jednom od sjecišta. Imate puno stvari za pohranu za svoju web lokaciju? Pogledajte ove mogućnosti pohrane u oblaku.
04. Upotrijebite razmak
Uobičajeno je da dizajneri početnici koriste svaki pojedinačni prostor na stranici, puneći sadržaj dok se ne popuni svaka praznina. Iskusniji znaju da ponekad najbolji dio dizajna uključuje izostavljanje elemenata, a ne njihovo potkivanje.
U tiskanom mediju najčešći način korištenja praznog prostora je povećavanjem margina i žljebova stranice. Na webu jednostavno pružanje dovoljno prostora za disanje oko elemenata može vam pomoći da vaš dizajn izgleda izgleda skladno i uravnoteženo.
Korištenje negativnog prostora najbolje djeluje kada imate jasnu strukturu koja zajedno usidrava sadržaj (poput one koju pruža mreža), jer rizik od bijelog prostora može biti osjećaj prekida veze između elemenata stranice ako se unese slučajno.
05. Ponovite elemente dizajna
Ponavljanje također može pružiti snažan osjećaj povezanosti dizajna i ravnoteže kompozicije. Ideja je da identificiranjem i ponovnom upotrebom motiva ili dizajnerskog tretmana u cijelom rasporedu čitatelju pružite referencu tako da se različita područja osjećaju povezanima i dijelom iste ukupne kompozicije.
Ovu tehniku također možete koristiti za pružanje žarišne točke u svom dizajnu, zadržavajući pritom ukupnu ravnotežu, namjerno prekidajući obrazac sličnosti uveden ponavljanjem.
06. Koristite hijerarhiju
Jedan od ključnih pristupa postizanju izgleda stranice nirvane je jasan osjećaj za strukturu i hijerarhiju. Već smo se dotaknuli strukture, ali važno je i prenijeti relativnu važnost različitih dijelova sadržaja na vašoj stranici. Primjerice, naslov bi gotovo uvijek trebao biti vizualno važniji od sadržaja tjelesnog teksta.
Pogledajte različite elemente koji čine vaš dizajn izgleda i odlučite koji je element najvažniji. Koristite ovaj element za pružanje strukturne kuke za preostale elemente na stranici, zadržavajući ga kao najvažniji.
07. Koristite ljestvicu, kontrast i sklad
Napokon, upotreba skale može biti vrlo učinkovita metoda za postizanje dobre vizualne ravnoteže u vašem rasporedu. Čineći neke elemente većima od drugih, pojavit će se osjećaj reda i hijerarhije. To pomaže stvoriti ugodan izgled jer će gledatelj automatski prvo pogledati veće elemente unutar izgleda, prelazeći do manjih elemenata dok čitaju.
Ovo načelo također djeluje s povećanim kontrastom, tako da će izoliranjem elementa na stranici kontrastom oko prvo fokusirati na tu točku. To omogućuje ulaz na stranicu i opet daje korisnu strukturnu točku iz koje ćete razviti svoj izgled.
I skala i kontrast najbolje funkcioniraju kada se odnose na jedan element, što ga izdvaja od ostalih dijelova vašeg izgleda. Upotrijebite principe harmonije da se drugi osjećaju povezanima i naglasite žarišnu točku.
