# data[].attributes.body
El tracking se define como el proceso de expandir o comprimir un bloque de texto, una palabra, un párrafo...
El kerning es añadir o eliminar espacio entre dos caracteres completos. Normalmente los que suelen dar más problemas son: P, W, Y, T, L, V.

Los diseñadores cuando quieren hacer uso de la tipografía suelen usar siempre las mismas, aunque cada cierto tiempo tienen que cambiar las tipografías. Para ello acuden a tiendas que venden tipografías. La más famosa es la confundida por el tipógrafo Erick Spikeman.
Bancos gratuitos De Fuentes: Google fonts, Dafont...

Una vez nos descargamos la fuente, la descomprimimos, seleccionamos y copiamos. Nos vamos al disco local, localizamos la carpeta y le damos a pegar. Así aparecerá en cualquier programa que se utilice.

A DESTACAR:

NEO2: revista digital e impresa en España. Tiene un formato en papel y es una revista de tendencia que viene organizada por moda, música...
Mensualmente ceden una tipografía de forma gratuita.

# data[].attributes.body
1. En los diseños no se puede hacer uso de dos o más tipografías, tres fuentes como mucho. Lo mejor es combinar una fuente de la familia Serif y otra de Palo Seco.

2. No abusar del uso excesivo de las mayúsculas. Solo se utilizan para resaltar un título, después de los puntos y al principio de un párrafo.

3. Legibilidad.

4. Cuando queremos resaltar una palabra dentro de un párrafo no se utilizan las mayúsculas.

5. Si en los textos podemos utilizar ligaduras, las utilizamos porque hace más legibles los textos.

6. Cuando queramos utilizar comillas para las citas, se recomiendan usar comillas españolas.

7. En las numeraciones queda prohibido el uso de los guiones, se utilizan puntos o viñetas.

8. Cuando hacemos uso de las alineaciones, la que se recomienda en maquetación en el uso de párrafo es la alineación izquierda, si queremos hacer uso de la justificada tenemos que editar los ríos o cascadas. La alineación centrada solo para títulos.

9. Los diseñadores gráficos tienen un glosario de tipografías que no se pueden usar. PROHIBIDO USAR LA FUENTE COMIC SANS.

# data[].attributes.body
Es la parte de la tipografía técnica que se ocupa del estudio y aplicación de los principios tipográficos de estética, funcionalidad, legibilidad y eficacia comunicativa en la escritura de un texto con caracteres tipográficos.

# data[].attributes.body
Este tipo De Fuentes aportan unas connotaciones que son la tipografía con mucha personalidad. Se utiliza como un elemento decorativo o más de diseño. Se suelen usar de forma esporádica o aislada. Transmiten diversión, la sensación de ser únicas y exclusivas.
Podemos incluir LCD normal, Gallia, Kabel, Neon...

# data[].attributes.body
Son fuentes que transmite la caligrafía o la escritura a mano. Las connotaciones que transmiten son elegancia, seducción, afecto...
Se utilizan para títulos, firmas, en una frase, en una invitación...
Como ejemplos encontramos America, Ballon, Mistral...

# data[].attributes.body
Estas tipografías tienen una característica y es que provienen de serifa. Todas las letras presentan el mismo grosor en su trazo. Al ser fuentes, presentan también muchos estilos y variables. Transmite actualidad, modernidad, limpieza, precisión... Son ideales para carteleras, rótulos...
Como ejemplos tenemos Verdana, Futura Haas, Univers...

# data[].attributes.body
Aquellas fuentes que tienen serifa, gracia o remate (el final en forma de línea o ángulo que tienen algunos caracteres). Una de las características que tienen todas las tipografías son las que tienen mucha legibilidad, por lo que las connotaciones tienen gran clasicismo, la tradición, el refinamiento...

Las subfamilias son:

Romana antigua y de transición: como la fuente Garamond. Sus fuentes son Times New Roman, Century, Trajan... Todas son fuentes redondeadas y se utilizan cuando queremos aplicar la forma de la psicología redondeada.

Romana moderna o didonas: tienen serifa. La serifa se relaciona angularmente con el bastón de la letra y, por último, el eje de engrosamiento es horizontal. Las fuentes pertenecientes se utilizan cuando queremos aplicar la psicología de la forma rectangular, la Didi, Caxton, Ultra Condesend...

Egipcia o mecana: representación De la Fuente Elephant, todas las fuentes tienen serifa. La característica que más se identifica es que la serifa tiene el mismo grosor que el bastón. Pertenecen a la Robotik, Cooper Black, Memphis...

# data[].attributes.body
Todas las tipografías pertenecen a una familia o a otra, salvo las decorativas.

Una familia está formada por un grupo de fuentes que tiene unas características y connotaciones similares (lo que transmite según la psicología de la percepción de las emociones).

# data[].attributes.body
LIGADURA: es ese travesaño que une dos o tres caracteres.

GRADO DE INCLINACIÓN O MODULACIÓN: puede ser inclinado u horizontal / vertical.

REMATE: terminación que tienen algunos caracteres, o bien en forma de ángulo o en forma de línea.

