Diseño

Gráfico
para Marketing Digital

Francisco R. Aguilera
franciscoaguilera@ieee.org
 Contenido
Introducción al Diseño Gráfico 02
Reglas Básicas p/ Diseño Digital 12
Tipografías 26
Colores 42
Medidas 48

2
¿Qué es el diseño
gráfico?
Es el arte y la práctica de planificar y proyectar ideas y experiencias con
contenido visual y textual. Se buscan comunicar ideas a través de la
tipografía, las imágenes, las formas y colores.

3
IDENTIDAD
VISUAL

4
 DISEÑO DE
PUBLICIDAD

5
Identidad
Visual
Una identidad de marca es cómo la
organización comunica su personalidad,
tono y esencia, así como recuerdos,
emociones y experiencias.

6
EJEMPLO

Airbnb

7
EJEMPLO

Cisco

8
Diseño de
Publicidad
Promoción de un evento, producto o
causa. Las personas siempre encuentran
atractivo un buen contenido visual, por lo
que un marketing publicitario significativo
es esencial.

9
 Programas de escritorio para el Diseño Digital

Adobe
Photoshop GIMP

Adobe Corel Draw

Illustrator

10
 Programas en línea para el Diseño Digital

Canva PicMonkey

Venngage BeFunky

11
 Reglas Básicas
para el Diseño Digital
Existen unas reglas o normas fundamentales para el diseño gráfico en los canales de
difusión; que garantizan la legibilidad e integridad de las diferentes publicidades.

12
13
Balance
Es la distribución de los elementos de la
pieza gráfica, de modo a que exista un
equilibrio visual que conforman el lienzo.
Existen dos tipos de balances mas
utilizados, simétrico y asimétrico.

14
Balance
simétrico
El equilibrio simétrico se puede lograr
distribuyendo elementos de diseño de
manera uniforme dentro de una
composición.

15
EJEMPLO

Balance
simétrico

16
Balance
asimétrico
Por otro lado, el equilibrio asimétrico
utiliza el contraste de elementos para
crear flujo visual y jerarquía.

17
EJEMPLO

Balance
asimétrico

18
Unidad
Todos los elementos colocados en la
pieza gráfica son puntuales, relacionados
al tema y concordantes consigo mismos.
En la unidad, todos los componentes del
diseño trabajan juntos al unísono sin que
uno arroje una sombra sobre el otro

19
Unidad
En la unidad son importantes el color,
la tipografía, las imágenes y formas
utilizadas y la armonía entre cada
componente de la pieza gráfica. Para
que exista unidad debe existir
contraste.

20
Jerarquía
La jerarquía visual es la disposición o
presentación de elementos de una
manera que implica importancia.
Por lo tanto, proporciona una dirección
para que sus ojos se muevan (del más
importante al menos importante).

21
Jerarquía
En Occidente leemos
de izquierda a derecha.

22
Jerarquía
tamaño y escala

23
Jerarquía
color y contraste

24
Jerarquía
orden tipográfico

25
 Reglas Básicas
para las tipografías
Existen diversas cantidades de familias tipográficas, cada una tiene determinadas
aplicaciones puntuales que deben ser correctamente utilizadas.

26
27
28
29
Serif
Una línea o trazo corto unido o extendido
desde los extremos abiertos de una
letra; también se refiere a la categoría
general de tipos de letra que se han
diseñado con esta función.

30
31
Sans Serif
Literalmente "sin línea"; La categoría
general de tipos de letra (o un tipo de
letra individual) diseñada sin serifas. Es
usualmente simétrica y “limpia” en los
bordes.

32
33
Script
Las fuentes de script son aquellas que
imitan la escritura cursiva. Se dividen en
dos categorías principales: formal e
informal.

34
35
Tipografía
espaciado

36
Tipografía
grosor

37
Tipografía
jerarquía

38
Tipografía
combinaciones

39
Tipografía
Mandemiento: No
combinar más de tres
estilos en una sola
pieza.

40
 Dónde descargar tipografías gratuitas

Dafont.com Google Fonts

Fontsquirrel Adobe Fonts

41
 Reglas Básicas
para los colores
Existen multiples combinaciones posibles en la teoría del color, en este apartado
revisaremos nociones básicas para conseguir una paleta de colores de impacto.

42
El contraste
importa.
Uno de los fundamentos de la teoría del color aplicada al
diseño gráfico digital es el contraste entre las distintas
tonalidades de color.

43
Colores
Mandemiento: No
combinar colores sin
antes haberlos
testeados.

44
Colores
teoría
No importa quién sea tu audiencia, el color
es un lenguaje que es universalmente
apreciado y puede comunicar una
variedad de cosas. Cuando se decide por
utilizar un color, se recomienda construir
una paleta de colores para realizar
combinaciones de tonalidades.

45
Psicología
del Color

46
Colores
monocromáticos
Limitado a tintes y sombras de un solo
color o tonalidad. Cuando se utiliza un
esquema de color monocromático, es
esencial tener en cuenta el significado de
los colores en un contexto determinado.

47
Colores
complementarios
Estos incluyen colores opuestos entre sí
en la rueda de colores: rojo y verde, azul y
naranja, púrpura y amarillo. Este tipo de
combinación puede ser intenso y debe
considerarse cuando se desea un efecto
relevante.

48
Colores
análogos
Las combinaciones de colores análogos
incluyen colores que están uno al lado del
otro en la rueda de colores. Algunos
ejemplos de colores análogos: azul,
morado y rojo o amarillo, verde y azul o
amarillo, naranja y rojo.

49
¿Cómo calcular y
sacar la paleta de
colores?

50
http://color.adobe.com 51
 Medidas
para las redes sociales
En este apartado revisaremos las diferentes medidas utilizadas en Facebook e
Instagram.

52
Facebook
tamaños

53
Instagram
tamaños

54
¡Gracias!
Siguiente clase el Domingo 26, estaremos
diseñando un flyer en el programa Adobe
Photoshop, probando Venngage para
diseño en redes sociales.

55