Utilitzeu l'èmfasi per dibuixar l'ull de l'espectador
L'èmfasi en un disseny de pàgines web crea una àrea o objecte que és el punt focal de la pàgina. És una forma de destacar un element en el disseny. El punt focal pot ser més gran que altres elements del disseny o de colors brillants, els quals tendeixen a cridar l'ull. Quan estigueu dissenyant una pàgina web, podeu afegir èmfasi escollint una paraula o una frase i assignant-li un color, font o mida que la faci destacar, però hi ha moltes altres maneres d'utilitzar l'èmfasi en el vostre disseny.
Ús d'èmfasi en el disseny
Un dels majors errors que els dissenyadors poden fer és intentar destacar tot el que es destaqui en el disseny. Quan tot té igual èmfasi, el disseny apareix ocupat i confús o pitjor, avorrit i poc atractiu. Per crear un punt focal en un disseny web, no deixeu de banda l'ús de:
- Línies: crear èmfasi per contrast. Si diversos elements són horitzontals, un element vertical es converteix en el punt focal.
- Color: si la majoria d'elements del disseny són foscos o silenciosos, qualsevol objecte amb color atreu l'ull.
- Formes: quan la majoria de les formes són irregulars, es destaca una forma geomètrica.
- Proximitat: quan s'agrupen diversos elements i un d'ells està separat del grup, l'ull es dirigeix a un element únic.
- Col·locació: encara que hi ha excepcions, un element situat en el centre d'un disseny sol dibuixar l'ull.
- Pes: un element pesat atrau l'atenció de l'espectador.
- Repetició: quan es repeteix un senzill gràfic per escriure element, l'ull segueix l'element repetit al punt focal.
- Contrast: a més dels contrastos creats pel color i les línies, el contrast pot generar-se pels canvis de mida, textura o font. El canvi fa que l'element focal es destaqui.
- Espai blanc: un element envoltat d'espais blancs (o buits) es converteix en el punt focal.
Jerarquia en dissenys web
La jerarquia és l'arranjament visual dels elements de disseny que indiquen importància per grandària. L'element més important és el més important; els elements menys importants són més petits. Centreu-vos en crear una jerarquia visual en els vostres dissenys web. Si heu treballat per crear un flux semàntic al marcat HTML , això és fàcil perquè la vostra pàgina web ja té una jerarquia. Tot el disseny que heu de fer és emfatitzar l'element correcte, com ara un titular H1, per a la major èmfasi.
Juntament amb la jerarquia en marcat, reconegui que els ulls d'un visitant visualitzen una pàgina web en un patró Z que comença a la cantonada superior esquerra de la pantalla. Això fa que la part superior esquerra de la pàgina sigui un lloc adequat per a un element important, com ara el logotip d'una empresa. La cantonada superior dreta és la segona millor posició d'ubicació per obtenir informació important.
Com incloure èmfasi en els dissenys web
L'èmfasi en el disseny web es pot implementar de moltes maneres:
- Utilitzeu el marcat semàntic per proporcionar èmfasi, fins i tot sense estils.
- Canvieu la mida de les fonts o les imatges per emfatitzar-les o desestimar-les en el disseny.
- Utilitza colors contrastants per fer èmfasi.
- El recompte de mides. Una gran paraula a la pàgina o a la pantalla rep atenció immediata.
- Ensenya el punt focal amb l'espai en blanc.
- Repetiu una paraula o una imatge per cridar l'atenció.
On està situat la subordinació?
La subordinació es produeix quan toneu els altres elements d'un disseny per fer que el punt focal aparegui. Un exemple és un gràfic de colors brillants situat en una foto de fons blanc i negre. El mateix efecte es produeix quan s'utilitzen colors o colors silencis que es barregen amb el fons darrere del punt focal, fent que es destaqui.