# data[].attributes.body
Es el elemento del diseño que más complejidad tiene. Hay que tener en cuenta todas las normas ortográficas y gramaticales de la tipografía.
Una mala elección puede hacer que el mensaje que queramos transmitir no sea suficientemente efectivo o que sea totalmente contradictorio al que queramos transmitir.

Es considerado un arte y una disciplina. La palabra tipografía es una palabra griega formada por la unión de dos vocales:

Tipo: significa golpe o huella.

Grafo: significa escribir.

Se puede definir como el arte y la técnica en el manejo y selección de fuentes para crear trabajos de impresión en papel o digital. También se ocupa del estudio y clasificación de las distintas fuentes.

La representación mínima en tipografía es un carácter, una letra. En tipografía cada parte de una letra o carácter tiene asociado un nombre y es la denominada anatomía tipográfica. Recibe este nombre porque están íntimamente relacionados con nombres de partes del cuerpo humano

# data[].attributes.body
El color negro, al igual que el blanco, no es un color. Es la ausencia absoluta de luz.

Está asociado con la elegancia, el buen gusto la sofisticación... Combina con el amarillo, el blanco, el gris...

# data[].attributes.body
Es el color que representa a la tierra y a la madera. Es un color que transmite simplicidad y calidez.

En diseño se utiliza mucho con lo masculino y tradicional, añejo, chocolate... En publicidad se utiliza en tonos más cálidos para representar el confort, la seguridad...

# data[].attributes.body
Se encuentra a medio camino entre la estabilidad del azul y la energía del rojo.

A nivel psicológico simboliza el poder, la nobleza, el lujo, la sabiduría, la creatividad, el empoderamiento femenino...

Es el color que se utiliza en publicidad para crear magia, misterio...

# data[].attributes.body
Es un color que representa sentimientos positivos y románticos, la inocencia.
En publicidad se utiliza mucho relacionado con la pubertad y la adolescencia femenina.

# data[].attributes.body
El verde, al igual que el azul, también es un color relajante. Es el color de la naturaleza y de todo lo relacionado con la ecología.

Psicológicamente transmite tranquilidad, armonía, calma...

# data[].attributes.body
El azul es el color que reduce más la presión sanguínea, relaja, tranquiliza...

Psicológicamente se asocia a la seguridad, a la calma, a la verdad, la frescura...

# data[].attributes.body
El color rojo es un color que impulsa a la acción y es vigorizante.

Psicológicamente se asocia al peligro, a la pasión carnal, al amor...

# data[].attributes.body
También tenemos el naranja. Es un color enérgico como el rojo y alegre como el amarillo.

Es un color cálido que en publicidad conecta con la juventud.

A nivel psicológico transmite entusiasmo, felicidad, confianza, éxito, generosidad...

# data[].attributes.body
Junto con el rojo es uno de los colores que más estimula la actividad mental. Se usa para llamar la atención.

En psicología se traduce en optimismo, alegría, felicidad, vitalidad...

Una variante del amarillo es el dorado, en cuya mezcla se ha utilizado más luz y más cantidad de marrón. El dorado está relacionado a nivel psicológico con la riqueza, la fama, el lujo, idea de privilegio y de una supuesta felicidad comprada.

# data[].attributes.body
El blanco se utiliza mucho porque es un color que da espacio, claridad, limpieza... Permite dejar un mensaje claro y directo. Se suele utilizar mucho como fondo, color subordinado...

A nivel psicológico es un color que se asocia a la pureza, limpieza, salud, a la maternidad...

# data[].attributes.body
La principal característica a tener en cuenta es que la tipografía sea legible. Para ello, los diseñadores utilizan la Tabla de Karl Borggrafe.

# data[].attributes.body
Los diseñadores, para crear sus paletas de colores acuden a herramientas digitales.

PALETTON: si desplazamos la ruleta a la derecha, el color se satura. Por el contrario, tenemos más luminosidad y eso marca que estamos añadiendo más cantidad de blanco.

COLOR HUNTER: esta herramienta se suele utilizar cuando en un diseño estamos utilizando muchas imágenes.

COLORMIND: podemos generar paletas de colores.

ADOBE COLOR.

Modo de color RGB: Cuanta más luz usemos, más nos aproximamos al blanco. Cuanta menos luz usemos, más nos aproximamos al negro. Este modo de color funciona con tres colores: R de red (ROJO), G de green (VERDE) y B de Blue (AZUL). Es El modo de color utilizado para ser visualizado en formato digital.

Modo de color CMYK: Es el modo de color utilizado para proyectos de impresión. Está formado por cuatro colores: C de cían, M de magenta, Y de amarillo y K de negro.

Otro de los conceptos que hay que tener en cuenta son los PANTONE.

# data[].attributes.body
Cuando en color queremos aplicar jerarquía visual se aplican tres colores, la denominada triada:

Un color dominante: color principal del diseño. Es el que más llama la atención y el que más predomina.

Un color subordinado: complementa al color dominante. Se utiliza normalmente un color neutro (color blanco).

Un color de énfasis: es el encargado de focalizar la atención.

