UNIDAD 2

Composición, Uso del Color y Tipografías.

 ¿Cómo organizar los elementos dentro de la página?

Composición y Uso del espacio de diseño.

 Minimalismo en Redes Sociales.

 Jerarquización Visual de la información.

 Uso de Paleta de Colores, Psicología del color.

 Tipografía. Uso en Redes Sociales.

Infografías, Glosario y Links relacionados

La Composición en el Diseño Gráfico

Una de las partes más complejas del diseño gráfico es, sin duda, la
composición. Esto se define como una distribución o disposición de
todos los elementos que incluiremos en un diseño o composición,
de una forma perfecta y equilibrada.

Técnicas de composición
En un diseño lo primero que se debe elegir son todos los elementos que
aparecerán en él, luego debemos distribuirlos, para colocarlos con el espacio
disponible. Los elementos pueden ser tanto imágenes, como espacios en blanco,
texto, etc. Es muy importante, tener en cuenta de que forma situaremos
estos elementos, en nuestra composición, para que tengan un equilibrio
formal y un peso igualado.

El peso de un elemento, se determina no sólo por su tamaño, que es bastante

importante, sino por la posición en que este ocupe respecto del resto de
elementos. Por ejemplo, si queremos hacer destacar un elemento en concreto,
lo colocaremos en el centro.

La composición, el concepto

En toda composición, los elementos que se sitúan en la parte derecha,

poseen mayor peso visual, y nos transmiten una sensación de avance. En
cambio los que se encuentran en la parte izquierda, nos proporcionan una
sensación de ligereza.

Esto también se observa, si lo aplicamos en la parte superior de un documento,

posee mayor ligereza visual, mientras que los elementos que coloquemos en la
parte inferior, nos transmitirán mayor peso visual.
Actualmente no existe una composición perfecta. Cada composición
dependerá de su resultado final, para todo ello, es necesario conocer todos los
aspectos y formas para obtener un resultado con un cierto equilibrio.

Composiciones formales
Una composición formal, generalmente, responde a una secuencia matemática
que establece las posiciones, rotaciones o escalas de los elementos. Los
elementos se ordenan repetidamente respecto a su tamaño, dirección o color.

En las composiciones formales todo es predecible, y aparecen con frecuencia

retículas. Si un elemento se sale de la norma, la composición es semi-formal.

Hay cuatro modos de realizar composiciones formales, que a su vez se pueden

combinar entre ellas:
Traslación

Composición formal en la que hay un cambio de posición.

Rotación

Composición formal en la que sucede una variación en la dirección.

Reflexión

Composición formal en la que se crea una imagen reflejada.

Dilatación

Composición formal en la que hay un cambio de tamaño o escala.

Composiciones informales
Las composiciones informales no siguen ningún patrón o estructura establecida
de antemano. Es el ojo adiestrado del diseñador el que decide dónde colocar
cada elemento. A pesar de que no responden a ninguna estructura fija, podemos
utilizar varios criterios para clasificar estas composiciones informales.

Gravedad

El diseñador manipula los elementos de forma que los pesos sean percibidos.
Se generan así composiciones estables e inestables.
Contraste

Resulta al comparar elementos diferentes, ya sea por su tamaño, color, posición,

dirección, escala, espacio.

Los antónimos del lenguaje pueden servir de inspiración:

 Recto / torcido;
 Cuadrado / redondo
 Cóncavo / convexo
 Grueso / delgado
 Alto / bajo
 Positivo / negativo
 Brillante / mate
 Claro / oscuro

El contraste se utiliza como énfasis visual. Si nos quedamos cortos resulta

inapreciable; si nos pasamos de largo, podemos romper la unidad general del
diseño. Se trata de que ese elemento diferente no sea un añadido, sino que
quede integrado en el diseño.
Ritmo

Un diseño figurativo suele describir un tema, mientas que los diseños abstractos
suelen inspirarse en ideas: hechos, movimientos o fenómenos naturales, que
pueden expresarse rítmicamente.

Por ejemplo, pueden servir de inspiración:

 Las ondas de un lago.

 Los pájaros que vuelan.
 Las ramas de los árboles.
 Las nubes que pasan.
 La arena que revolotea por el viento.
 Las olas rompiendo en las rocas.
 Los pasos de baile.

El ritmo se genera al manipular las direcciones de los elementos o el espacio

entre ellos. Los elementos pueden ser paralelos o radiados, similares
o contrastados, etc.
Centro de interés

Una composición informal debe coordinar sus elementos alrededor de un centro

de interés.

Una composición formal, especialmente dispuesta en una retícula, no tendrá

centro de interés por lo general, aunque es obvio que por ejemplo unos
elementos que giran en torno a un centro sí lo tienen. Si en una composición
formal tenemos un elemento "díscolo", se convertirá en el centro de interés.

