microcontraste

Jan 21 2023
En arte y diseño, los niveles de detalle están estrechamente relacionados con la cantidad de interés visual en una pieza. Los detalles enriquecidos pueden ayudarnos a transformar algo soso y banal en algo sorprendente, y una forma de agregar detalles es a través de lo que llamo microcontraste, que es el contraste dentro de los elementos existentes de su diseño.

En arte y diseño, los niveles de detalle están estrechamente relacionados con la cantidad de interés visual en una pieza. Los detalles enriquecidos pueden ayudarnos a transformar algo soso y banal en algo sorprendente, y una forma de agregar detalles es a través de lo que llamo microcontraste , que es el contraste dentro de los elementos existentes de su diseño.

Divídalo y hágalo extravagante

Si su obra de arte o diseño carece de emoción, tal vez se deba a la ausencia de microcontraste. Seleccione un elemento destacado en su pieza y vea si puede desglosarlo. Digamos que ese elemento es una palabra. Entonces podemos dividirlo en letras. A continuación, agregue algunas peculiaridades a la primera o última letra, o cualquier otra letra que considere adecuada, para que sea más interesante. Estas peculiaridades agregarán contraste y variación, y harán que la letra se destaque, atrayendo así los ojos del espectador. Para nuestra letra seleccionada, podemos hacerla más grande, más audaz o modificar su forma para agregar sorpresa. Los ojos de los espectadores permanecerán más tiempo en la pieza porque hay más información a la que prestar atención.

Microcontraste en Handlettering

La idea del microcontraste a menudo se puede ver en la escritura a mano. Echa un vistazo a la siguiente pieza de Chandra Larsson . Observe cómo las iniciales B, R y L tienen colas exageradas que las hacen únicas y especiales. Estas colas incluso se expanden en letras cercanas para integrarse estrechamente con ellas y conectar toda la pieza. Están creando microcontrastes a nivel de palabra entre letras. Sin ellos, esta obra de arte sería mucho menos interesante.

Una pieza de escritura a mano de Chandra Larsson. Crédito: https://www.behance.net/gallery/9491765/The-Seventh-Letter-Summer-2013

Microcontraste en la barra de tareas de Windows

Otro buen ejemplo que ilustra el uso del microcontraste son los diseños de la barra de tareas en Windows Vista y XP.

En Windows Vista, el microcontraste se crea a través del tamaño y la forma. El botón Inicio es más grande que los demás elementos y sobresale de la barra de tareas. Su forma circular hace que se destaque de la forma plana y rectangular de la barra, creando mucho interés visual.

En Windows XP, el microcontraste se crea a través del color y la forma. El botón verde de Inicio contrasta con la barra de tareas azul, y su contorno curvo a la derecha lo hace especial en comparación con la barra de tareas plana y recta.

Aunque estos diseños pueden parecer un poco pasados ​​de moda hoy en día, ya que las interfaces de usuario modernas tienden a ser planas sin muchas texturas, el principio sigue siendo el mismo: si queremos más interés visual, introduzca el contraste en varias formas en el nivel apropiado.

La barra de tareas en Windows Vista. Crédito: https://forums.elementalgame.com/374057/windows-7-superbar-stomps-the-old-taskbar-part-1
La barra de tareas en Windows XP. Crédito: https://www.youtube.com/watch?v=DZf1Kk6mqIs

Pensamientos finales

Hace años, discutimos cómo aprovechar el contraste para crear bonitas combinaciones tipográficas . El microcontraste es la extensión de esa idea al diseño visual en general. Aprender a aprovecharlo puede ayudarnos a aumentar la cantidad de detalles y el interés visual en nuestro trabajo de diseño y convertirnos en mejores diseñadores.