# data[].attributes.body
El color, junto con los principios de la Gestalt y la tipografía, es uno de los principios más importantes del diseño gráfico.
Es importante conocer no solo el uso del color, sino también el significado de cada uno de los colores que se usa. Esto se llama psicología del color.

Para hacer uso del color y aplicar contraste, hacemos uso de los colores complementarios. Se utilizan para generar contraste.

Colores cálidos: acercan (se utiliza una mayor proporción de rojo).

Colores fríos: alejan (se utiliza una mayor proporción de azul).

Todos los colores están formados por los tres colores primarios:

Amarillo.

Rojo.

Azul.

# data[].attributes.attachment_link.readable_text
Principios de la Teoría del Color

La teoría del color está presente en cada elemento publicitario, el uso de este concepto ayuda a evocar emociones y acciones determinadas de acuerdo a la psicología del color y el empleo correcto de sus combinaciones, tonalidades, y saturaciones.

No importa si eres diseñador, artista, o marketero, es esencial conocer sobre el impacto psicológico de cada color para así lograr una receptividad óptima en cada proyecto que realices. La composición por color es de suma importancia como también su simbología y significado.

Ahora, podrías estar preguntándote ¿Qué es la teoría del color?, bueno, son los conocimientos que nos permiten estudiar la luz, su incidencia en el espectro visual, y el color. Esta teoría nos brinda las reglas básicas, y los esquemas que nos permiten manejar los colores para lograr las combinaciones o efectos que deseamos.

En este blog aprenderás las bases sobre la teoría del color, y a su vez, cómo emplearlas en el ámbito publicitario de una manera adecuada para transmitir y comunicar sin siquiera usar palabras. Si deseas ir a una sección en específico, haz click en cualquiera de estos temas:

El Color: Estudio y Definición

Para comenzar, podríamos decir que el color en realidad no existe. Cuando la luz incide sobre los objetos, absorbe las ondas electromagnéticas, y refleja una parte. Estas ondas restantes son captadas por fotorreceptores en la retina de nuestro ojo, los cuales envían señales a nuestro cerebro y este crea la percepción del color.

Aunque el color no "exista" la percepción que tenemos de él influye en nuestra vida cotidiana. El color se ha estudiado por muchos años, tanto para entender lo que es como para poder emplearlo. Desde el punto de vista del marketing, el tener un entendimiento básico sobre el color nos ayuda a optimizar nuestro tiempo de trabajo.

Sin embargo, primero debemos tener las herramientas necesarias para poder emplearlas en nuestros proyectos creativos. En esta sección hemos reunido los principios sobre el estudio del color, y más adelante hablaremos sobre cómo armonizar, combinar, y la importancia de comprender su simbolismo y/o significado.

¿Qué es el círculo cromático?

También llamado esquema monocromático, es una forma circular de representar los colores, ordenados según su tono o matiz.

El círculo cromático empezó como una "rueda de colores", la cual se remont a 1436 compuestas por los colores primarios de ese entonces, amarillo, verde, azul y rojo. A partir de allí, fue evolucionando, siendo el modelo RYB de Goethe el más popular, seguido por el círculo cromático natural de Isaac Newton.

Básicamente, es una herramienta gráfica circular donde podemos ver el contraste y armonía a través de un degrade de los colores, lo que nos permite elegirlos de forma visual, para crear combinaciones correctas y equilibradas.

Tipos de colores

¿Cuáles son los colores primarios?

Los colores primarios son el rojo, azul y amarillo. Estos son los tres colores, que la sensibilidad de nuestros ojos frente a la luz, logra percibir.

Sin embargo, estos pueden variar según el tipo de círculo cromático:

En el esquema monocromatico RYB: Son el rojo, azul y amarillo.

En el esquema monocromático RGB: Son el rojo, verde y azul.

¿Cuáles son los colores secundarios?

Los colores secundarios son el violeta, naranja, y el verde. Estos colores surgen de la combinación de los colores primarios.

¿Cuáles son los colores terciarios?

Los colores terciarios, surgen de la combinación entre los colores primarios y secundarios por lo que sus posibilidades, son prácticamente infinitas. Sin embargo, algunas de las combinaciones más comunes son:

Amarillo naranja

Rojo naranja

Rojo violeta

Azul violeta

Azul verde

Amarillo verde

¿Cuáles son los colores complementarios?

Los colores complementarios, son el opuesto a cualquier color en el círculo cromático. De esta forma, el complementario de un color secundario, será uno primario. También, se entiende como colores complementarios, aquellos que la mezclarse en cierta proporción, generan un color neutral como gris, negro o blanco.

Atributos del color

Todos los colores que percibimos en nuestro espectro visual cumple con tres atributos: Tono, saturación y luminosidad.

Tonalidad del color

Es la propiedad o atributo que usamos para diferenciar cada color. Basicamente, es a travéz del nombre que diferenciamos los colores: Amarillo - Azul - Rojo

Luminosidad del color

Este atributo se refiere, a la cantidad de luz que incide en un color. Esto define la intensidad que posee un color. La saturación de un color va a depender de su cercania o lejania (al igual que su adición) del blanco o el negro.

Saturación del color

