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 principals errors que els dissenyadors web 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: Crea un èmfasi per contra. Si diversos elements són horitzontals, un element vertical es converteix en el punt focal.
- Color: Si la majoria d'elements del disseny estan 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 l'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 element simple de gràfics per escriure, 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, o l'èmfasi, 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 un titular H1, per fer-ne més è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.
