Énfasis en un diseño de página web crea un área u objeto que es el punto focal de la página. Es una forma de hacer que un elemento se destaque en el diseño. El punto focal puede ser más grande que otros elementos del diseño o de colores brillantes, los cuales tienden a llamar la atención. Cuando diseñe una página web, puede agregar énfasis eligiendo una palabra o frase y asignándole un color, fuente o tamaño que lo hace destacar, pero hay muchas otras formas de usar el énfasis en su diseño.
Uso del énfasis en el diseño
Uno de los errores más grandes que pueden cometer los diseñadores web es intentar que todo el diseño se destaque. Cuando todo tiene el mismo énfasis, el diseño parece ajetreado y confuso o peor aún, aburrido y poco atractivo. Para crear un punto focal en un diseño web, no pase por alto el uso de:
- Líneas: Crea énfasis por contraste. Si varios elementos son horizontales, un elemento vertical se convierte en el punto focal.
- Color: Si la mayoría de los elementos del diseño son oscuros o apagados, cualquier objeto con color atrae la atención.
- Formas: Cuando la mayoría de las formas son irregulares, destaca una forma geométrica.
- Proximidad: Cuando se agrupan varios elementos y uno está separado del grupo, la atención se dirige al elemento único.
- Colocación: Aunque hay excepciones, un elemento colocado en el centro de un diseño suele llamar la atención.
- Peso: Un elemento pesado atrae la atención del espectador.
- Repetición: Cuando se repite un elemento simple de gráfico a tipo, el ojo sigue el elemento repetido hasta el punto focal.
- Contraste: Además de los contrastes creados por el color y las líneas, el contraste se puede generar mediante cambios de tamaño, textura o fuente. El cambio hace que se destaque el elemento focal, o énfasis.
- Espacio en blanco: Un elemento rodeado por un espacio blanco (o vacío) se convierte en el punto focal.
Jerarquía en diseños web
La jerarquía es la disposición visual de los elementos de diseño que indican la importancia por tamaño. El elemento más grande es el más importante; los elementos menos importantes son más pequeños. Concéntrese en crear una jerarquía visual en sus diseños web. Si ha trabajado para crear un flujo semántico a su HTML marcado, esto es fácil porque su página web ya tiene una jerarquía. Todo lo que debe hacer su diseño es enfatizar el elemento correcto, como un título H1, para obtener el mayor énfasis.
Junto con jerarquía en el marcado, reconozca que el ojo de un visitante ve una página web en un patrón Z comenzando en la esquina superior izquierda de la pantalla. Eso hace que la esquina superior izquierda de la página sea un buen lugar para un elemento importante, como el logotipo de una empresa. La esquina superior derecha es la segunda mejor posición para la ubicación de información importante.
Cómo incluir énfasis en diseños web
El énfasis en el diseño web se puede implementar de muchas maneras:
- Utilice marcas semánticas para dar énfasis incluso sin estilos.
- Cambie el tamaño de las fuentes o imágenes para enfatizarlas o quitarles énfasis en el diseño.
- Usar colores contrastantes para dar énfasis.
- El tamaño cuenta. Una palabra enorme en la página o en la pantalla recibe atención inmediata.
- Rodea el punto focal con espacios en blanco.
- Repite una palabra o imagen para llamar la atención.
¿Dónde encaja la subordinación?
La subordinación ocurre cuando atenúa otros elementos en un diseño para hacer resaltar el punto focal. Un ejemplo es un gráfico de colores brillantes colocado sobre una foto de fondo en blanco y negro. El mismo efecto ocurre cuando usa colores apagados o colores que se mezclan con el fondo detrás del punto focal, haciendo que se destaque.