El Espacio en el Diseño

El espacio se puede considerar como el cuarto elemento fundamental del diseño.

Definición de espacio: Es la distancia o el área entre o alrededor de las cosas.

Cuando se está diseñando, debemos pensar donde vamos a colocar todos los
elementos y a que distancia unos de los otros. El tipo de imágenes que
colocaremos, la dimensión de éstas, el texto y lo que habrá alrededor de ellas,
etc.

Las diferentes tonalidades que emplearan los elementos y las formas, sirven
para crear relaciones espaciales y focales, de gran interés para el receptor. Se
pueden llegar a conseguir efectos muy variados y especiales dependiendo de
cómo se combinen, estos. Por ejemplo, si usamos bastante espacio en blanco,
se produce un descanso para el ojo. Si dejamos mucho espacio en blanco
alrededor de algún objeto, palabra o imagen, estamos haciendo que destaque
del resto de la composición.

Efectos que produce el espacio

Efectos que nos produce el espacio, dentro de nuestro campo visual:

 Al utilizar espacio en blanco en una composición, el ojo descansa.

 Utilizando una pequeña cantidad de espacio creamos lazos entre los

elementos.

 Lograremos una mayor profundidad en nuestro diseño si superponemos un

elemento con otro.

 Si utilizamos mucho espacio en blanco, alrededor de un objeto, imagen o

texto, conseguiremos que sobresalga y destaque del resto de la
composición.

 Los grandes márgenes ayudan a seguir un diseño una de forma más fácil.

Si utilizamos un espaciamiento desigual entre los elementos, crearemos una

página dinámica.

Al trabajar en un diseño, considera no solo los elementos que incorporas (como

las imágenes y el texto), sino también cómo los ordenas y los agrupas en la
composición. Puede resultar tentador rellenar cada una de las pulgadas de tu
lienzo digital, pero intenta dar cierto espacio a los elementos para que respiren.
La ilusión de profundidad en el espacio

El uso de tamaño, el color, las sombras y la perspectiva, la superposición, son

los recursos más utilizados para producir sensación de profundidad dentro del
espacio de diseño.
Minimalismo en una pieza gráfica

“Menos es más” La capacidad de síntesis es lo que determinará si una

pieza gráfica resulta o no exitosa. El poder decirlo y hacerlo todo con poco o
casi nada, es el principal objetivo del diseño en general. Elimina todo aquello
que no sirva en tu imagen, todo aquello que esté de más.

La tendencia minimalista busca colores neutros, diseños planos, tipografías

limpias y elementos simples ocupando el espacio y convirtiéndose en
protagonista del diseño, reduciendo los elementos a su forma más básica con
un resultado moderno, sencillo y funcional.

Diseño Minimalista

Hoy en día, la tendencia al minimalismo ha vuelto pisando fuerte, debido a

su atractivo y adaptabilidad. Un diseño sencillo y plano es más fácilmente
escalable y, por tanto, más adaptable a dispositivos móviles. Hoy las
plataformas de las Redes Sociales exigen diseños minimalistas, limpios y
concretos.

Aunque no existe una fórmula para obtener un diseño minimalista, existen ciertas
características que lo definen como uno:
  Elementos que se reducen a sus características elementales
 Interfaz sencilla que se enfoca en la funcionalidad
 Muchos espacios en blanco
 Paleta de colores sencilla (con pocos colores)
 Una o dos tipografías sencillas o neutras
 Contenido simplificado

Los elementos que recargan el diseño brillan por su ausencia en este estilo, lo
que contribuye a trasladar el protagonismo a los objetos que aparecen en el
elemento diseñado: un logotipo, un dibujo, un diseño para estampar en prendas
y otros elementos textiles, etc. En general, el diseño gráfico minimalista apuesta
por lo esencial, y retira todos los artificios que rodean a lo básico. Comunica
muchas cosas con poco.

Esto implica El diseño minimalista se refiere a pensar en el diseño en sus

términos más básicos, es decir, el color (poco), el espaciado (amplio), la
alineación (simple), la tipografía (poca y limpia).

La simpleza desde la composición y el color

La Jerarquía Visual

El diseño es una forma de comunicación, su objetivo es comunicar un mensaje

a cierta audiencia. Para ello se hace uso de diversos elementos visuales y se
ponen en práctica distintos fundamentos del diseño. Entre estos fundamentos
del diseño se encuentra la jerarquía visual que permite a los diseñadores
organizar elementos e información para que el mensaje principal llegue a
sus destinatarios sin problemas.