Este atributo se refiere a la intensidad o grado de viveza de un color, determinada por la cantidad de luz que incide en el color. Lo que quiere decir que dependiendo de su cercania o lejania con el blanco o el negro (al igual que su adición), un color tendra menor o mayor saturación.

Armonía del color

La armonía del color, son las distintas formas o combinaciones que usando el círculo cromático, crean un equilibrio en la composición de varios colores, donde todos comparten alguna parte en común. En las armonías cromáticas podemos encontrar tres colores:

Dominante
Es el color, que como su nombre lo indica, domina por sobre los demás colores en la composición, por ser el más extenso. Por ello, es el que más destaca, principalmente con su color opuesto, pero también por sobre los demás.

Tónico
Es el color más potente a nivel de color, tono, y luminosidad. Suele ser el complemento del dominante.

De mediación
Es el color que sirve como puente, entre el dominante y el tónico. Por lo regular este color se ubica cerca del tónico en el círculo cromático.

Tipos de armonias del color

1. Armonía por colores complementarios
Esta relación se da entre colores que se encuentran a 180° o en posición simétrica, en base al centro del círculo cromático. Esta armonia de color, genera contrastes e intensifican a un color cuando se encuentra con sucomplementario.

2. Armonía por colores complementarios cercanos
Se selecciona un color principal, y luego otros dos equidistantes al complementario del color principal, dentro del círculo cromático.

3. Armonía por colores complementarios dobles
Esta se realiza por la combinación de dos pares de colores complementarios. La relación entre sí, queda subordinada por un color principal, y se debe buscar la combinación que genera mayor armonía.

4. Armonía por triadas complementarias
Esta se crea seleccionando 3 colores que formen 120° entre uno y el otro, en relación al centro del círculo cromático.

5. Armonía por gamas múltiples
Es una gradación uniforme, generada por pares de colores subsiguientes entre sí.

Composición cromática por contraste:

Este tipo de composiciones, se realiza con colores que no tienen ninguna característica en común.

Contraste por tono
Se utiliza el mismo color base en la composición, con distintos niveles de saturación y luminosidad, en conjunto con tonos cromáticos diferentes.

Contraste por claro/oscuro
Se realiza mediante la aproximación del color, a uno de los extremos: blanco o negro. Este contraste se observa por la incidencia de la luz en los objetos, donde la cantidad que reflejan es proporcional a la que reciben.

Contraste por saturación
Este se realiza por la alteración de un tono saturado en estado puro, con otro color complementario, o con colores neutrales.

Contraste por cantidad
Esta se realiza creando una jerarquía, variando las cantidades de los colores a utilizar.

Contraste simultáneo
Es una composición donde la relación y jerarquía, se genera por la contraposición entre distintos colores.

Contraste por complementarios
Se realiza mediante colores opuestos, primarios y secundarios, lo que genera una composición más armónica.

Psicologia del Color

El color, como ya hemos mencionado, es un efecto de la percepción visual que se produce en nuestros cerebros. Por esta razón, los colores generan sensaciones, comportamientos, expresan emociones y estados de ánimo en los seres humanos.

De ahí la importancia del color, en el diseño, la fotografía, el branding, el arte; por mencionar algunos ejemplos, ya que influencian directamente la toma de decisiones y generan una conexión con las personas.

Con los colores, las posibilidades son infinitas, y cuando se usan de la forma correcta, pueden dar muy buenos resultados. Sin embargo, nunca olvides que la psicología del color varía según la localización, y el contexto cultural de las personas.

Psicología de los colores

Como mencionamos anteriormente, los colores evocan diversas emociones en nosotros. Sin embargo, de acuerdo a nuestro criterio podemos tener respuestas diferentes de acuerdo a donde estén empleados, por ejemplo, no percibimos el color rojo en una prenda de ropa y en una pared de la misma manera.

Científicamente hablando, existen más sentimientos que colores por lo que un solo color puede causar distintos impulsos en nosotros. Este reconocimiento está arraigado a nuestra memoria cognitiva, donde aspectos universales presentes en nuestro crecimiento y desarrollo personal influencian estos conceptos, por ejemplo:

Rojo: Evoca pasión, peligro, energía, calor, odio, y acción.

Anaranjado: Se le asocia a la creatividad, diversión, equilibrio, y entusiasmo.

Amarillo: Es uno de los colores más contradictorios, se asocia con emociones positivas como la felicidad, optimismo, creatividad, extroversión, amistad; pero también con el enojo, la mentira, y la envidia, haciéndolo.

Verde: Es un color llamativo, muy asociado a la naturaleza, pero también al bienestar, la salud y el dinero.

Azul: Se asocia con la paz, calma, tranquilidad, conocimiento, y seguridad.

Morado: Se asocia con el misterio, lujo, espiritualidad, sabiduría, magia, y creatividad.

Negro: Es un color muy versátil, asociado al glamour, poder, y misterio.

Blanco: Este color se asocia con la pureza, claridad, inocencia, simplicidad, limpieza, y salud.

La psicología del color es un elemento clave durante la realización de cualquier trabajo artístico, bien sea en fotografía, diseño, arquitectura, u otros ámbitos. Al conocer el impacto psicológico-visual que causa cada uno de ellos nos ayuda a lograr una mayor receptividad en nuestros proyectos.

