Koristite akcenat da privucite oko gledatelja
Naglasak u dizajnu web stranice stvara oblast ili objekat koji je žarište stranice. To je način da se jedan element izdvoji u dizajnu. Žižna tačka može biti veća od drugih elemenata dizajna ili sjajne boje - oba imaju tendenciju da privlače oko. Kada dizajnirate web stranicu, možete dodati naglasak odabirom reči ili fraze i dodjeljivanjem boje, fonta ili veličine koja ga čini izdvojenim, ali postoje mnogi drugi načini da se naglasi dizajn.
Korišćenje naglaska u dizajnu
Jedna od najvećih grešaka koje dizajneri mogu napraviti jeste pokušati napraviti sve u dizajnu. Kada sve ima jednak naglasak, dizajn izgleda da je zauzet i zbunjen ili lošiji i dosadniji. Da biste napravili žarišnu tačku u web dizajnu, nemojte zanemariti korišćenje:
- Linije: Napravite naglasak suprotno. Ako je nekoliko elemenata horizontalno, jedan vertikalni element postaje fokusna tačka.
- Boja: Ako je većina elemenata u dizajnu mračna ili prigušena, svaki objekat boje privlači oko.
- Oblici: Kada je većina oblika nepravilna, izdvaja se geometrijski oblik.
- Blizina: Kada je nekoliko stavki grupisanih i jedan je odvojen od grupe, oko ide na jednu stavku.
- Postavljanje: Iako postoje izuzeci, element koji se nalazi u centru dizajna obično privlači oko.
- Težina: težak element privlači pažnju gledatelja.
- Ponavljanje: Kada se ponovi jednostavna grafika za tip elementa, oko sledi ponovljeni element fokusnoj tački.
- Kontrast: Pored kontrasta kreiranih bojama i linijama, kontrast može biti generisan veličinom, teksturom ili promenama fonta. Promena uzrokuje isticanje fokusnog elementa.
- Bijeli prostor: element koji je okružen belim (ili praznim) prostorom postaje fokusna tačka.
Hijerarhija u Web dizajnu
Hijerarhija je vizuelni aranžman dizajnerskih elemenata koji ukazuju na značaj po veličini. Najveći element je najvažniji; manje važni elementi su manji. Fokusirajte se na stvaranje vizuelne hijerarhije u svojim web dizajnom. Ako ste radili na kreiranju semantičnog toka u HTML oznaku, to je lako jer vaša veb stranica već ima hijerarhiju. Sve što treba da uradite jeste da naglasite tačan element - kao što je naslov H1-za najveći naglasak.
Uz hijerarhiju u oznakama, prepoznajete da posetioce gleda na veb stranicu u obrazcu Z koja počinje u gornjem levom uglu ekrana. To čini gornji levi ugao stranice dobro mesto za važnu stavku kao što je logotip kompanije. Gornji desni ugao je druga najbolja pozicija za postavljanje važnih informacija.
Kako uključiti naglasak u web dizajnu
Naglasak u web dizajnu može se implementirati na više načina:
- Koristite semantičku oznaku kako biste osigurali naglasak čak i bez ikakvih stilova.
- Promenite veličinu fontova ili slika kako biste ih naglasili ili de-naglašili u dizajnu.
- Upotrijebite kontrastne boje kako biste osigurali naglasak.
- Brojanje računa. Ogromna reč na stranici ili na ekranu dobija neposrednu pažnju.
- Okružite fokusnu tačku sa belim prostorom.
- Ponovite reč ili sliku da privučete pažnju.
Gde se podređenost uklapa?
Podređenost se dešava kada smanjite ostale elemente u dizajnu kako biste napravili popis fokusa. Jedan primer je jako obojena slika koja se postavlja na crno-bijele slike. Isti efekat se javlja i kada koristite prigušene boje ili boje koje se meša sa pozadinom iza tačke fokusa, čime se ističe.