Veamos qué es la jerarquía visual y cuáles son las herramientas para crearla.
Cada vez que organizas elementos en base a cierto orden de importancia,
estamos creando una jerarquía. Si esa estructura se organiza de forma visual se
le llama jerarquía visual y es un fundamento esencial en el área del diseño. En
la jerarquía visual se diferencian los elementos en base a la forma en cómo
lucen, su apariencia es un indicador de su orden de importancia y su relación
con otros elementos por esta misma razón, la jerarquía es un importante
fundamento del diseño. Si se le entrega más peso a ciertos elementos, estos se
hacen más importantes. De esta manera, te puedes comunicar más fácilmente
con tus visitantes ya que la jerarquía ayuda a que la información presentada sea
procesada de manera más sencilla.

Existen diferentes técnicas para crear jerarquía visual. Usualmente no sólo se

emplea una de ellas sino que se combinan. Básicamente son seis: tamaño,
contraste, color, proximidad, alineación y repetición. Esto principios del
diseño son tus mejores armas para poder generar jerarquía visual.
Profundizaremos sobre cada uno de ellas a continuación:

 El tamaño. Generalmente los elementos que tienen un mayor tamaño

suelen captar la atención de forma más rápida y fácil. Si se usa una
tipografía pequeña, probablemente las personas no pierdan su tiempo
tratando de comprender el mensaje y seguramente no lean la información.
El tamaño altera las pautas de la lectura y es una forma eficaz de
 modificar, en cierto modo, el comportamiento del usuario. Como en
cualquier principio de diseño, equilibrio es uno de los elementos
clave. Además, normalmente se ve primero lo que es más grande. Algo
de gran tamaño suele llamar la atención en mayor medida que algo
pequeño.

La jerarquía marcada desde el tamaño en la tipografía

 El contraste. Usando los colores adecuados y apostando por el contraste

se puede resaltar cierta imagen o información importante. Hay
contrastes que son difíciles de ignorar y, además, son perfectos para dar
un toque de atención. Además, este elemento tiene un gran efecto en la
jerarquía y se puede jugar con él de la mano de la paleta de colores que
se prefiera. Se puede conseguir un gran impacto en base a los cambios
que se provoquen entre un elemento u otro y además, se puede crear más
o menos dramatismo. Sobre todo, en el diseño web, se suelen aplicar
contrastes para generar impacto o a modo de llamada de atención
momentánea.
 El color. Es muy importante que se usen colores que vayan acorde con
lo que se está transmitiendo. Es decir, que se escojan con un propósito.
El color es una de las maneras más poderosas de captar la atención y
también se puede usar para dar más estilo y personalidad al mensaje.

 La proximidad. Es una forma de jerarquizar, valiéndose de la separación

o cercanía entre diferentes elementos. Se pueden acercar y que sean
considerados como un grupo, o bien se pueden dividir
en distintas categorías. También se puede usar la proximidad para
separar o agrupar la información a la que se quiere dar más o menos
importancia. Esta práctica se debe tener en cuenta para el diseño web y
a la hora de realizar cualquier tipo de presentación visual. Además, de
esta forma, se ayuda a los usuarios a que puedan identificar las secciones
de forma más sencilla. Por ejemplo, en las barras laterales de una página
web, se puede apostar por poner un título y contenido propio para
diferenciarlo del resto de contenido de la página.

 La alineación. La forma de ubicar los elementos también puede denotar

más o menos importancia. En el caso de que se quiera resaltar una parte
del contenido es fundamental que se coloque la información en una parte
que sea realmente visible.

Un claro ejemplo es el centro de todas las páginas web, cuya información

cuenta con un espacio privilegiado. De la misma manera, los datos que
están colocados en la parte superior suelen tener más importancia.

 El logo o nombre de la empresa en la parte alta central. Los carritos de

compra de la mayoría de las páginas web también están colocados en un
lugar predilecto. También se puede usar la alineación para generar más
interés o crear cierto movimiento.
  La repetición. Sirve para destacar algún elemento. Es importante no
abusar de ella, ya que se puede llegar a hacer aburrido o confuso un
contenido.

También se puede jugar con las repeticiones y elaborar quiebres

visuales para darle un toque más animado y divertido al contenido.

 Todas estas técnicas tienen efecto por sí solas y también cuando se

combinan, lo que multiplica su valor como herramientas gráficas.

En definitiva, es muy importante que se organice bien la información de

cada mensaje que se transmite, para que una creación sea capaz de
resaltar las partes clave.

Modo de Jerarquía Visual mediante el color.

Uso de la Paleta de Color

Los colores son tus aliados. Conviértelos en una herramienta poderosa

usándolos sabiamente para que puedan potenciar la identidad de tu
marca y darle el tono adecuado al mensaje que quieras transmitir. Recuerda que
no solamente es mezclar colores para que se vean bonitos, debemos tener en
cuenta el peso emocional y psicológico que los colores provocan en nosotros.
Una paleta de colores que no comunica la esencia de tu marca, dará el mensaje
erróneo.

