El diseño gráfico (como disciplina) ha evolucionado en las últimas dos décadas más que cualquier otra cosa. Hubo un tiempo en el que los diseñadores eran considerados solo ejecutores. Diseñadores de la vieja escuela, ¿recuerdan sus días en CoralDraw? ¿Cuánto creen que hemos evolucionado en los últimos años?

Hoy en día, los diseñadores hacen alarde de un nuevo y elegante prefijo (como IxD, UI, Motion Design), utilizan herramientas de vanguardia (piense en Sketch, Figma, Invision) y tienen los mejores recursos en línea (piense en Dribbble, Muzli) para guiarlos en su trabajo diario.

Otra gran mejora es que los diseñadores de hoy tienen un lugar en la mesa. ¿Por qué?, se podría pensar. La razón es que hoy en día utilizamos cada vez más productos digitales y nos estamos moviendo hacia un ecosistema completamente digital. Los diseñadores de UI son los facilitadores de esas interfaces mágicas, casi reales, con las que interactuamos todos los días. Si bien los diseñadores gozan de una mayor autoridad, también tienen una mayor responsabilidad sobre sus hombros: crear experiencias fluidas y permitir conexiones emocionales entre los humanos y la tecnología.

Un buen diseño es hacer algo inteligible y memorable. Un gran diseño es hacer algo memorable y significativo.

Si bien nos gustaría seguir descubriendo y aprendiendo nuevos trucos y tendencias a medida que crecemos profesionalmente, es igualmente importante permanecer fieles a los conceptos básicos y atemporales que impulsan la esencia del diseño de UI.

Hoy me gustaría guiarte a través de algunos principios básicos pero clave que garantizan que logres algo memorable y significativo cada vez que diseñes productos digitales.

1. Jerarquía

La jerarquía, al igual que su significado tradicional, es la disposición de los elementos en orden de importancia o peso en la pantalla. La jerarquía visual explica cómo podemos organizar el contenido y los elementos de diseño de manera efectiva. Es natural que los elementos que tienen más peso visual tiendan a captar la atención de los usuarios. Este comportamiento debe tenerse en cuenta al diseñar un diseño.

• Establecer relaciones visuales entre los elementos del diseño
• Luego, agregar diferentes pesos visuales a cada uno de los elementos
• Finalmente, crear patrones de movimiento ocular

Por ejemplo, el título de un blog requeriría más atención que el cuerpo del texto. De manera similar, en el diseño de interfaces,Un llamado a la acción (CTA) puede necesitar una importancia especial que otros. Siempre que intentamos dar sentido a la información visualmente, primero observamos similitudes y diferencias en lo que vemos. Estas relaciones nos permiten distinguir objetos.

2. Contraste

El contraste es otro principio importante que nos ayuda a diseñar mejores interfaces. No se trata solo de colores claros y oscuros opuestos o tamaños pequeños y grandes: es más que eso. El contraste nos ayuda a organizar nuestro contenido de una mejor manera, también ayuda a los usuarios a centrarse en ciertos elementos. Además de enfatizar los elementos, también crea un equilibrio visual e interés en el diseño. Sin embargo, demasiado contraste puede ser confuso para los usuarios. Podría crear muchos puntos focales debido a los cuales los usuarios pueden tener dificultades para realizar las acciones previstas. Intenta crear la cantidad justa de contraste jugando con:

Tamaño

• Color
• Grosor
• Estilos
• Fuentes
• entre
• serif
• sans serif Relleno