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 nuevo y elegante prefijo (como IxD, UI, Motion Design), usan herramientas de vanguardia (piense en Sketch, Figma, Invision) y tengan los mejores recursos en línea (piense en Dribbble, Muzli) para guiar ellos en su trabajo diario.

Otra gran mejora es que los diseñadores de hoy tienen un asiento en la mesa. Por qué, uno puede pensar. La razón es que hoy en día utilizamos cada vez 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 realistas, 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 humanos y 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 mantenernos fieles a los conceptos básicos y atemporales que impulsan la esencia del diseño de la interfaz de usuario.

Hoy me gustaría llevarlo a través de algunos principios básicos pero clave que garantizan que logre algo memorable y significativo cada vez que diseñe 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 diseñar elementos de manera efectiva. Es natural que los elementos que tienen más peso visual tienden 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 cree patrones de movimiento ocular

Por ejemplo, el título de un blog requeriría más atención que el texto del cuerpo. De manera similar, en el diseño de interfaces, una llamada a la acción (CTA) puede necesitar una importancia especial que otras. Siempre 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 mejor nuestro contenido, 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 por el diseño. Sin embargo, demasiado contraste puede resultar confuso para los usuarios. Podría crear muchos puntos focales debido a los cuales los usuarios pueden tener dificultades para tomar 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. Por lo tanto, 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 subtexto debajo de un título para apoyarlo. El principio de proximidad ayuda a los diseñadores a hacer que la interfaz sea fácil de escanear y comprender por los usuarios. Es un hecho comprobado que la proximidad prevalece sobre otras herramientas como colores, formas o estilos.

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

4. Saldo

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 consiste en 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 chocar con la visibilidad de otros elementos. Recuerde que el equilibrio visual debe imitar elequilibrio 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 varios 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 también a las interfaces digitales.