D I S E Ñ O D I G I TA L

CLASE 05
HAGAMOS UN RECAP

Hablamos de UI

UX UI

El diseño UI o User Interface se centra en la parte visual; vuelve atractivo el diseño web a través de los colores,
la tipografía, las imágenes y demás elementos gráficos con los que trabaja el diseñador (pantallas, teclados,
sonidos, luces, etc)
HAGAMOS UN RECAP

Diseño de imágenes
 T E M A S PA R A H O Y:
D E S A R R O L L O G R Á F I C O
IDENTIDAD VISUAL CORPORATIVA

IDENTIDAD VISUAL
Manual de identidad corporativa
Función e Importancia
Consistencia y Eficiencia
Elementos que lo integran

EL COLOR
CMYK vs RGB
Importancia del color
El círculo cromático
Formas de combinar colores
Cómo combinar colores
Psicología del color

LA IMAGEN
Figura y Fondo
Alta y Baja resolución Pixeles
Vectoriales vs Rasterizadas
Características de la imagen ideal

TIPOGRAFÍA
Tipografía, familias y fuentes
Clasificación
Uso de la tipografía
IDENTIDAD VISUAL
Antes de comenzar definamos que es:

IDENTIDAD CORPORATIVA IMAGEN CORPORATIVA IDENTIDAD VISUAL CORPORATIVA

Es la que la propia empresa tiene
sobre sí misma. Incluye su filosofía,
creencias, valores éticos y culturales,
estrategias. Es la columna que
vertebral, la existencia de la compañía.
Es la percepción que el público La identidad visual es la traducción simbólica
tiene de la organización; lo que le de la identidad corporativa, la parte visual.
transmite
 Un manual de identidad corporativa es un
MANUAL DE IDENTIDAD VISUAL documento que recoge los principales
CORPORATIVA elementos gráficos de tu marca y explica cómo
deben aplicarse visualmente. Tanto online como
offline.

El manual muestra cómo es tu logotipo, cuáles

son tus colores corporativos, qué tipografías
se deben utilizar; en definitiva, todas aquellas
cosas que componen el aspecto visual de tu
marca.

El manual de identidad visual corporativa

también puede incluir aplicaciones de la marca,
por ejemplo para papelería corporativa (tarjetas de
visita, sobres, membretes, facturas..), para
elementos de publicidad, para vestimenta y
uniformes de los empleados, para los vehículos de
la empresa, etc
IMPORTANCIA DEL MANUAL

¿Por qué es importante tener un manual de marca?

CONSISTENCIA EFICIENCIA
CONSISTENCIA

Tener un manual de identidad corporativa te garantiza

que todos manejan la misma información y siguen el
mismo criterio gráfico para realizar los diseños.

Eso se llama:

CONSISTENCIA DE MARCA
O
CONSISTENCIA DE IMAGEN

Cuando quieras encargarle un trabajo de diseño a un

colaborador, solo tienes que enviarle tu manual y tendrá
toda la información que necesita para empezar a
trabajar, lo que te traduce en EFICIENCIA
¿CUÁLES SON ESOS ELEMENTOS Y
QUÉ INFORMACIÓN DEBES INCLUIR
EXACTAMENTE?

1/ EL LOGOTIPO: Variantes, aplicaciones, uso en fondos, iconos, reducciones, tamaños, espacios de protección, etc.

2/ LOS COLORES CORPORATIVOS: Pantone, valores de CMYK, RGB o HEX o HTML.

3/ LAS TIPOGRAFÍAS: Para titulares y cuerpo de textos, combinación, usos, apliques,

4/ PATRONES: iconos y otros elementos gráficos: Como distintivos, personajes, leyendas, taglines, fotografías

5/ EXTRAS OPCIONALES: Información adicional sobre cómo aplicar la marca.

USOS INCORRECTOS: Se trata de indicar de cómo no deben aplicarse los elementos gráficos de la marca.
MANUALES POR ÁREAS

Las grandes marcas manejan manuales muy extensos. Piensa en

empresas como Endesa, Adidas o Vodafone. Su identidad visual tiene que
aplicarse en un montón de sitios:

๏ Spots de televisión

๏ Anuncios de prensa

๏ Vallas publicitarias

๏ Packaging

๏ Productos

๏ Catálogos

๏ Web

๏ Papelería corporativa

๏ Uniformes del personal

๏ Decoración de las tiendas

๏ Decoración de vehículos
 TIPOS
DE
LOGOTIPOS
COLOR
Para empezar a hablar de teoría del color, debemos dejar clara la separación entre un diseño impreso y un diseño visto en
pantalla.

Modo para todo lo que va Modo para todo lo solo se

en formato impreso (libros, ve en una pantalla
revistas, posters, (páginas web, apps,
carteleras, stickers, etc powerpoint, publicidad
digital, animaciones, etc)
 IMPORTANCIA DEL COLOR

Los colores producen diferentes emociones e influyen de manera

decisiva en nuestra percepción de la realidad.

Colores primarios y secundarios, en sus infinitas combinaciones entre sí y

con un determinado tipo de letra, tienen el poder de transmitir un
mensaje o emoción concreta, así como definir por completo la
personalidad de la empresa.

Por ello, no es recomendable obviar ni subestimar la decisión de un

diseñador de emplear un color específico a la hora de crear la identidad
corporativa e imagen de una marca.
https://www.youtube.com/watch?v=cGglJKvpCEs&feature=emb_logo
LA TEORIA DEL COLOR
EL CÍRCULO CROMÁTICO
Esta teoría te puede ayudar en diferentes
ocasiones, como escoger tonos para un diseño o
mezclar perfectamente lo que te vas poner. Al
aprender un poco sobre ella empezarás a ver el color
de una forma distinta.

El círculo cromático está conformado por los

colores primarios (azul, rojo y amarillo); los
secundarios (anaranjado, el verde y el morado),
que al seguirlos mezclando obtenemos aún más
tonos

En conjunto, todos los colores de los que hablamos

anteriormente conforman el círculo cromático o rueda
del color.
LA TEORIA DEL COLOR
EL CÍRCULO CROMÁTICO

Se refiere a la intensidad, es Te indica si el color es oscuro o

Selección de color. decir, si el color es más sutil claro, en un rango de negro a
o más fuerte blanco.
ARMONIA DEL COLOR
FORMAS DE COMBINAR COLORES
ARMONIA DEL COLOR
FORMAS DE COMBINAR COLORES
ARMONIA DEL COLOR
FORMAS DE COMBINAR COLORES
ARMONIA DEL COLOR
FORMAS DE COMBINAR COLORES
ARMONIA DEL COLOR
FORMAS DE COMBINAR COLORES
ARMONIA DEL COLOR
FORMAS DE COMBINAR COLORES