Los colores primarios son los principales del círculos y están equidistantes uno
del otro. Estos nos se pueden obtener mezclando ningún color, al contrario de
los otros colores que se crean mezclando a estos colores.
Los colores secundarios se obtienen mezclado dos colores primarios a partes
iguales. Por ejemplo: amarillo + rojo = naranja.

Los colores terciarios o intermedios son aquellos que se consiguen al combinar

los tonos primarios con los secundarios que se encuentran justo a su lado en el
círculo cromático. Lo que sería mezclar dos colores primarios en distintas
proporciones.

Estos son los típicos colores llamados “amarillo verdoso” o “rojo naranja”, etc.
La primera idea para seleccionar colores que funcionen bien juntos es
seleccionar una paleta monocromática. Esto es trabajar con un matiz, y la
variación de tintes, tonos, y sombras.

Un solo color puede combinar perfectamente con colores de su mismo tono. Una
paleta monocromática se logra utilizando varias tonalidades de un mismo color.
Puedes crear una paleta sutil, solo que algunas veces puede resultar monótona
por si acaso.

Utiliza 3 colores que se encuentren juntos en el círculo cromático. Funcionan

bien ya que tienen colores en común y no domina ninguno sobre otro. Son la
combinación perfecta, ya que son geniales para cualquier uso, incluso para
resaltar y contrastar un elemento específico sin demasiada interrupción. Siempre
es recomendable elegir uno de los colores para que sea el principal y los otros
dos como secundarios (uno para sustentar y un tercer color para acentuar)
Los colores que se encuentran en extremos opuestos del círculo cromático se
consideran complementarios. Puedes ampliar esta paleta añadiendo
tonalidades de esos dos colores. Recuerda que no debes utilizar estos dos
colores en cantidades iguales ya que compiten entre si y la paleta no
funcionará tan bien.

Son difíciles de usar en grandes cantidades, pero por su contraste son muy
buenos para resaltar algo, como un llamado de atención.

Tips para elegir tu paleta de Colores

Piensa PRIMERO en la personalidad de tu marca.

Muchas personas eligen una paleta de colores pensando en lo que les gusta a
ellos a nivel personal sin pensar en el tono de comunicación que tendrá su
marca. Recuerda que debe tener una personalidad y un estilo definido para que
puedas potenciar y reflejar eso con los colores que elijas.

Por eso, el primer paso para crear tu paleta de colores es pensar cuál es
tu tono y cómo quieres que sea vista tu marca.

Si es alegre, por ejemplo, usa colores que reflejen esa emoción y aléjate de los
que no. Además, la forma como utilices tus colores afectará la visibilidad de tu
marca y el reconocimiento podrá aumentar en un 80%. Sabiamente usarlos
debes.
El blanco, el negro y los grises.

El blanco y el negro no aparecen en un círculo cromático porque aunque podrían

considerarse opuestos, no son colores.

El blanco es la presencia de todos los colores y el negro es la ausencia de

ellos.

Sin embargo el negro y el blanco al combinarse forman el gris el cual también se

marca en escalas. De esta manera se forma un círculo propio llamado "círculo
acromático en escala a grises" o "círculo de grises"

Llamamos escala acromática a la

modulación del gris.

Normalmente se usa este término

para distinguir al grupo del blanco,
negro y gris.

Hablando en términos de haces de

luz, el blanco corresponde a la luz,
que es la suma de todos los colores
del espectro, mientras el negro
corresponde a la ausencia de luz, la
oscuridad total.

El grado de claridad u oscuridad de

un color se denomina valor.

El valor es entonces un elemento

del lenguaje visual que refiere a la
cantidad de luz.

Cada color tiene su equivalente

en gris de acuerdo a la escala de
luz-oscuridad.

Cuando un color es luminoso, claro, decimos que es de valor alto; los colores
oscuros corresponden a valores bajos.
Elige colores que funcionen como un equipo.

Al igual que los aliños en la comida... existen colores que funcionan muy bien
juntos y otros que simplemente no lo hacen.

Toma tu tiempo para seleccionar una paleta de colores donde cada uno
conviva correctamente con el otro. Esto es un trabajo en equipo, pues un solo
color no puede hacer todo el trabajo. Puedes probar con paletas de colores que
ya vienen pre diseñadas. Calidad versus cantidad.

No te vuelvas loco seleccionando muchos colores para tu paleta. Es un error

común seleccionar 6 colores para los diseños. En lugar de eso, solo elige 2 ó 3
colores. Uno debería ser la base del diseño, y los otros dos deberían ser un
complemento del primero.