Por esta razón, hemos desarrollado una materia dedicada completamente al estudio del color en el psique humano y cómo emplearla en el Marketing Digital.

La Importancia del Color en el Branding

El color es una parte importante, presente en la forma de cómo las personas perciben el mundo a su alrededor. Conocer la teoría del color, combinaciones, armonías, y su psicología; nos permite hacer un uso correcto del color según nuestros propósitos.

Como hemos mencionado anteriormente, con el uso del color se pueden evocar sentimientos y generar acciones a nuestra conveniencia, por lo que la simbología del color juega un papel importante en cada elemento que usemos.

En el branding, el color es un factor importante a tener en cuenta a la hora de crear una marca. Es un recurso que nos permite transmitir emociones, y sensaciones de manera intencional, siempre y cuando cuidando la relación del ámbito de la empresa, como también su entorno cultural y cómo puede influenciar al público objetivo.

Asimismo, todo esto va a contribuir en el desarrollo de una identidad corporativa, lo que eventualmente ayudará en la prevalencia del dominio de una empresa. Si tu objetivo es posicionar tu marca, crear su identidad e imagen, pues este artículo es para ti.

# data[].attributes.attachment_link.title
Principios de la Teoría del Color - Qori Studio

# data[].attributes.attachment_link.description
La teoría del color está presente en cada elemento publicitario, el uso de este concepto ayuda a evocar emociones y acciones determinadas de acuerdo a la psicología del color y el empleo correcto de sus combinaciones, tonalidades, y saturaciones.

# data[].attributes.body
Hablamos de la percepción de las emociones que transmite a nuestro cerebro una determinada forma, que connotación transmite.

Si usamos formas triangulares, nuestra percepción percibe equilibrio, masculinidad, poder, profesionalismo...

En el caso de formas rectangulares o cuadradas, nuestra percepción percibe solidez, fortaleza, seguridad, seriedad...

Las formas redondeadas nos transmiten armonía, feminidad, naturalidad, protección, ternura...

Al igual que las formas, si nuestro diseño utiliza muchas líneas:

Verticales: se transmite fuerza, eficacia, progreso.

Horizontales: se transmite estabilidad, confianza, tranquilidad.

Diagonales ascendentes: movimiento positivo.

Diagonales descendentes: movimiento negativo.

# data[].attributes.attachment_link.readable_text
La psicología de la forma se relaciona directamente con lo demostrado bajo la teoría de la Gestalt . Ambas disciplinas estudiaron las formas y cómo incidían directamente sobre la percepción humana.

Combinando las formas con otros elementos visuales que formen parte de nuestra composición podemos ayudar a reflejar más claramente un mensaje. Y es que la mente humana puede llegar a ser algo impredecible y la percepción cuenta con un papel protagonista en el éxito de una composición visual.

Por eso es importante que en diseño gráfico podamos echar mano de la psicología y este estudio de la percepción para lograr enfocar mejor nuestro mensaje. Al menos en un nivel muy básico.

En el artículo de hoy me gustaría profundizar sobre la psicología de las formas y cómo puede guiarnos a los diseñadores gráficos en todo el proceso creativo, creando una mejor experiencia de usuario.

Índice de contenido

¿Qué es la psicología de la forma?

La psicología de la forma es la disciplina que estudia la influencia que tienen las formas sobre las personas. Sugiere que a cada forma se le puede atribuir un conjunto de significados o conceptos, porque éstas tienen un impacto directo sobre nuestra conciencia y conducta.

Sabemos que es posible percibir y analizar cada elemento visual en términos de forma. Por ejemplo, el sol a menudo se interpreta como un círculo rodeado de líneas rectas que simbolizan al astro y a sus rayos solares. También sabemos que un triángulo puede simbolizar precaución, pero ¿sabrías decir por qué? ¿por qué no asociamos precaución con otra forma como el círculo o al cuadrado?

En ocasiones las personas no somos conscientes de las formas y las figuras que nos rodean, pero lo cierto es que las formas pueden llegar a tener un gran impacto en nuestra conciencia.

La psicología de la forma avala que cada forma cuenta un significado propio y pueden llegar a incidir en nuestras mentes de manera diferente. Incluso también existen algunas pruebas psicológicas que se ayudan de las formas para "definir la personalidad" o la condición mental de un individuo. Se cree que tu figura favorita o seleccionar una forma rápidamente podría informar sobre algunos rasgos profundos de tu personalidad.

Muchos años de investigación han acabado ayudando a profesionales a definir el significado que cada forma nos evoca y cómo puede influir la forma en la percepción humana.

Vamos a conocerlos un poco mejor.

Psicología de la forma y el significado de las figuras geométricas

Cuando te mencionan la palabra forma, la mayor parte de la gente pensará en las formas geométricas y no especialmente en las formas orgánicas. Recuerda que si quieres ampliar tu conocimiento sobre los diferentes elementos visuales de diseño gráfico, cuento con un artículo donde lo desarrollo al detalle: Los 7 elementos visuales claves del diseño gráfico .

