Elementos y principios de diseño visual - Visual design elements and principles

Los elementos y principios del diseño visual describen ideas fundamentales sobre la práctica del diseño visual .

Elementos del diseño del arte

Los elementos de diseño son las unidades básicas de cualquier diseño visual que forman su estructura y transmiten mensajes visuales. El pintor y teórico del diseño Maitland E. Graves (1902-1978), quien intentó gestar los principios fundamentales del orden estético en el diseño visual, en su libro, The Art of Color and Design (1941), definió los elementos del diseño como línea, dirección, forma , tamaño , textura , valor y color , concluyendo que "estos elementos son los materiales con los que se construyen todos los diseños".

Elementos de arte y diseño
Estrella de color que contiene colores primarios, secundarios y terciarios.

Color

El color es el resultado de la luz reflejada de un objeto a nuestros ojos. El color que perciben nuestros ojos viene determinado por el pigmento del propio objeto. A menudo se hace referencia a la teoría del color y la rueda de colores cuando se estudian combinaciones de colores en el diseño visual. A menudo se considera que el color es un elemento importante del diseño, ya que es un lenguaje universal que presenta las innumerables posibilidades de la comunicación visual.

El tono , la saturación y el brillo son las tres características que describen el color.

  • El tono se puede denominar simplemente "color" como en rojo, amarillo o verde.
  • La saturación da brillo o matidez al color , lo que impacta en la intensidad del color.
  • Los valores , tintes y matices de colores se crean agregando negro a un color para un tono y blanco para un tinte. La creación de un tinte o tono de color reduce la saturación .

Teoría del color en el diseño visual

La teoría del color estudia la mezcla de colores y las combinaciones de colores. Es una de las primeras cosas que marcó un enfoque de diseño progresivo. En el diseño visual, los diseñadores se refieren a la teoría del color como un cuerpo de orientación práctica para lograr ciertos impactos visuales con combinaciones de colores específicas. El conocimiento teórico del color se implementa en los diseños para lograr un diseño de color exitoso.

La armonía del color , a menudo denominada "medida de la estética", estudia qué combinaciones de colores son armoniosas y agradables a la vista y cuáles no. La armonía del color es una de las principales preocupaciones de los diseñadores, dado que los colores siempre existen en presencia de otros colores en la forma o el espacio.

Cuando un diseñador armoniza los colores, las relaciones entre un conjunto de colores se mejoran para aumentar la forma en que se complementan entre sí. Los colores se armonizan para lograr un efecto equilibrado, unificado y estéticamente agradable para el espectador.

La armonía del color se logra de diversas formas, algunas de las cuales consisten en combinar un conjunto de colores que comparten el mismo tono, o un conjunto de colores que comparten los mismos valores para dos de las tres características de color (tono, saturación, brillo). . La armonía del color también se puede lograr simplemente combinando colores que se consideren compatibles entre sí, tal como se representan en la rueda de colores .

Los contrastes de color se estudian con un par de colores, en contraposición a la armonía de colores, que estudia un conjunto de colores. En el contraste de color, dos colores con diferencias perceptibles en aspectos como la luminancia o la saturación, se colocan uno al lado del otro para crear contraste.

Johannes Itten presentó siete tipos de contrastes de color: contraste de luz y oscuridad, contraste de tono, contraste de temperatura, contraste de saturación , contraste simultáneo, contraste de tamaños y contraste de complementario. Estos siete tipos de contrastes de color han inspirado trabajos anteriores que involucran esquemas de color en el diseño.

Los esquemas de color se definen como el conjunto de colores elegidos para un diseño. A menudo se componen de dos o más colores que se ven atractivos uno al lado del otro y que crean una sensación estética cuando se usan juntos. Los esquemas de color dependen de la armonía del color, ya que señalan qué colores se ven agradables uno al lado del otro.

Un producto de diseño satisfactorio suele ir acompañado de una combinación de colores satisfactoria. Con el tiempo, se desarrollaron herramientas de diseño de color con la función de generar esquemas de color para facilitar la armonización del color para los diseñadores.

