Los principios y elementos básicos del diseño

Seis son los principios básicos del diseño: balance, proximidad, alineación, repetición,
contraste y espacio. Unos principios que ayudan a su vez a combinar los 6 elementos básicos:
línea, forma, dirección, tamaño, textura y color. Su combinación dependerá, en gran medida,
de la habilidad e intención del autor. ¿Qué queremos transmitir? ¿Orden, caos, equilibrio,
desequilibrio, simplicidad, saturación? Sea lo que sea, se podrá hacer combinándolos
adecuadamente. La presencia o ausencia de cada uno de estos principios y elementos, pueden
provocar cambios en la percepción.

Los 6 elementos básicos del diseño

Comencemos detallando los 6 elementos básicos con los que un diseñador puede crear sus
composiciones. ¿Cuáles son los 6 elementos que puede contener un diseño? Todos, sin
excepción, disponen de alguno de ellos:

Línea. Quizás el más básico. Todo comienza con una línea. Una línea corta puede verse como
un punto.

Dirección. Todas las líneas tienen una dirección y según cual sea, puede provocar diferentes
percepciones. Por ejemplo: una línea vertical da sensación de altura, una horizontal de
estabilidad, una en diagonal, crecimiento (si va de menos a más, de izquierda a derecha) o
descenso (si va de más a menos, de izquierda a derecha). ¿Te lo habías planteado?

Forma. Línea + dirección = forma. Las formas están compuestas por líneas, bien cerradas o
abiertas (y aquí es donde entra, por ejemplo la Ley de Cierre de Gestalt, donde el cerebro
“cierra” o “une” esos espacios). Pueden ser líneas explícitas, o bien utilizando otros principios
como el contraste, o elementos como el color, que también crean formas.

Tamaño. El tamaño también es un elemento importante de todo diseño. Un mismo elemento

repetido en dos tamaños diferentes pueden provocar sensaciones diferentes: tamaño
(propiamente dicho), distancia o jerarquía.

Color. Un elemento fundamental. Y por color, entendemos todos: blanco, negro, rojo, azul, etc.
El color nos ayuda a contrastar elementos y no olvidemos su peso emocional, donde cada color
tiene varios significados. Por ejemplo: el color blanco transmite pureza, paz, limpieza,
perfección… El color se compone de 3 valores: color (verde), saturación (cantidad de verde
puro, su ausencia es una escala de grises) y brillo (luminosidad del color, más próximo al
blanco o al negro).

Textura. Un derivado del color. La textura añade ese toque extra de realidad, ya que en la
naturaleza no solemos encontrar objetos con colores planos 100%, y la textura nos aporta una
información extra de la superficie del objeto.

¿No queda lo suficientemente claro? Pues nada mejor que verlo representados en la siguiente
infografía:
Los 6 principios básicos del diseño
Una vez que conocemos los 6 elementos básicos que todo diseño contiene (en mayor o
menor medida), vamos a aplicarlos a los 6 principios básicos del diseño:
 Balance: El balance es similar al equilibrio o compensación entre dos
elementos. Por ejemplo: Componer un elemento a la izquierda y compensarlo
con un elemento más grande o más pequeño a la derecha. Creando una relación
de fuerza entre ambos, bien para compensar o bien para todo lo contrario,
descompensar la composición.
 Contraste: Blanco y negro, objeto y fondo. El contraste nos ayudará a
diferenciar dos elementos, o bien a separar un elemento del fondo. Es sin lugar
a duda, uno de los principios básicos. La falta de contraste puede provocar que
no se diferencien suficientemente todos o algunos de los elementos de la
composición. Pero el contraste no se refiere únicamente al color, también a la
forma o la dirección. Ejemplo: un conjunto de cuadrados e insertamos un
círculo.
 Alineación: La alineación nos ayudará a crear orden, o su opuesto, creando
