Principios de la comunicación visual
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
6
Principios de la composición visual
¿Qué es la jerarquía visual?
Necesitamos ordenar para comunicarnos. Mediante esta jerarquía ráfica vamos a poder establecer señales y contrastes visuales que indicarán a nuestra audiencia
hacia dónde debe prestar su atención primero y continuamente después.
De eso trata la jerarquía visual, de trabajar con todos los recursos que estén a nuestro alcance para ordenar, or anizar y otor ar prioridad a nuestro contenido.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
Jerarquía visual: qué es y cómo aplicarla bien
La jerarquía visual orma parte de todo buen diseño. Gracias a ella vamos a conse uir uiar al ojo del espectador, aclarándose qué es lo más y lo menos importante de nuestra pieza. Ya sabemos que el principal objetivo del diseño ráfico es comunicar, y para lo rar comunicar correctamente y arantizar que nuestro mensaje se lea en el orden correcto, vamos a necesitar ayudarnos de la jerarquía visual.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
jerarquía visual por tamaño y contraste de color Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
La tipo ra ía
En lo que a tipo ra ía se refiere, cuando vayamos a trabajar la jerarquía visual en diseño ráfico tendremos en cuenta dos actores di erentes: la jerarquía tipo ráfica y la uente tipo ráfica.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
La jerarquía tipo ráfica
En cualquier composición donde usemos tipo ra ía vamos a ayudarnos de la jerarquía tipo ráfica porque nos va a permitir establecer una correcta jerarquía visual, or anizará nuestra composición y aclarará el orden de lectura.
La jerarquía tipo ráfica se suele dividir en tres niveles: el nivelprimario, donde se incluirían los titulares; el nivelsecundario, que incluye subtítulos y pequeños bloques de texto; y el nivel terciario, que comprende el texto principal del diseño.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
La uente tipo ráfica
Por otro lado también deberíamos de abordar la uente tipo ráfica. Hablo sobre el aspecto de la tipo ra ía, y cómo se contrasta con el resto del contenido.
Si bien la jerarquía tipo ráfica nos ayuda a or anizar nuestra composición y aclarar el orden de lectura, la elección de la uente tipo ráfica va a contribuir al estilo que respirará nuestra composición, a su personalidad tipo ráfica y a lo rar ese contraste sobre el resto de elementos.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
Variables tipo ráficas
Las variables tipo ráficas son las di erentes opciones que podemos encontrar dentro de una misma amilia tipo ráfica, es decir modificaciones de la mor olo ía de la tipo ra ía. Actúan sobre el rosor del trazo, el ancho o proporción del carácter y la inclinación del eje vertical de los caracteres de una misma amilia tipo ráfica.
Ejemplo de variable tipo ráfica de peso
Gracias a las variables tipo ráficas no siempre necesitaremos hacer uso de tipo ra ías di erentes para lo rar una correcta jerarquía visual. Nos ayudaremos de una misma amilia tipo ráfica.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
Espacio positivo y ne ativo
Al trabajar en un diseño, considera no sólo los elementos visuales que vas a incorporar (como las imá enes, tipo ra ías, ormas…), sino también cómo vas ordenarlos y a ruparlos dentro la composición.
Elespacioesladistanciaoárea alrededorentreloselementosde nuestrodiseño.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
El espacio ne ativo es la parte del diseño que no está ahí, el resto del espacio que está entre los elementos. El espacio ne ativo puede lle ar a ser i ual de crucial para un diseño que el espacio positivo, porque enmarca y contiene la composición.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
Dentro del espacio positivo, se incluyen las ormas de los objetos, o donde recae principalmente la atención del diseño.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
La composición: Alineaciónydisposición
Cómo dispon amos los elementos visuales dentro de nuestra composición también puede influir directamente sobre la jerarquía visual.
No olvidemos que nuestra cabeza siempre tenderá a leer la orma natural de cualquier pieza, de arriba a abajo o de izquierda a derecha. Por otro lado, nuestro cerebro está habituado a procesar la in ormación a través del reconocimiento de patrones.
Al o que se estudia también en la teoría de la Gestalt.El orden avorece la comprensión. Y también podremos aprovecharnos de este hábito de nuestro cerebro para, por ejemplo, enerar én asis sobre ciertos elementos apartándose de una alineación, rupo o patrón.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
Alineación
La alienación en diseño es la ubicación de elementos en el arte que brindan una composición y un balance entre estos objetos individuales.
El equilibrio puede estar dado sobre el centro de una orma, o en un punto determinado de otra, y no es tan rí ido como inicialmente se piensa.
Esta propiedad cumple con uno de los principios del diseño, también es una manera de brindarle una estructura al trabajo que se está creando y un si nificado a la pieza. Cuando todos los principios uncionan juntos, una pieza puede alcanzar su objetivo en el arte y ser más a radable estéticamente.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
alineación dia onal / tensión espacial
La alineación se emplea para enerar conexiones visuales entre los elementos del diseño y también nos da la sensación de que existe un equilibrio en la composición. ¿Por qué?
● Crea un balance por peso natural
● Genera una mejor lectura y una mejor disposición en el espacio
● Implica un entrenamiento visual para poder identificarla
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
Disposición
Si lo aplicamos a la disposición o a la composición, podremos romper el balance, el orden o la alineación de orma intencionada cuando busquemos enerar én asis sobre un elemento en concreto.
En este ejemplo, podemos comprobar cómo el cambio de espacio y a rupación de los elementos crea una sensación completamente di erente de la composición. La ima en de la izquierda nos evoca orden, armonía y se uridad, mientras que la de la derecha, nos transmite más caos y con usión.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
Disposición
Por otro lado, sí hablamos de disposición, debemos tener en cuenta que nuestra percepción siempre inclinará su atención sobre el objeto que se encuentre más cerca de nosotros. O qué “parezca que se encuentra más cerca de nosotros”, claro, porque podemos en añar a la percepción, por ejemplo ayudándonos de un desen oque para fin ir una alsa pro undidad.
O quizás con el uso de sombras. Podremos lo rar que parezca que una orma se encuentra sobre otra, dando importancia una vez más a aquella que percibamos como más cercana.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
Ritmo y repetición
Larepeticiónreuerzaundiseñorepitiendo elementosalolar odetodalapieza.
Es un es uerzo consciente de unificar todas las partes de un diseño. Puede ser un ormato particular, un color, una orma, una uente en ne rita, incluso una textura: repitiendo el elemento a lo lar o del diseño, secreaconsistenciaycontinuidad.
Al repetir ciertos elementos en todas las piezas que con orman una identidad de marca (tarjetas de presentación, sobres, membretes, etc.) eneramos un re uerzo visual.
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
Minimalismo
Otrorecursoquepodemosutilizaresel
minimalismo,esdecirreduciralmínimola
jerarquíavisualyju arconloselementosenel
espacio(soporte)
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura
El espacio
El espacio es un elemento visual esencial para arantizar el orden y la lectura de cualquier composición. Y es que otor ar espacio alrededor de un elemento, contribuirá a que éste llame siempre la atención y a situarlo jerárquicamente por encima del resto de elementos.)
Port olio | Diseño Industrial | 2023 | Pro . Azul Ventura