Uso del color en el diseño visual

  • El color se utiliza para crear armonía, equilibrio y comodidad visual en un diseño.
  • El color se utiliza para evocar el estado de ánimo y la emoción deseados en el espectador.
  • El color se utiliza para crear un tema en el diseño.
  • El color tiene significado y puede ser simbólico. En ciertas culturas, los diferentes colores pueden tener diferentes significados.
  • El color se utiliza para poner énfasis en los elementos deseados y crear una jerarquía visual en una obra de arte.
  • El color puede crear identidad para una determinada marca o producto de diseño.
  • El color permite a los espectadores tener diferentes interpretaciones de los diseños visuales. El mismo color puede evocar diferentes emociones o tener varios significados para diferentes personas y culturas.
  • Las estrategias de color se utilizan para la organización y la coherencia en un producto de diseño.
  • En el diseño arquitectónico de un entorno minorista, los colores afectan la toma de decisiones, lo que motiva a los consumidores a comprar productos particulares.
De manera similar, las estrellas en una constelación conectadas a través de líneas imaginarias son un ejemplo natural del uso de líneas en una composición.

Línea

La línea es un elemento de arte definido por un punto que se mueve en el espacio. Las líneas pueden ser verticales, horizontales, diagonales o curvas. Pueden tener cualquier ancho o textura, y pueden ser continuos, implícitos o rotos. Además de eso, existen diferentes tipos de líneas además de las mencionadas anteriormente. Por ejemplo, podría tener una línea horizontal y en zigzag o una línea vertical y en zigzag. Las diferentes líneas crean diferentes estados de ánimo, todo depende del estado de ánimo que estés usando para crear.

Punto

Un punto es básicamente el comienzo de "algo" en "nada". Obliga a la mente a pensar en su posición y le da algo sobre lo que construir tanto en la imaginación como en el espacio. Algunos puntos abstractos en un grupo pueden provocar que la imaginación humana lo vincule con formas o formas familiares.

Forma

Una forma se define como un área bidimensional que se destaca del espacio adyacente o alrededor de ella debido a un límite definido o implícito, o debido a diferencias de valor, color o textura. Las formas son objetos y formas reconocibles y generalmente se componen de otros elementos de diseño.

Por ejemplo, un cuadrado que se dibuja en una hoja de papel se considera una forma. Se crea con una serie de líneas que sirven como límite que da forma al cuadrado y lo separa del espacio que lo rodea que no forma parte del cuadrado.

Tipos de formas

Las formas geométricas o mecánicas son formas que se pueden dibujar con una regla o un compás, como cuadrados , círculos , triángulos , elipses , paralelogramos , estrellas , etc. Las formas mecánicas, ya sean simples o complejas, producen una sensación de control y orden.

Las formas orgánicas son formas irregulares que a menudo son complejas y se asemejan a formas que se encuentran en la naturaleza . Las formas orgánicas se pueden dibujar a mano, por eso a veces son subjetivas y solo existen en la imaginación del artista.

Las formas curvilíneas se componen de líneas curvas y bordes suaves. Emiten una sensación más natural a la forma. Por el contrario, las formas rectilíneas se componen de bordes afilados y ángulos rectos , y dan una sensación de orden en la composición . Parecen más hechos por humanos, estructurados y artificiales . Los artistas pueden optar por crear una composición que gire principalmente en torno a uno de estos estilos de forma, o pueden optar por combinar ambos.

Textura

Esta es solo una imagen bidimensional de un árbol, pero parece tener la textura de una corteza tridimensional.

La textura se refiere a las cualidades físicas y visuales de una superficie.

Usos de la textura en el diseño

  • La textura se puede utilizar para atraer o repeler el interés de un elemento, dependiendo de qué tan agradable se perciba la textura.
  • La textura también se puede utilizar para agregar detalles complejos a la composición de un diseño.
  • En el diseño teatral, las cualidades superficiales de un traje esculpen el aspecto y la sensación de un personaje, lo que influye en la forma en que la audiencia reacciona ante el personaje.
Tipos de textura