conexiones visuales entre ellos. Por ejemplo: los elementos alineados a la
izquierda, se diferenciarán de los elementos alineados a la derecha. Si no los
alineamos y en función de su cercanía, es muy posible que no los veamos como
dos grupos claramente diferenciados.
  Proximidad: La proximidad crea relaciones entre dos o más elementos. Por
ejemplo: dos elementos que estén más próximos, se podrán ver más
“conectados” que otro elemento más apartado. Una situación que no siempre se
cumplirá porque, recordemos, tenemos otros principios y elementos como el
color, que puede modificar la percepción.
 Repetición: La repetición es otro principio que refuerza la relación y
consistencia entre elementos. Por ejemplo: Una serie de círculos repetidos, uno
detrás de otro, se transforma en una línea de puntos.
 Espacio. ¿Recuerdas el principio de repetición y la línea de puntos? ¿Qué
ocurre si separamos o damos espacio a esos puntos? Podemos provocar la
sensación de distancia e incluso de velocidad. Este principio se aplica, por
ejemplo, a las líneas de incorporación o salida en las autopistas. A mayor
distancia, más velocidad permitida / recomendada.

La psicología es un aspecto importante en el campo del diseño ya que el

diseño tiene que ver con las emociones y la percepción.
Como diseñador es muy importante entender cómo las personas perciben los
objetos y los principios de la Gestalt pueden ser útiles para averiguar cómo
funciona la percepción visual y por qué algunas formas o grupos de formas son
más equilibrados que otros.
Gestalt es una palabra alemana que no tiene traducción directa al castellano
pero que viene a  significar “Forma, Estructura y Totalidad” y hace referencia a
una corriente psicológica surgida en Alemania a principios del siglo XX. La
mente configura, a través de ciertas leyes, los elementos que llegan a ella a
través de los canales sensoriales (la percepción) o de la memoria
(pensamientos, inteligencia y resolución de problemas). La frase “El todo es
mayor que la suma de las partes” se utiliza a menudo para explicar la teoría de
la Gestalt. Empleamos estos principios en la mayoría de los aspectos de
nuestra vida cotidiana. Ellos, tanto física como conceptualmente, componen
nuestra experiencia. 

Para que el diseño funcione bien tiene que considerar no sólo el elemento único, sino cómo se
percibe la totalidad. El diseñador tiene que construir su producto conformado en las
necesidades y emociones del destinatario para crear un sentimiento, y a su vez seguir las
pautas sociales. La inspiración y la creatividad siempre siguen patrones reconocibles que
provienen de tendencias culturales y sociales. Seguramente se pueden considerar los
principios de la Gestalt como una herramienta teórica fundamental en el mundo del diseño, ya
que pueden ayudar a centrar la atención y a la organización de los elementos de una manera
eficaz, pero no son sólo un esquema matemático a seguir, sino que son una herramienta para
reorganizar el contenido, de transformar los objetos familiares. Esto permite el desarrollo de la
nueva configuración del objeto ya existentes, estimulando la creatividad.

Los principios de la Gestalt fueron desarrollados durante varias décadas llegando a su máxima
popularidad en 1954, cuando Rudolf Arnheim publico el libro “Art and Visual Perception: A
Psychology of the Creative Eye”. Que se ha convertido en uno de los libros de obligada lectura
en muchas universidades de arte y diseño de todo el mundo.

Si bien valdría la pena leer el libro (si tu nivel de Inglés es bueno, ya que no hay edición en el
idioma de Cervantes), podemos resumir 6 principio básicos de la Gestalt.

Leyes de la Gestalt que encontramos en diseño

• Semejanza

Donde interviene la similitud por alguna de sus características físicas o conceptuales.

• Continuidad

Los detalles que mantienen un patrón o dirección tienden a agruparse, como parte de un
modelo. Percibir elementos continuos aunque estos estén interrumpidos entre sí.
• Cierre

