Koristite naglasak za privlačenje oka gledatelja
Naglasak u dizajnu web stranice stvara područje ili objekt koji je žarišna točka stranice. To je način da se jedan element ističe u dizajnu. Fokusna točka može biti veća od ostalih elemenata dizajna ili svijetlo obojena - oboje imaju tendenciju da privuku oko. Kada izrađujete web stranicu, možete dodati naglasak odabirom riječi ili frazu i dodjeljivanjem boje, fonta ili veličine koja ga čini isticanja, ali postoji mnogo drugih načina za korištenje naglaska u vašem dizajnu.
Korištenje naglaska u dizajnu
Jedan od najvećih pogrešaka koje dizajneri mogu napraviti jest pokušati napraviti sve što je u dizajnu isticati. Kad sve ima isti naglasak, dizajn izgleda zauzet i zbunjujuće ili pogoršanje - dosadno i neumoljivo. Da biste stvorili žarište web dizajna, nemojte zanemarivati upotrebu:
- Linije: Napravite naglasak za razliku. Ako je nekoliko elemenata horizontalno, jedan vertikalni element postaje fokalna točka.
- Boja: Ako je većina elemenata u dizajnu tamna ili prigušena, svaki objekt s bojom privlači oko.
- Oblik: Kada je većina oblika nepravilna, ističe se geometrijski oblik.
- Blizina: Kada su nekoliko stavki grupirane, a jedna je odvojena od grupe, oka ide na pojedinu stavku.
- Položaj: Iako postoje iznimke, element smješten u središtu dizajna obično privlači oko.
- Težina: Teški element privlači pažnju gledatelja.
- Ponavljanje: Kada se ponovi jednostavni element s grafičkim elementom, oči prate ponovljeni element u žarišnoj točki.
- Kontrast: Osim kontrasta stvorenih bojom i crtama, kontrast se može generirati veličinom, teksturama ili promjenama fonta. Promjena uzrokuje da se žarišni element istakne.
- Bijeli prostor: Element koji je okružen bijelim (ili praznim) prostorom postaje žarišna točka.
Hijerarhija u web dizajnu
Hijerarhija je vizualni raspored elemenata dizajna koji ukazuju na važnost po veličini. Najveći element je najvažniji; manje važni elementi su manji. Usredotočite se na stvaranje vizualne hijerarhije u web dizajnu. Ako ste radili za izradu semantičkog toka na HTML oznaku, to je jednostavno jer vaša web stranica već ima hijerarhiju. Sve što trebate učiniti je naglasiti ispravan element - poput naslova H1 - za najveći naglasak.
Uz hijerarhiju u označavanju, prepoznaje da posjetiteljsko oči gledaju web stranicu u Z uzorak koji počinje u gornjem lijevom kutu zaslona. To čini gornji lijevi kut stranice dobro mjesto za važnu stavku kao što je logotip tvrtke. U gornjem desnom kutu je druga najbolja pozicija položaja za važne informacije.
Kako uključiti naglasak u web dizajnu
Naglasak u web dizajnu može se provesti na mnogo načina:
- Upotrijebite semantičku oznaku kako biste pružili naglasak čak i bez ikakvih stilova.
- Promijenite veličinu fontova ili slika kako biste ih naglasili ili ih naglasili u dizajnu.
- Koristite kontrastne boje kako biste pružili naglasak.
- Brojevi veličine. Ogromna riječ na stranici ili na zaslonu dobiva neposrednu pozornost.
- Okružite središnju točku s bijelim prostorom.
- Ponovite riječ ili sliku da biste privukli pozornost.
Gdje se uklapa podređenost?
Podvrgavanje se događa kada tonirate druge elemente u dizajnu kako biste stvorili žarišnu točku. Jedan primjer je vedro obojena grafikona postavljena na crno-bijelu fotografiju u pozadini. Isti učinak pojavljuje se kada koristite prigušene boje ili boje koje se uklapaju u pozadinu iza fokalne točke i uzrokuju isticanje.