La textura táctil , también conocida como "textura real", se refiere a la textura física tridimensional de un objeto. La textura táctil se puede percibir mediante el sentido del tacto. Una persona puede sentir la textura táctil de una escultura al pasar la mano por su superficie y sentir sus crestas y abolladuras.

  • Los pintores usan el empaste para construir picos y crear textura en su pintura.
  • La textura se puede crear a través del collage . Esto es cuando los artistas ensamblan objetos tridimensionales y los aplican sobre una superficie bidimensional, como un pedazo de papel o lienzo, para crear una composición final.
  • Papier collé es otra técnica de collage en la que los artistas pegan papel a una superficie para crear diferentes texturas en su superficie.
  • El ensamblaje es una técnica que consiste en ensamblar varios objetos tridimensionales en una escultura, que también puede revelar texturas al espectador.

La textura visual , también conocida como "textura implícita", no es detectable por nuestro sentido del tacto, sino por nuestro sentido de la vista. La textura visual es la ilusión de una textura real en una superficie bidimensional. Cualquier textura percibida en una imagen o fotografía es una textura visual. Una fotografía de corteza de árbol rugosa se considera una textura visual. Crea la impresión de una textura real en una superficie bidimensional que permanecerá suave al tacto sin importar cuán rugosa sea la textura representada.

En pintura, se utilizan diferentes pinturas para lograr diferentes tipos de texturas. Las pinturas como el aceite , el acrílico y la encáustica son más espesas y opacas y se utilizan para crear impresiones tridimensionales en la superficie. Otras pinturas, como la acuarela , suelen utilizarse para texturas visuales, porque son más delgadas y tienen transparencia, y no dejan mucha textura táctil en la superficie.

Patrón

Muchas texturas parecen repetir el mismo motivo . Cuando un motivo se repite una y otra vez en una superficie, da como resultado un patrón . Los patrones se utilizan con frecuencia en el diseño de moda o diseño textil , donde los motivos se repiten para crear patrones decorativos en telas u otros materiales textiles . Los patrones también se utilizan en el diseño arquitectónico , donde se incorporan elementos estructurales decorativos como ventanas , columnas o frontones en el diseño de edificios.

Espacio

En el diseño, el espacio se ocupa del área profunda en el momento del diseño designado, en el que se llevará a cabo el diseño. Para un diseño bidimensional, el espacio se refiere a crear la ilusión de una tercera dimensión en una superficie plana:

  • La superposición es el efecto en el que los objetos parecen estar uno encima del otro. Esta ilusión hace que el elemento superior parezca más cercano al observador. No hay forma de determinar la profundidad del espacio, solo el orden de cercanía.
  • El sombreado agrega marcas de graduación para hacer que un objeto de una superficie bidimensional parezca tridimensional.
  • Resaltar, Luz de transición, Núcleo de la sombra, Luz reflejada y Sombra proyectada dan a un objeto un aspecto tridimensional.
  • La perspectiva lineal es el concepto relacionado con cómo un objeto parece más pequeño cuanto más se aleja.
  • La perspectiva atmosférica se basa en cómo el aire actúa como filtro para cambiar la apariencia de los objetos distantes.

Formulario

En el diseño visual, la forma se describe como la forma en que un artista organiza los elementos en la totalidad de una composición. También puede describirse como cualquier objeto tridimensional . La forma se puede medir, de arriba a abajo (altura), de lado a lado (ancho) y de atrás hacia adelante (profundidad). La forma también se define por la luz y la oscuridad. Puede definirse por la presencia de sombras en superficies o caras de un objeto. Hay dos tipos de forma, geométrica (artificial) y natural (forma orgánica). La forma se puede crear mediante la combinación de dos o más formas. Se puede realzar con tono, textura o color. Puede ilustrarse o construirse.

Principios del diseño del arte

Principios aplicados a los elementos del diseño que los unen en un solo diseño. La forma en que se aplican estos principios determina qué tan exitoso puede ser un diseño.

Unidad / armonía