Quédate la o las selecciones que tengas y juega con los tonos, los tintes y las
sombras. Con poquito se hace mucho:

 1 a 3 colores principales: se usarán en el 70% de tu identidad.

 1 a 2 colores destacados: se usarán para destacar elementos

importantes.

 1 a 2 colores neutrales: se usarán para crear balance.

Cuando los tengas, crea varias combinaciones con los diferentes colores y
elementos de tu diseño hasta encontrar la mejor opción.

Uso del color en el Diseño

Psicología del color
¿Qué es la Psicología del color? La psicología del color es un campo de
estudio que se encarga de analizar la forma en como las personas perciben
y se comportan ante diversos colores. También estudia las emociones y
reacciones que generan los colores en el ser humano.

La Psicología del Color en el Diseño Gráfico

A la hora de hacerse cualquier diseño la psicología del color juega un papel muy
importante ya que de ella depende cómo reaccionarán los futuros
clientes, además un buen uso del color colabora a establecer una buena
comunicación con las personas, esto debido a que hay muchos parámetros
de color establecidos a nivel social.
Es por eso que el diseñador debe plantearse muy bien varias cosas a la hora de
agregar color a su diseño:

 A qué público meta va dirigido: Por ejemplo, no es lo mismo el uso del

color dirigido a niños que a hombres de negocios.
 Qué desea comunicar con su diseño: Definir qué sentimiento se desea
comunicar, si es confianza, alegría o seriedad, por ejemplo.

En el diseño gráfico se le da especial atención a la psicología del color, ya

que nos ayuda a establecer la paleta de color de los diseños de una manera
analítica, dejando de lado la simple y clásica explicación de muchos: “Porque es
bonito” o “Porque me gusta”.

Especialmente se utiliza a la hora de diseñar un logo funcional. O también

cuando se diseña un banner para una Red Social o un cartel en la vía pública.
Entender los significados de los colores te ayudará a darle una mejor
connotación a tus diseños. Los significados de los colores que vamos a ver a
continuación van enfocados a la Psicología del Color en el Diseño Gráfico
específicamente.
Colores y sus usos en publicidad

Psicología del Color

Significado de los colores en relación al Marketing Emocional

A lo largo del tiempo el ser humano se ha tomado el tiempo para observar y

estudiar la relación de los colores con las emociones; y es que los colores tienen
la capacidad de estimular al ser humano repercutiendo así en sus acciones.

La elección de los colores que debes emplear dentro de tu estrategia de

Marketing Digital dependerá de tu target.

El estudio Impact of Color in Marketing ha concluido que más del 80% de los
consumidores han basado su decisión de compra en los colores.

También se ha comprobado que una marca puede tener un mayor

posicionamiento gracias a los colores en su logo y publicidad.
 Las emociones que produce cada color son:

Rojo: amor, energía, pasión, poder, fuerza y calor.

Uso en el Marketing

 Acelera los latidos del corazón y por esto lo relacionan a lo que una
persona enamorada siente cuando ve a su ser amado, teniendo así
oportunidad de crear un vínculo fuerte con tu público objetivo.
 Usualmente es usado por marcas de comida ya que estimula el apetito.
 Crea el sentido de urgencia por lo que es utilizado en las tiendas en
línea cuando tienen alguna rebaja.
 Suele funcionar con los compradores por impulso.
 El rojo también está relacionado con la energía por lo cual lo puedes
emplear para anunciar autos, motos, bebidas, juegos, deportes y
actividades de riesgo.
 Redes como You Tube lo utilizan porque su contenido requiere acción ya
que promueven actividades reactivas.

Amarillo: brillo, júbilo, alegría y felicidad.

Uso en el Marketing

 Es utilizado para representar optimismo y juventud.

 Se emplea para llamar la atención en las tiendas físicas como en los
aparadores y en los sitios web Color empleado botones de Call To Action.
 Muestra claridad en los procesos y al relacionar el color con el sol, puede crear
una percepción cálida de tu marca.
 También es empleado en marcas de electrónico
 Redes como Snapchat y Google lo utilizan ya que intenta que sus usuarios
tengan una cercanía libre creando su contenido creativo.
 Azul: seguridad, integridad, tranquilidad, confianza, inteligencia.

Uso en el Marketing

 Es ideal para aseguradoras, bancos e instituciones financieras por su

percepción de seguridad y confianza.
 Las redes sociales más grandes del mundo utilizan este color en sus logos
como Facebook, Twitter, Linkedin porque sus contenidos buscan la aceptación
de los usuarios y buscan participar de forma profesional.
 Este color puede inhibir el apetito por lo que no te recomendaría utilizarlo en
tu marca si se trata de una empresa alimentos.
 Es utilizado en marcas de bebidas ya que transmite frescura y es el color que
representa al elemento del agua.
 Úsalo si en tu sitio web podemos encontrar productos relacionados a