Vamos a conocer un poco más acerca del significado que nos evoca cada figura geométrica según la psicología de la forma.

Cuadrado (y rectángulo)

El cuadrado y el rectángulo son dos de las formas que más vemos en nuestro día a día. Piensa en las paredes de tu casa, los muebles, libros, la pantalla de tu smartphone...

Las líneas y los ángulos rectos de los cuadrados producen una sensación de robustez que evoca fiabilidad y seguridad.

¿Tienes papel y lápiz a mano? Venga, tomate 30 segundos y dibuja sobre el papel un edificio antes de seguir leyendo.

¿Ya lo tienes? ¿Qué forma es la predominante en tu dibujo? Seguro que lo has dibujado con una forma rectangular. Se cree que además de por su forma también asociamos comúnmente los cuadrados con los edificios porque esta asociación contribuye a aportar un sentimiento de autoridad, fiabilidad y confianza.

Algunos significados comunes del cuadrado y las formas rectangulares serían: disciplina, fortaleza, solidez, orden, masculinidad, estabilidad, confianza, coraje, seguridad y fiabilidad.

Triángulo

El triángulo es una forma muy dinámica, fuerte y enérgica que se asocia con movimiento y dirección. También se le puede relacionar con la jerarquía o la divinidad. Dependiendo de la orientación del triángulo, sus líneas laterales pueden contribuir a desplazar nuestro ojo hacia la punta.

Y es que como el triángulo es una forma muy dinámica puede contar además con significados diferentes en función de cómo esté dispuesto. Por ejemplo, un triángulo en posición vertical puede evocarnos sentimientos de estabilidad y equilibrio. En cambio un triángulo invertido evocará riesgo y precaución, ya que nos dará la sensación de que está a punto de caer, causando una sensación de tensión.

Ahora ya puedes decir que sabes por qué el triángulo simboliza precaución.

Algunos significados comunes de las formas triangulares serían: emoción, poder, avance, vitalidad, crecimiento, dirección, riesgo, peligro y equilibrio.

Círculos (y elipses)

Como no cuenta con principio ni fin a la forma del círculo se le asocia con la eternidad. También se relaciona a esta forma con el sol, la luna, la tierra y el concepto de unidad.

Las formas ovaladas o redondas, al carecer de ángulos o picos evocan emociones más empáticas y cercanas. Son por tanto emocionalmente más positivas y menos frías que las rectangulares.

Algunos significados comunes de las formas ovaladas y los círculos serían: adaptabilidad, unidad, movimiento, globalidad, perfección, infinitud, protección, fiabilidad, eternidad y feminismo.

Líneas rectas

Aunque las líneas ayudan a delimitar formas, al agruparse también pueden contribuir a evocar algunos conceptos o emociones.

Por ejemplo, si las líneas están inclinadas evocarán movimiento, dinamismo, velocidad y una ligera sensación de fuerza o tensión.

Si las líneas se encuentran en posición horizontal evocarán tranquilidad, fiabilidad, confianza y una sensación de paz.

Las líneas se encuentran en posición vertical cuenta con una posición más enérgica que puede contribuir a llamar más la atención y a dominar la composición. Evocarán equilibrio, jerarquía o eficiencia.

Algunos significados comunes de las líneas rectas serían: unión, enlace, comunicación, relación, dinamismo y coordinación.

Espirales

La forma de las espirales está bastante presente en la naturaleza. Si recuerdas ya lo mencioné previamente cuando hablamos de la proporción áurea o la espiral de oro.

Por eso a la formas de las espirales se le asocia también con el crecimiento, la vida (nacimiento y muerte) o la evolución. En algunas culturas las espirales también pueden representar conocimiento.

Algunos significados comunes de las formas espirales serían: crecimiento, creatividad, continuidad, ilusión, calma, inteligencia, energía, vitalidad e imaginación.

Cruces

A las formas cruzadas o cruces se les asocia con el equilibrio, la esperanza y la divinidad. Pueden interpretarse también como un punto de cruce de energías. Se usan para sugerir vida y salud, unidad, esperanza, relaciones, equilibrio y espiritualidad.

Otras formas: orgánicas y abstractas

Formas orgánicas

Las formas orgánicas son las concebidas como formas naturales. Piensa en todas las formas creadas por la naturaleza, como la forma de una gota, de una hoja o de las flores.

Son formas que han servido de inspiración para artistas y diseñadores. Las formas naturales tienen claros significados de las plantas y animales que simbolizan. A menudo aportan una sensación de frescura y unidad con el entorno natural.

Los animales y las plantas también contar con sus propios significados si los utilizamos como símbolos claro. Por ejemplo, una rosa puede ser un símbolo de amor, mientras que un león es un símbolo de orgullo y valentía, pero este sería otro tema a discutir en un nuevo artículo.

Algunos significados comunes de las formas orgánicas podrían ser: originalidad, orgánico, equilibrio y frescura.

Formas abstractas

Se denomina como formas abstractas a las formas que son manifestaciones o símbolos visuales de conceptos o ideas abstractos.

Algunas formas abstractas pueden acabar siendo difíciles de reconocer. Tras sintetizarse pueden dar sólo pequeñas pistas de qué representan. A menudo las formas abstractas representan un sólo concepto o una versión simplificada de una forma orgánica.

