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 svijetle boje - od kojih obje 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
Jedna od najvećih pogrešaka koje web 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 gore - dosadno i neumreženo. 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.
- oblici: Kada je većina oblika nepravilna, ističe se geometrijski oblik.
- blizina: Kada je nekoliko stavki grupirano, a jedna je odvojena od grupe, oka ide na pojedinačnu stavku.
- prostor: 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, oka slijedi ponovljeni element u žarišnu točku.
- Kontrast: Pored kontrasta stvorenih bojom i crtama, kontrast se može generirati veličinom, teksturama ili promjenama fonta. Promjena uzrokuje da se fokalni element ili naglasak ističe.
- 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.