la limpieza personal, hogar o industrial.

Blanco: frescura, pureza, inocencia, elegancia y limpieza.

Uso en el Marketing

 El blanco da una sensación de frescura, limpieza e higiene.

 Está especialmente indicado para productos médicos relacionados con la
salud.
 También está vinculado a la tecnología y también es utilizado en
algunas líneas aéreas.

Negro: elegancia, drama, protección y clase

Uso en el marketing

 En el marketing es asociado en elegancia y sofisticación, está vinculado a

productos clásicos, de lujo o alta calidad.
 Regularmente lo encontramos en marcas de alto prestigio y de alta gama.
 Verde: naturaleza, dinero, frescura y novedad.

Uso en el Marketing

 Es empleado en las instalaciones de tiendas para proyectar tranquilidad.

 Evoca sentido de responsabilidad por los animales y medio ambiente.
 Se utiliza frecuentemente en contenidos que buscan crecimiento económico o
espiritual, debido a que se asocia con la naturaleza y los negocios.
 También, promueve la comunicación y los contenidos científicos porque
representan evolución y crecimiento. Por esta razón, redes como WhatsApp lo
utilizan.

Morado: espiritualidad, lujo, nobleza, realeza y ambición.

Uso en Marketing.

 Al estar relacionado con la realeza también puede utilizarse para

representar lujo, sofisticación.
 Da la percepción que la marca es creativa, imaginativa, divertida.
 Es un color relacionado con la sabiduría.

Naranja: éxito, amistad, valor y confianza.

Uso en el Marketing

 Es usado para atraer la atención y provocar alegría.

 Se utiliza en botones de “Call to Action” (Llamar a la acción) para comprar,
descargar y/o suscribirse.
 También es eficaz para atraer a los compradores por impulso.
 Rosa: diversión, inocencia, femineidad, delicadeza y romanticismo.

Uso en el Marketing

 Recomendamos usar este color si tu público objetivo son las mujeres jóvenes.
 El color se asocia fuertemente a la feminidad y el romanticismo.
 Úsalo en páginas de cosméticos y productos para mujeres.

“Los Colores afectan nuestro cerebro

aún más efectivamente que las palabras.
Esto se debe a que pueden ser percibidos
en los niveles simbólico, espiritual y emocional.”
La Tipografía.
Importancia de la tipografía: las letras también comunican cosas

Las letras están por todas partes. Esto es un hecho. Solo tenemos que mirar a
nuestro alrededor. El correcto uso de estas letras es la manera más eficaz y más
poderosa de trasmitir un mensaje. Son una herramienta de comunicación
imprescindible en el diseño gráfico.

La importancia de la tipografía va más allá del significado del texto, ya que con
las letras pueden comunicar estados de ánimo, pueden ser relacionadas con
momentos históricos concretos o incluso con estilos de vida. Un sencillo cambio
de tipo de letra, de tamaño, de grosor, etc. puede añadir énfasis e intención a la
información que se ha colocado en la página.

Un tipo de letra que nos es familiar siempre será más fácil de leer, un tipo de
letra que nos es ajeno servirá para llamar la atención, haciendo hincapié en su
significado, puede que incluso alterándolo. Esto quiere decir que, por norma
general, una tipografía tendrá un fuerte impacto subliminal en la persona, y no
todo el mundo la percibirá de la misma manera.

Se pueden establecer algunos puntos comunes dentro de este universo de

sensaciones que las letras provocan. Por ejemplo, se puede decir que las formas
curvas son consideradas más tranquilas o que las angulosas suelen provocar
tensión. Del mismo modo, las letras inclinadas suelen dar sensación de
movimiento frente a las no inclinadas, que suelen ser más estáticas.

Todo diseño hecho con tipografías consta de dos partes: la «macrotipia» o

composición del espacio (lo que sería la primera impresión), y la «microtipia» o
los detalles que componen la letra como la línea, la puntuación, la forma, etc.
(normalmente, este nivel se capta de manera inconsciente).

El éxito de un conjunto dependerá del buen funcionamiento de las dos

partes.
Clasificación de tipografías

Estas se dividen en dos: con o sin “serifa”, llamadas estas últimas como de palo
seco ¿Pero qué es serifa? Son esas terminales o curvas que adornan las
tipografías y que fueron diseñadas para hacer más cómoda la lectura,
usualmente usadas en lectura más formal y de grandes cantidades de texto
mientras sin serifa para textos cortos y poco más informales.
Podemos decir hasta este punto que para redes sociales debemos de usar
tipografías sin serifa o de paloseco, esto es una tendencia, no una regla; aquí
algunas de las consideraciones del porqué de la elección:

 Las redes son un ambiente relajado y no formal.

 Son fácilmente legibles
 Existen un sin número de tipos de letras para este fin.
 Minimalismo en su composición. Ya sabemos de su importancia en Redes
 Comunican más rápido y de manera simple.

