Naglasak na a dizajn web stranica stvara područje ili objekt koji je žarišna točka stranice. To je način da se jedan element istakne u dizajnu. Žarišna točka može biti veća od ostalih elemenata dizajna ili svijetlih boja - što oboje privlači pogled. Kada dizajnirate web stranicu, naglasak možete dodati odabirom riječi ili fraze i dodjeljivanjem a bojom, fontom ili veličinom po čemu se ističe, ali postoji mnogo drugih načina za korištenje naglaska u vašem oblikovati.
Upotreba naglaska u dizajnu
Jedna od najvećih pogrešaka koje web dizajneri mogu napraviti jest pokušati istaknuti sve u dizajnu. Kad sve ima jednak naglasak, dizajn djeluje zauzeto i zbunjujuće ili još gore - dosadno i neprivlačno. Da biste stvorili žarišnu točku u web dizajnu, ne previdite upotrebu:
- Linije: Stvorite naglasak kontrastom. Ako je nekoliko elemenata vodoravno, jedan vertikalni element postaje žarišna točka.
- Boja: Ako je većina elemenata u dizajnu tamna ili prigušena, bilo koji objekt u boji privlači pogled.
- Oblici: Kad je većina oblika nepravilnih, ističe se geometrijski oblik.
- Blizina: Kada je nekoliko predmeta grupirano, a jedan je odvojen od skupine, oko prelazi na pojedinu stavku.
- Plasman: Iako postoje iznimke, element postavljen u središte dizajna obično privlači pogled.
- Težina: Težak element privlači pažnju gledatelja.
- Ponavljanje: Kad se ponovi jednostavni grafički upisani element, oko slijedi ponovljeni element do žarišne točke.
- Kontrast: Osim kontrasta stvorenih bojom i linijama, kontrast se može generirati promjenom veličine, teksture ili fonta. Promjena dovodi do izdvajanja žarišnog elementa ili naglaska.
- Bijeli prostor: Element 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 prema veličini. Najveći element je najvažniji; manje važni elementi su manji. Usredotočite se na stvaranje vizualne hijerarhije u vašim web dizajnom. Ako ste radili na stvaranju semantičkog toka do vašeg HTML markup, to je lako jer vaša web stranica već ima hijerarhiju. Sve što vaš dizajn treba učiniti je naglasiti ispravan element - poput naslova H1 - za najveći naglasak.
Zajedno s hijerarhija u označavanju, prepoznajte da posjetiteljevo oko gleda web stranicu u obliku slova Z koja počinje u gornjem lijevom kutu zaslona. To čini gornji lijevi kut stranice dobrim mjestom za važnu stavku, poput logotipa tvrtke. Gornji desni kut drugo je najbolje mjesto za postavljanje važnih informacija.
Kako uključiti naglasak u web dizajne
Naglasak na web dizajnu može se primijeniti na više načina:
- Upotrijebite semantičko označavanje za naglašavanje čak i bez ikakvih stilova.
- Promijenite veličinu fontova ili slika kako biste ih naglasili ili de-naglasili u dizajnu.
- Koristiti kontrastne boje pružiti naglasak.
- Veličina se računa. Ogromna riječ na stranici ili zaslonu privlači trenutnu pozornost.
- Okružite žarišnu točku bijelim prostorom.
- Ponovite riječ ili sliku da biste privukli pažnju.
Gdje se podređivanje uklapa?
Podređivanje se događa kada utišate ostale elemente u dizajnu kako bi žarišna točka iskočila. Jedan od primjera je jarko obojena grafika smještena na crno-bijeloj pozadinskoj fotografiji. Isti se efekt događa kada upotrebljavate prigušene boje ili boje koje se stapaju s pozadinom iza žarišne točke, zbog čega se ona ističe.