Según Alex White, autor de Los elementos del diseño gráfico , lograr la unidad visual es un objetivo principal del diseño gráfico. Cuando todos los elementos están de acuerdo, un diseño se considera unificado. Ninguna parte individual se considera más importante que el diseño completo. Debe establecerse un buen equilibrio entre unidad y variedad para evitar un diseño caótico o sin vida.

Métodos

  • Perspectiva : sentido de distancia entre elementos.
  • Similitud : capacidad de parecer repetible con otros elementos.
  • Continuación: la sensación de tener una línea o patrón extendido.
  • Repetición: elementos que se copian o imitan en numerosas ocasiones.
  • Ritmo : se logra cuando la posición, el tamaño, el color y el uso recurrentes de un elemento gráfico tienen una interrupción del punto focal.
  • Alterar el tema básico logra la unidad y ayuda a mantener el interés.

Equilibrio

Es un estado de tensión y equilibrio equilibrados, que no siempre puede ser tranquilo.

Tipos de equilibrio en el diseño visual

La imagen superior tiene un equilibrio simétrico y la imagen inferior tiene un equilibrio asimétrico
  • Simetría
  • El equilibrio asimétrico produce un equilibrio informal que atrae la atención y es dinámico.
  • El equilibrio radial se organiza alrededor de un elemento central. Los elementos colocados en un equilibrio radial parecen "irradiar" desde un punto central en forma circular.
  • En general, es una forma de mosaico de equilibrio que normalmente surge de demasiados elementos que se colocan en una página. Debido a la falta de jerarquía y contraste, esta forma de equilibrio puede parecer ruidosa pero a veces silenciosa.

Jerarquía / Dominio / Énfasis

Un buen diseño contiene elementos que guían al lector a través de cada elemento en orden de su importancia. El tipo y las imágenes deben expresarse empezando por las más importantes hasta las menos importantes. La dominancia se crea al contrastar el tamaño, la posición, el color, el estilo o la forma. El punto focal debe dominar el diseño con escala y contraste sin sacrificar la unidad del conjunto.


Escala / proporción

Usar el tamaño relativo de los elementos entre sí puede llamar la atención sobre un punto focal. Cuando los elementos se diseñan más grandes que la vida, la escala se usa para mostrar dramatismo.

Similitud y contraste

Planear un diseño consistente y similar es un aspecto importante del trabajo de un diseñador para hacer visible su punto focal. Demasiada similitud es aburrida, pero sin similitud no existirán elementos importantes y una imagen sin contraste no tiene incidentes, por lo que la clave es encontrar el equilibrio entre similitud y contraste.

Entorno similar

Hay varias formas de desarrollar un entorno similar:

  • Construya una estructura organizativa interna única.
  • Manipule formas de imágenes y texto para correlacionarlas.
  • Expresar continuidad de una página a otra en las publicaciones. Los elementos para observar incluyen encabezados, temas, bordes y espacios.
  • Desarrolle un manual de estilo y cúmplalo.

Contrastes

  • Espacio
    • Lleno / Vacío
    • Cerca lejos
    • 2-D / 3-D
  • Posición
    • Izquierda derecha
    • Aislado / Agrupado
    • Centrado / Fuera del centro
    • Arriba / Abajo
  • Formulario
    • Simple / Complejo
    • Belleza / Feo
    • Entero / roto
  • Dirección
    • Estabilidad / Movimiento
  • Estructura
    • Organizado / Caótico
    • Mecánico / dibujado a mano
  • Tamaño
    • Grande pequeño
    • Poco profundo
    • Gordo delgado
  • Color
    • Escala de grises / Color
    • Blanco y negro / Color
    • Oscura luz
  • Textura
    • Fino / Grueso
    • Áspero liso
    • Afilado / aburrido
  • Densidad
    • Transparente / Opaco
    • Grueso ---- Delgado
    • Líquido / Sólido
  • Gravedad
    • Ligero / pesado
    • Estable / inestable

El movimiento es el camino que toma el ojo del espectador a través de la obra de arte, a menudo hasta las áreas focales. Dicho movimiento se puede dirigir a lo largo de los bordes de las líneas, la forma y el color dentro de la obra de arte, y más.

Ver también

Notas

Referencias

enlaces externos