Vamos a repasar de manera simple qué es un tipo de letra, así como sus
variantes.

Se llaman tipos o fuentes al «conjunto de modelos con los que se

representan todas las letras del alfabeto con un estilo determinado».

Una familia tipográfica es el conjunto de todas las variantes tipográficas

dentro de una fuente, diferenciadas por:

 Peso: light, regular o bold.

 Inclinación o eje: roman o italic.

 Proporción o ancho: regular, condensed o extended.

“Tipografías tradicionales, modernas, elegantes o

futuristas, dependiendo de sus características, cada estilo
tipográfico logra evocar diferentes sensaciones. Te transmiten
alegría, calma, respeto, seguridad, seducción…”
Ejemplo de la familia tipográfica Gotham.

Recomendaciones de tipografías para redes sociales

Debemos de saber que cada tipografía pertenece a una familia tipográfica donde
podemos encontrar las diferentes variantes de uso de esta, por ejemplo: Bold,
regular, light, ultra-light, etc.
  Helvetica y Futura:
Categoría “geométrica”, son neutrales, versátiles y de alta legibilidad.

 Franklin Gothic Demi:

Categoría “grotescas”, son de altura grande, lineal y fácil al leer.

Elegir tipografías que cuenten con una familia amplia nos asegurará
versatilidad y nos facilitará la adaptación de su uso en el diseño.

Estas son algunas de las recomendaciones que debes tener en cuenta al

momento de elegir la tipografía para tu diseño.

 Definición: Antes de elegir una fuente debes tener claro para qué la
utilizarás y qué es lo que quieres transmitir.

 Legibilidad: Es importante que la tipografía pueda leerse sin problemas,

sin importar para qué la uses.

 Experimentación: Existe un universo de fuentes, por eso lo

recomendable es que pruebes con diferentes tipografías antes de decidir
cuál es la correcta.

 No abuses: Al momento de combinar fuentes no abuses, dos o tres

diferentes están bien, de lo contrario podrías causar un caos visual.
Porqué tus tipografías no comunican correctamente

Usar dos tipografías que sean muy parecidas

Al elegir dos tipografías muy similares puede que reflejes que careces de
personalidad y todo lo que publicas puede que se vea muy monótono y sin algo
que atraiga a la visual del lector.

Tienes que buscar dos fuentes que se complementen, por ejemplo para mi nueva
marca y mis textos, busque dos tipografías que son sans serif, pero con rasgos
totalmente distintas.

Las tipografías que elijas tienen que tener ciertas cualidades que juntas lleven a
tu marca a ser única, mucho influye también tu público y el fin del diseño que
quieres mostrar.

Mezclar una variedad de tipografías y estilos.

Si no tienes una guía de estilos en la que te diga que tipografías usar, veo en el
mundo online muchos casos en la que usan siempre tipografías distintas y por
ello terminas generando un gran desorden visual.
Tienes por un lado distintas publicaciones en tus redes que usas la primer
tipografía que encuentras y por otro en tu logo y en tu web otras también elegidas
al azar.

Lo mejor que puedes hacer tener definida dos tipografías para tu marca y una
tercera que la complementen para tus textos.

No tienen contrastes

Otro de los puntos que suelo ver a menudo es que las publicaciones tienen
mucho texto y sin nada que llame la atención. Si una de las cosas que quieres
atraer es la atención de tu público, no puedes publicar algo que a simple vista no
capte la atención de tu potencial cliente.

Tener un texto sin contraste, es decir que tus títulos, párrafos y destacados sean
casi del mismo tamaño y con la misma variable, solo hará que el lector se aburra.

Tienes el poder de aplicar las negritas y cursivas, eso hará que la lectura sea
más agradable a la vista y no tan aburrida.

Sólo tienes un minuto de captar la atención del lector y todo lo que leemos tanto
en las redes como en las webs es por escaneo de arriba hacia abajo para ver si
encuentra las palabras claves y saber de qué va el resto. Si en ello, encontró
algo interesante, ahí recién se tomará el tiempo para leer el resto del contenido
que ofreces.
Entonces, el contraste siempre se da por el factor visual y aportará fuerza y valor
al contenido. Aprovecha para jugar con las variables de las tipografías para crear
un texto que llame la atención. Utiliza las negritas y cursivas para destacar esas
palabras o frases para que el lector las vea con facilidad.

En Redes Sociales, la tipografía como el conjunto de diseño en

general, deberá llamar la atención desde su simpleza. Debe
permitir una lectura rápida, captar la atención rápidamente.

“La tipografía no se relaciona con el diseño gráfico,

