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

Hoy en día, los diseñadores hacen alarde de un prefijo nuevo y elegante (como IxD, UI, Motion Design), usan 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 del día a día.

Otra gran mejora es que los diseñadores de hoy tienen un asiento en la mesa. Por qué, uno puede pensar. El motivo es que hoy en día cada vez usamos más y más productos digitales y avanzamos hacia un ecosistema completamente digital. Los diseñadores de UI son los habilitadores de esas interfaces mágicas, casi reales, con las que interactuamos todos los días. Si bien los diseñadores disfrutan de una mejor autoridad, también tienen una mayor responsabilidad sobre sus hombros. Para 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.

– Dieter Rams

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 interfaz de usuario.

Hoy me gustaría explicarte algunos principios básicos pero clave que te aseguran 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 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 con mayor 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 agregue diferentes pesos visuales a cada uno de los elementos.

Finalmente crea patrones de movimiento ocular.

Por ejemplo, el título de un blog requeriría más atención que el cuerpo del texto. Del mismo modo, en el diseño de la interfaz, una llamada a la acción (CTA) puede necesitar una importancia especial que otras. Cada vez que intentamos dar sentido a la información visualmente, primero observamos similitudes y diferencias en lo que estamos viendo. 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 opuestos claros y oscuros o de 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 enfocarse en ciertos elementos. Además de enfatizar elementos, también crea un equilibrio visual e interés en el diseño. Sin embargo, demasiado contraste puede resultar confuso para los usuarios. Podría crear muchos puntos focales debido a los cuales a los usuarios les puede resultar difícil realizar las acciones previstas. Apunta a crear la cantidad justa de contraste jugando con:

Tamaño

Color

Peso

Estilos

fuentes

entre

serif

relleno sans serif

3. Proximidad

Este principio describe que los elementos visuales se perciben como relacionados si son visualmente similares. De esta manera, los elementos visualmente similares se ven principalmente como un grupo y no como elementos individuales. Entonces, podemos usar el principio de proximidad en el diseño de la interfaz de usuario para agrupar información similar que está relacionada entre sí. por ejemplo, escribimos un subtexto debajo de un título para respaldarlo. El principio de proximidad ayuda a los diseñadores a hacer que la interfaz sea fácil de escanear y comprender por parte de los usuarios. Es un hecho comprobado que la proximidad se impone a otras herramientas como los colores, las formas o los estilos.

Una de las áreas donde la proximidad juega un papel importante en el diseño de interfaces es la tipografía. A los usuarios no les gusta leer largos fragmentos de texto. Es difícil para ellos identificar piezas importantes de información. Por lo tanto, los diseñadores deben desglosar los fragmentos grandes del cuerpo del texto en partes más pequeñas para que los usuarios puedan captar y digerir fácilmente la información. Por el contrario, los artículos que pertenecen a diferentes grupos deben colocarse lo suficientemente lejos para evitar cualquier influencia negativa. p.ej.

4. Equilibrio

Una composición equilibrada se siente estable y agradable a la vista, mientras que un diseño desequilibrado puede crear inestabilidad y distracción. El equilibrio visual se trata de tener elementos negativos y positivos en proporciones iguales en el diseño. Una composición equilibrada puede tener algunas áreas que llamen la atención de los usuarios, pero no debe desentonar con la visibilidad de otros elementos. Recuerde que el equilibrio visual debe imitar el equilibrio físico de los productos de la vida real para mantener a los usuarios comprometidos con el diseño. Los diseñadores pueden equilibrar una composición jugando con el peso visual de los elementos. El peso visual se puede decidir por cuánto se destaca un elemento. Hay múltiples parámetros que afectan el peso visual de un elemento, por ejemplo, tamaño, color, contraste y densidad.

El cerebro humano tiende a interpretar que las cosas más grandes tienen más peso. La misma psicología se aplica en digi