Las formas cerradas y acabadas son más estables visualmente, lo que hace que tendamos a
cerrar y a completar con nuestra imaginación las formas percibidas buscando la mejor
organización posible.

• Proximidad

Los elementos y figuras que están más próximos tienden a verse como una unidad y a aislarse
de otros. Las figuras o los puntos que están más próximos se reúnen en unidades aunque
todos sean iguales.

• Figura y fondo

Establece el hecho de que el cerebro no puede interpretar un objeto como figura o fondo al
mismo tiempo.

Figura: es un elemento que existe en un espacio o campo destacándose en su interrelación con

otros elementos.

Fondo: Todo aquello que no es figura, es la parte del campo que contiene elementos
interrelacionados que sostienen a la figura que por su contraste tienden a desaparecer.

• Simetría y Orden

Los estímulos ambiguos tienden a analizarse de la manera más simple. Los elementos son
organizados en figuras lo más simétricas, regulares y estables que sea posible.

• Simplicidad

Afirma que el individuo tiende a organizar sus campos preceptúales en rasgos simples y
regulares.

• Experiencia

Este principio se basa en como percibimos el mundo de acuerdo a nuestras experiencias.

• Leyes Combinadas

A veces las Leyes Gestalt se pueden combinar para obtener efectos aún más creativos.

Ahora vamos a profundizar un poco más en estos principios viendo algunos ejemplos.
Consigue Illustrator como parte de un plan de aplicación única de Creative Cloud.

Semejanza

Cuando los objetos se ve similares entre sí, a menudo vemos los elementos individuales como
parte de un patrón o grupo. Este efecto se puede utilizar para crear una sola ilustración,
imagen o mensaje con una serie de elementos separados.

La similitud entre los diferentes elementos puede ser de forma, color, tamaño, textura,… Un
elemento puede enfatizarse cuando es diferente, rompiendo el patrón de similitud dentro del
grupo. Este efecto se denomina anomalía.

Continuidad

La continuidad es el principio por el que el ojo es atraído por un sendero, línea o curva. Esto se
puede utilizar para apuntar hacia un elemento secundario del diseño y que todo case en
perfecta armonía.

Cierre

El cierre es una técnica común en diseño, utiliza la tendencia del ojo humano por ver formas
cerradas. El cerebro humano trabajara en un objeto el cual perciba incompleto,
cumplimentando la información que falte. Esta técnica es muy usada en la creación de
logotipos.

Proximidad

Este principio utiliza la estrecha disposición de los elementos para crear una asociación de
grupo entre dichos objetos. Si los elementos individuales también son similares, tenderán a ser
percibido como un único todo, a pesar de que sean elementos separados. El principio de
proximidad o agrupación se pueden lograr de diferentes maneras, estas incluyen, forma, color,
textura, tamaño o cualquier otro atributo visual.

Figura y Fondo

Este principio describe la tendencia del ojo humano a ver un objeto separado de lo que le
rodea. Un ejemplo clásico es el del florero o candelabro que nos muestra dos caras de perfil.
Este principio funciona porque los ojos humanos quieren ver la figura (objeto en primer plano)
y el fondo como dos planos diferentes de enfoque.

Simetría y Orden
En pocas palabras, este principio dice que una composición no debe proporcionar una
sensación de desorden o desequilibrio, ya que de lo contrario el espectador perderá el tiempo
tratando de localizar el elemento que falta, o solucionar el problema, en lugar de centrarse en
el mensaje que la composición o diseño quiere transmitir.

Simplicidad

Percibimos los elementos de la manera más simple posible, destacando en conjunto lo que
realmente es importante.

Experiencia
Desde un punto de vista biológico, el propio sistema nervioso se forma en base
al condicionamiento que el mundo exterior tiene sobre nosotros.

Leyes Combinadas
A veces las Leyes Gestalt se pueden combinar para obtener efectos aún más
creativos donde siempre se esconde detrás de cada uno de ellos algo.