no es causa ni consecuencia.
La tipografía forma parte del diseño gráfico,
lo uno no existiría sin lo otro y viceversa”
(Francisco Calles)
El Tracking

Los programas de edición, permiten añadir o reducir el espaciado natural

entre los caracteres de una tipografía. Cuando hablamos de espaciado
natural, nos estamos refiriendo al que tiene una determinada tipografía por
defecto. A esto se lo llama prosa. Esta modificación del espaciado entre
varios caracteres es lo que se conoce como tracking. En español, este
término hace referencia al interletraje o interletrado.

El tracking puede ser positivo, cuando se amplía el espaciado, o negativo,

cuando se disminuye. La función principal de aplicar o no tracking a un texto es
conseguir una mayor legibilidad. Aplicarlo o no dependerá del criterio personal
del maquetador o diseñador, pero también se debe tener muy en cuenta la
tipografía usada y el público al que se dirige.

El Kerning

Si bien el tracking es ampliar o reducir espaciado entre un conjunto de

caracteres, se podría definir el kerning como el proceso de aplicar tracking a
solo un par de glifos que estén uno junto al otro. A ver si lo puedo explicar
un poco mejor, que creo que lo he dejado un poco en el aire.

Cuando se crea una tipografía, cada glifo debe ser colocado en una posición
determinada dentro de la tipo. Se debe marcar los límites delanteros y
posteriores de tal forma que añadas un espaciado correcto entre los diversos
caracteres. Sin embargo, hay determinadas parejas de letras en las que el
espaciado nunca termina de encajar del todo. Un ejemplo son las combinaciones
de las letras AV, Ta o Yo. Para esto sirve el kerning, para indicar al programa
cuando dos pares de letras deben estar más juntos o separados, mientras que
se mantienen intactos el resto de espaciado entre letras.

Normalmente, las fuentes profesionales y bien diseñadas cuentan con muchos

ajustes de kerning, para que todos los pares de caracteres tenga un espaciado
visualmente correcto. No obstante, para aquellas fuentes con un diseño no tan
profesional, los programas de edición disponen de herramientas que permiten
ajustar estos acoplamientos.

Es decir, el kerning es como el tracking pero solo para un par de caracteres.

De esto se puede deducir, que puede existir tracking sin kerning, pero nunca
kerning sin tracking.

Cuidado con los colores, fondos, sombreados…

La mejor legibilidad de una letra se consigue con negro sobre blanco, es decir
una letra negra sobre fondo blanco. El resto de combinaciones ofrecen siempre
peores resultados. No significa que no haya que probarlas, al contrario, sería
muy aburrido la vida en blanco y negro, pero sí que tener cuidado y seleccionar
bien los colores y sus posibles combinaciones.

Y, como sabemos que si hay algo útil para un diseñador son las fuentes, aquí te
compartimos cinco páginas donde puedes descargar diferentes tipografías
totalmente gratis y respetando las licencias de sus creadores:
Google Fonts: Google tiene una excelente plataforma de tipografías gratuitas
para utilizar en webs o cualquier otro proyecto. Son fuentes básicas que se
pueden emplear para textos largos.

1001 Free Fonts: En esta página web podrás conseguir más de 17.000 fuentes,
la mayoría de ellas gratuitas, con la opción de ofrecer alguna propina a su
creador. Este sitio también te ofrece la posibilidad de subir las tipografías creadas
por ti.

Dafont: Este sitio dispone de casi 30.000 tipografías bien categorizadas y

catalogadas. Además, te deja claro qué tipo de licencia tiene cada una de las
fuentes y los usos permitidos.

Fontspace: Esta página web tiene un catálogo con más de 61.000 fuentes
clasificadas por categorías y te permite cambiar la previsualización de la
tipografía en vivo desde la misma página.

Font River: Esta página cuenta con un sencillo buscador de fuentes y una gran
selección de tipos de letra organizadas por categorías. Todas las fuentes pueden
ser descargadas gratuitamente, pero algunas tienen restricciones para usos
comerciales.

Befonts: Página de descarga de fuentes gratuitas. Categorizadas, con mucha

variedad para tus diseños.

Páginas de descarga de fuentes en “Links relacionados”

Algunas Infografías de utilidad
GLOSARIO:

Tipografía: [Link]
tipograficos/

LINKS RELACIONADOS:

Minimalismo: [Link]

Color: [Link]
identidad-de-marca

Tipografía: [Link]
sociales/

Tipografía: [Link]

Tipografía: [Link]
[Link]

Fuentes para descarga: [Link]

Fuentes para descarga: [Link]

Fuentes para descarga: [Link]

Color: [Link]

Composición: [Link]
visual-en-tus-disenos/

Generador de Paleta de Colores (Inglés): [Link]

Paleta de Color: [Link]

Fin Unidad 2