Principios de la comunicación visual

Page 13

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

Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.