Array

Énfasis como principio de diseño web

-

El énfasis en el diseño de una 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 & amp; # x2014; ambos tienden a dibujar el ojo. Cuando usted y amp; apos; están diseñando una página web, puede agregar énfasis eligiendo una palabra o frase y asignándole un color, fuente o tamaño que lo haga destacar, pero hay muchas otras formas de usar el énfasis en su diseño.

Uso de énfasis en el diseño

Uno de los mayores errores que pueden cometer los diseñadores web es intentar que todo en el diseño se destaque. Cuando todo tiene el mismo énfasis, el diseño parece ocupado y confuso o peor & amp; # x2014; aburrido y poco atractivo. Para crear un punto focal en un diseño web, don & amp; apos; t pasa por alto el uso de:

  • Líneas: Crear énfasis por el contrario. Si varios elementos son horizontales, un elemento vertical se convierte en el punto focal.
  • Color: Si la mayoría de los elementos en el diseño son oscuros o apagados, cualquier objeto con color atrae la atención.
  • Formas: Cuando la mayoría de las formas son irregulares, se destaca una forma geométrica.
  • Proximidad: Cuando se agrupan varios elementos y uno está separado del grupo, el ojo va al elemento único.
  • Colocación: Aunque hay excepciones, un elemento colocado en el centro de un diseño generalmente llama la atención.
  • Peso: Un elemento pesado atrae la atención del espectador.
  • Repetición: Cuando se repite un gráfico simple para escribir element & amp; amp; nbsp; 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 puede generarse por cambios de tamaño, textura o fuente. El cambio hace que el elemento focal, o énfasis, se destaque.
  • Espacio blanco: Un elemento rodeado de espacio blanco (o vacío) se convierte en el punto focal.

Video destacado

Jerarquía en diseños web

La jerarquía es la disposición visual de los elementos de diseño que indican importancia por tamaño. El elemento más grande & amp; amp; nbsp; is & amp; amp; nbsp; 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 usted y amp; apos; han trabajado para crear un flujo semántico a su marcado HTML, esto es fácil porque su página web ya tiene una jerarquía. Todo lo que su diseño debe hacer es enfatizar el elemento correcto & amp; # x2014; como un titular H1 & amp; # x2014; para el mayor énfasis.

Junto con la jerarquía en el marcado, reconozca que un visitante y un ojo de Apos ve una página web en un patrón Z que comienza 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 de colocación para información importante.

Cómo incluir énfasis en diseños web

El énfasis en el diseño web se puede implementar de muchas maneras:

  • Use el marcado semántico para proporcionar énfasis incluso sin ningún estilo.
  • Cambie el tamaño de las fuentes o imágenes para enfatizarlas o desestimarlas en el diseño.
  • Use colores contrastantes para proporcionar énfasis.
  • El tamaño cuenta. Una gran palabra en la página o pantalla recibe atención inmediata.
  • Rodea el punto focal con espacio en blanco.
  • Repita 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 que el punto focal explote. 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 o colores apagados que se mezclan con el fondo detrás del punto focal, lo que hace que se destaque.

& amp; # x203A; Informática

Dejar respuesta

Please enter your comment!
Please enter your name here

FOLLOW US

spot_img

Related Stories