Las formas abstractas se usan con bastante frecuencia en el diseño de logos , la iconografía o la señalética, ayudándose en ocasiones del espacio negativo . Y es que las formas abstractas son una manera muy eficaz de transmitir un mensaje sin texto.

Me vienen a la cabeza todas los símbolos que diseño Lance Wyman para el metro de Ciudad de México.

Cómo usar la psicología de la forma en diseño gráfico

Ya sabemos que las formas son elementos visuales clave en el diseño gráfico . Pueden ayudarnos a realizar una composición visual, estructurando la información o relacionando otros elementos. Si queremos realizar un diseño más sofisticado, deberemos tener en consideración los significados de las formas.

Los diseñadores gráficos somos comunicadores visuales. Comunicamos a través de la imagen diseñando composiciones con significado. Algunas de las composiciones que pueden aprovecharse mejor las formas serían, por ejemplo el diseño de logos, iconos o tipografías.

Eso sí, la psicología de la forma también se usa con frecuencia en otros campos del diseño gráfico como en el diseño editorial o en la usabilidad web. Los elementos del diseño pueden estructurarse en determinadas formas para guiar que los ojos de los usuarios encuentren fácilmente la información más importante.

Nos ayudan por tanto a establecer una correcta jerarquía visual.

Psicología de la forma y el diseño de logos

La funcionalidad de un logo puede estar ligada en muchas ocasiones a la forma en que la gente lo percibe. Y es que son muchos los factores que pueden influir en la percepción humana.

Un logo es una herramienta clave para cualquier empresa. Debe contribuir a transmitir (y evocar) un mensaje o significado acorde a la marca. Si escogemos bien las formas para el diseño de un logo, contribuiremos a transmitir la sensación deseada sin recurrir a texto o información adicional.

Por ejemplo, imaginemos que necesitamos desarrollar un logo para una entidad bancaria. Quizás un enfoque positivo podría ser intentar aplicar en el diseño del logo el uso de alguna forma que nos transmita confianza y seguridad. Sí, si estás valorando el cuadrado es que estás razonando correctamente.

Ejemplo Chase Bank.

Eso sí, la psicología de las forma puede resultar muy útil no sólo para crear logos que contribuyan a resaltar lo que queremos comunicar, sino también para el resto de composiciones de diseño gráfico.

Psicología de la forma y la tipografía

La psicología de la forma toma un papel muy importante también en la tipografía. Ya hemos visto que existen innumerables tipografías diferentes, y las clasificamos por su forma en 4 grandes grupos: Tipografías con serifa, tipografías de palo seco, tipografías manuscritas y tipografías decorativas.

Para entender mejor la personalidad de la tipografía o psicología tipográfica es necesario estudiar la forma de sus caracteres. Valorar si cuentan con formas más geométricas o quizás más orgánicas. Si cuentan con formas más rectas y puntiagudas, como las que podemos encontrar en una tipografía de palo seco, o quizás más curvas y suaves, como los que podemos encontrar en una tipografía manuscrita.

Las tipografías que contienen caracteres dominantes con formas más redondas y curvas pueden evocar algo más de cercanía y también feminidad. A diferencia de los caracteres con formas y ángulos más rectos que pueden evocar más formalidad y en ocasiones algo de agresividad.

Por eso es clave que prestemos siempre atención a las formas dominantes de cualquier tipografía. Así podremos seleccionar una tipografía que favorezca el contexto de nuestro mensaje y la comunicación visual.

¿Qué te ha parecido el artículo? ¿Lo más encontrado interesante? Ya sabes, "pon en forma" a tu diseño con ayuda de las psicología de la forma.

Jaime P. Llasera

Soy Ingeniero informático, diseñador gráfico y desde hace más de 13 años ayudo a otras empresas a trabajar en su identidad corporativa.
YouTube

# data[].attributes.attachment_link.title
Psicología de la forma: qué es y cómo se aplica en diseño gráfico

# data[].attributes.attachment_link.description
La psicología de la forma se relaciona directamente con lo demostrado bajo la teoría de la Gestalt . Ambas disciplinas estudiaron las formas y cómo incidían directamente sobre la percepción humana. Combinando las formas con otros elementos visuales que formen parte de nuestra composición podemos ayudar a reflejar más claramente un mensaje.

# data[].attributes.body
Esta proporción junto con la regla de los tercios se utiliza en los diseños íntimamente relacionados con la percepción visual para atraer la mirada y que el diseño resulte lo más equilibrado y armonioso posible.

Fue definida por el padre de la geometría hace más de dos mil años basándose en la evidencia de la existencia de la proporción áurea. Existe en el caparazón de una concha, el pétalo de una flor...

Fue desarrollada por Fibonacci. Se reconoce por la letra griega PHI.
La proporción áurea es 1,618034... y surge de la proporción existente entre la base y la altura, independientemente de que esté en horizontal o vertical.

Para configurar sus áreas, los diseñadores acuden a la calculadora de proporción áurea.

Documental sobre la proporción áurea.

# data[].attributes.body
Equilibrio simétrico: es aquel al que al dividir una composición en dos partes iguales que no tienen por qué ser siempre vertical, el peso de los dos lados es casi igual o igual. Lo que se pretende transmitir es regularidad, armonía, orden, seguridad, confianza.

Equilibrio asimétrico: cuando en un diseño se utiliza el equilibrio asimétrico al dividir una composición en dos partes estas dos partes no tienen el mismo peso. Se pretende transmitir agitación, tensión, dinamismo, alegría, vitalidad, movimiento...

# data[].attributes.body
La creatividad es generar nuevas ideas, o en el caso de que utilicemos ideas ya existentes, dar como resultado una respuesta original o creativa.
La creatividad tiene dos puntos de vista:

Dar ideas.

Aportar resultados distintos.

Albert Einstein decía "Si buscas resultados distintos no hagas siempre lo mismo".

# data[].attributes.attachment_caption
TRABAJO REALIZADO SOBRE EL PENSAMIENTO LITERAL O DIVERGENTE

# data[].attributes.body
El elemento recurrente siempre es la idea. Si no se trabajan las ideas, la mayoría de ellas desaparecerán. Lo mejor es encontrar tu vocación y preguntar a los demás, una persona se esfuerza más cuando hace lo que le apasiona.

Existen personas que son relativas de forma innata, aunque la creatividad se puede trabajar y desarrollar con una serie de pautas y reglas. Una de ellas es el pensamiento literal o divergente desarrollado por Edward Bono que se trata de crear una idea a partir de cualquier objeto urbano. Cuanto más usos o habilidades seamos capaces de darle a un objeto, más creativos seremos.

Se adjunta un trabajo realizado sobre el pensamiento literal o divergente.

# data[].attributes.body
Se deben fomentar o cultivar una serie de cualidades:

Ser curiosos, no tener miedo a experimentar.

Ser abiertos de mente.

Ser observadores, para así poder tener distintos puntos de vista.

No tener miedo al ridículo ni a equivocarse ya que el trabajo de diseñador es prueba y error.

Ser analistas.

Ser críticos con el trabajo de los demás, pero sobretodo con el nuestro.

Leer, viajar... Hacer todo lo que nos guste y anotar todo lo que nos llame la atención y nos inspire, captar instantáneas de momentos que nos resulten maravillosos e importantes para asó utilizarlos cuando sea necesario.

Para ejercitar la creatividad, debemos seguir unas pautas. Estas pautas se siguen a través del proceso creativo.

# data[].attributes.body
Diariamente recibimos una gran cantidad de estímulos publicitarios. Lo primero que ocurre es la llamada de atención, es decir, pararnos a leer un cartel, un post... La mirada humana tiende a desplazarse por los elementos y verdaderamente solo nos paramos a observar lo que nos impacta, derrocha creatividad y originalidad para conseguir este impacto.

El diseño gráfico se trata del arte que combina o proyecta una serie de elementos para crear, constituir un grafismo, con la finalidad de comunicar o informar a través de una representación visual.

# data[].attributes.body
La psicología de la Gestalt forma parte de la corriente de la psicología moderna. El diseño depende de la perfección y de las emociones, por ello la psicología está íntimamente relacionada con el diseño.

Esto influye de forma sobre manera en la publicidad, en el marketing y sobre todo, en el diseño gráfico.

La Gestalt se centra en estudiar el proceso de percepción humana, sobre todo en como miramos.

Un artículo muy interesante sobre los principios de la Gestalt.

Trabajo realizado sobre los principios de la Gestalt.

# data[].attributes.attachment_link.title
principio de LA SEMEJANZA, PROXIMIDAD Y SIMETRÍA

# data[].attributes.body
Al ojo humano le encanta el contraste. Si se utilizan dos elementos diferentes, se intenta que sean lo más diferente posible, para así conseguir llamar la atención.

El contraste se utiliza para generar impacto, crear interés, organizar la información, facilitar la comprensión y seguir el flujo lógico de los elementos.

Se utilizan tipologías diferentes, formas... y así también generar contraste con la escala, el tamaño y el color.

Se adjunta un vídeo muy interesante sobre el principio del contraste en el diseño gráfico.

# data[].attributes.attachment_link.authors[].name
Gallo - Tutoriales, Diseño Gráfico y Emprendimiento

# data[].attributes.attachment_link.title
Jerarquía y contraste en diseño gráfico.

# data[].attributes.body
Con la jerarquía visual establecemos el recorrido y el camino de visualización de nuestro diseño comenzando por un punto de partida inicial para comenzar a navegar y seguidamente ir marcando todo el recorrido que queremos que realice nuestro diseño.

Se genera por el tamaño, lo que más impacta es el mayor tamaño y estableciendo también un contraste.

Podemos crear jerarquía visual creando el color. Hay dos colores que llaman poderosamente la atención que son el amarillo y el rojo.

La tipografía también la podemos establecer incluso mezclándola con el color.

Se adjunta un vídeo muy interesante sobre el principio de la jerarquía visual en el diseño gráfico.

# data[].attributes.attachment_link.title
Principios de Diseño Gráfico / Jerarquía Visual / Vol.1