Módulo del Diplomado en Gestión y Diseño de Proyectos de Industrias Creativas

2. DISEÑO BÁSICO
Mgr. Sadid Andrés Serna Quiceno

3. Identidad Visual
Mgr. Sadid Andrés Serna Quiceno
¿Ya tienes tu identificador visual?
¿Está bien construido tu identificador?

4. Mgr. Sadid Andrés Serna Quiceno
Psicología de alineación y
dirección de textos
Principios Ordenadores

5. Mgr. Sadid Andrés Serna Quiceno
La manera como organices el texto,
sea párrafo o título, puede influir
en la manera como es percibido
Principios Ordenadores

6. Mgr. Sadid Andrés Serna Quiceno
Por favor ¡NUNCA!
haga esto con su identificador
Prohibiciones comunes

7. Mgr. Sadid Andrés Serna Quiceno
TEXTO
TEXTO
Principios Ordenadores
- Se lee mejor de manera ascendente
- No se recomienda para textos largos
- Simula crecimiento y optimismo
- Trata de evitar textos que descienden,
dificultan la lectura
- Reflejan retroceso, complejidad e involución
Orientación Vertical

8. Mgr. Sadid Andrés Serna Quiceno
Principios Ordenadores
Orientación Vertical
T
E
X
T
O
T
E
X
T
O
- Simula crecimiento y progreso
- No se recomiendan para textos largos
- Transmite todo lo contrario al anterior
- Evita textos largos ya que imposibilita la lectura

9. Mgr. Sadid Andrés Serna Quiceno
Principios Ordenadores
Orientación Vertical
TEXTO TEXTO TEXTO
¡ES O NO ES!
Si aplicas ángulos al texto, trata de que sean notables,
para que no den la sensación de estar mal alineados

10. Mgr. Sadid Andrés Serna Quiceno
Principios Ordenadores
Orientación Horizontal
TEXTO
- La más utilizada por tener la mejor capacidad de lectura
- Esta también puede variar según el tipo de alineación que se utilice

11. Mgr. Sadid Andrés Serna Quiceno
Principios Ordenadores
Orientación Horizontal
Alineación
izquierda
Alineación
derecha
- Recomendada para trabajar textos
largos ya que crea el espacio ideal
entre palabras dentro de un
párrafo
- Se debe evitar trabajar textos largos
- Es mas dificil de leer ya que el ojo
pierde el punto de inicio de la
siguiente línea

12. Mgr. Sadid Andrés Serna Quiceno
Principios Ordenadores
Orientación Horizontal
Alineación
centrada
- Muy utilizado en citas o poesía
- Puede proporcionar una apariencia
formal sólo si se usa mínimamente
- Evita configurar textos largos porque
transmitirá lo contrario
Alineación
justificada
- Muy utilizado en editorial para
enmarcar las columnas de texto.
- Da un espacio más ordenado, pero se
debe equilibrar bien los espacios
entre las palabras

13. Mgr. Sadid Andrés Serna Quiceno
Principios Ordenadores
Orientación Horizontal
Alineación
asimétrica o mixta
-
Es
más
visto en
diseño editorial
- Se puede usar para
generar dinamismo
al texto, pero
un mal uso
puede ser
negati vo

14. Mgr. Sadid Andrés Serna Quiceno
Compensación Óptica
Principios Ordenadores

15. Mgr. Sadid Andrés Serna Quiceno
¿Qué es la compensación Óptica?
Compensación Óptica
Llamamos compensación óptica (también conocida como balance
óptico o éntasis) a las modificaciones intensionadas que sirven
para compensar ciertas construcciones gráficas condicionadas por
ilusiones ópticas generadas por nuestro cerebro

16. Mgr. Sadid Andrés Serna Quiceno
¿Cómo se puede hacer?
Compensación Óptica
Estas modificaciones son de percerpción, por eso debemos
hacerlas a ojo, algo que se netrena con el tiempo y la experiencia.
Existen una serie de “normas” que pueden ayudar a que nuestros
diseños queden mejor compensados

17. Mgr. Sadid Andrés Serna Quiceno
Formas básicas
Compensación Óptica
El triángulo debe ganar espacio por el extremo superior
y el círculo por el extremo superior e inferior

18. Mgr. Sadid Andrés Serna Quiceno
Largo de rectángulos
Compensación Óptica
Para que ópticamente estas franjas queden compensadas debemos hacer más pequeña
la vertical y más grande la oblicua en comparación con la franja horizontal
100
90
1
1
0

19. Mgr. Sadid Andrés Serna Quiceno
Ancho de rectángulos
Compensación Óptica
Compensación en el ancho de las líneas verticales
con respecto a las horizontales o diagonales
100
90
9
5
100 90

20. Mgr. Sadid Andrés Serna Quiceno
Mitad superior
Compensación Óptica
Hubicación del trazo ligeramente por encima del centro geométrico

21. Mgr. Sadid Andrés Serna Quiceno
¿Esto se aplica en realidad?
Compensación Óptica
Para algunos el identificador de google estaba mal construido ya que no era
geométricamente perfecto

22. Mgr. Sadid Andrés Serna Quiceno
Compensación Óptica
¿Esto se aplica en realidad?
Aquellos supuestos errores son en realidad decisiones intencionales para que,
ópticamente, la sensación de geometría sea mayor. Para comprobarlo sólo tenemos que
ajustar el logo a una hipotética retícula perfecta:

23. Mgr. Sadid Andrés Serna Quiceno
Compensación Óptica
¿Esto se aplica en realidad?
la versión ajustada a la retícula queda ópticamente descompensada, ya que da la
sensación de estar elongada hacia adelante. Sin embargo, la versión original, da la
sensación de ser un cículo perfecto, aunque no lo sea realmente

24. Mgr. Sadid Andrés Serna Quiceno
Compensación Óptica
Algunos ejemplos

25. Mgr. Sadid Andrés Serna Quiceno
Compensación Óptica
Algunos ejemplos
la versión que ha sido modificada para ser simétrica, queda descompensada
ya que tiene demasiada masa de color blanco a la derecha

26. Mgr. Sadid Andrés Serna Quiceno
Compensación Óptica
Algunos ejemplos
Las tipografías circulares como la «O», deben exceder la retícula para compensar ópticamente ya que
de no hacerlo, tendríamos la sensación de que estas letras son más pequeñas que el resto

27. Mgr. Sadid Andrés Serna Quiceno
Compensación Óptica
Algunos ejemplos
La «O» ajustada a la retícula parece más pequeña que el resto de letras

28. Mgr. Sadid Andrés Serna Quiceno
Compensación Óptica
Algunos ejemplos
Otro ejemplo de ajuste óptico lo encontramos en el kerning, es decir, el espacio entre las letras.
El kerning también requiere de compensación óptica para ajustar desequilibrios visuales

29. Mgr. Sadid Andrés Serna Quiceno
Prohibiciones comunes
en los identificadores gráficos
Principios Ordenadores

30. Mgr. Sadid Andrés Serna Quiceno
Es enserio, por favor
¡NUNCA!
Prohibiciones comunes

31. Mgr. Sadid Andrés Serna Quiceno
No agregue sombras
Por favor ¡NUNCA! lo haga

32. Mgr. Sadid Andrés Serna Quiceno
No lo deforme
Por favor ¡NUNCA! lo haga

33. Mgr. Sadid Andrés Serna Quiceno
No le cambie el color
Por favor ¡NUNCA! lo haga

34. Mgr. Sadid Andrés Serna Quiceno
Evite las transparencias
Por favor ¡NUNCA! lo haga

35. Mgr. Sadid Andrés Serna Quiceno
Evite contornear
Por favor ¡NUNCA! lo haga

36. Mgr. Sadid Andrés Serna Quiceno
No invierta su dirección
Por favor ¡NUNCA! lo haga

37. Mgr. Sadid Andrés Serna Quiceno
No lo recorte
Por favor ¡NUNCA! lo haga

38. Mgr. Sadid Andrés Serna Quiceno
Evita rotarlo
Por favor ¡NUNCA! lo haga

39. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
al definir su identificador
Principios Ordenadores

40. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Le presento a FLASH
Flash es una empresa Fabricante de baterías. Como ellos venden pilas, contrataron a un diseñador que
les hiciera un logo que transmitiera eso, “Vendemos baterías”

41. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Y el resultado NO FUE MALO
El identificador es decente. Es una batería bien bonita con el nombre de la marca.
Por supuesto, hay cositas que podrían arreglarse, pero...
¿El indentificador realmente cumple con lo que quiere transmitir la empresa?

42. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Ahora, un día FLASH
decide expandirse a otros mercados
Le ha ido tan bien en las ventas que ahora considera expandir su catálogo de productos.
Ahora quieren vender teléfonos, computadoras y hasta automóviles

43. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Pero hay un problema
Su identificador fué creado para transmitir que venden baterías.
De hecho su identificador es una batería. Si sus servicios se expanden y ya no venden sólo eso,
su identidad visual queda obsoleta y hay que rediseñar

44. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Su identificador fué creado
con base a un producto
Y eso causó que, al expandir su catálogo, tuvieron que invertir
una gran cantidad de dinero en un rediseño de identidad
que no se centrara en un solo producto.
Su error fué ser muy literales, quisieron describir con el identificador
todo lo que hace la empresa

45. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Los identificadores tienen la función de
IDENTIFICAR una marca, no de describirla

46. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Si los identificadores tuvieran que describir
todo lo que hace la empresa...
Preservativos - Funerarias - Baños públicos
Banco de esperma - Moteles
Central de sacrificio - Cementerios

47. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Debemos enfocarnos en que nuestro identificador
refleje los valores y atributos de nuestra empresa,
que identifiquen la marca y no a sus productos.
De esa manera se puede crear una identidad que
perdure en el tiempo y se minimiza el riesgo de
tener que rediseñar la marca cuando se evolucione
los productos y/o servicios

48. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
al graficar su identificador
Principios Ordenadores

49. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Siempre elija la forma más sencilla

50. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
No son necesarios los detalles

51. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Mantenga un mismo estilo

52. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Dar un mismo valor de línea

53. Mgr. Sadid Andrés Serna Quiceno
Errores de diseño a tener en cuenta
Principios Ordenadores

54. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Usar muchos tipos de letras
No uses más de 3 familias tipográficas, pueden causar mucha distracción
No uses
Más de 3
Familias
Tipográficas
Haz uso correcto
tanto de las tipografías
como la proporción
X

55. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
No contrastar los colores
Al haber poco constraste existe menor legibilidad,
por eso se recomienda utilizar colores que generen un alto contraste
Haz uso correcto
tanto de los colores
como los contrastes
Haz uso correcto
tanto de los colores
como los contrastes
X

56. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Interlineado incorrecto
Dejar demasiado espacio entre párrafos es tan malo como dejar poco espacio.
Se debe conseguir un balance correcto para lograr una buena legibilidad
Dejar demasiado espacio entre párrafos
es tan malo como dejar poco espacio.
Dejar demasiado espacio entre parrafos
es tan malo como dejar poco espacio.
Se debe conseguir un balance correcto
para lograr una buena legibilidad.
Se debe conseguir un balance correcto
para lograr una buena legibilidad
X

57. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
No balancear la diagramación
Según la teoría del diseño los elementos más pesados deben colocarse en la parte inferior del
formato, tanto pìezas como colores; de esta manera se equilibra y armoniza el arte
X
PESO VISUAL
se cae
PESO VISUAL
no se va a caer

58. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Asfixia del diseño
Según la teoría del diseño los elementos más pesados deben colocarse en la parte onferior del
formato, tanto pìezas como colores; de esta manera se equilibra y armoniza el arte
X
MENOS
es mucho mejor
ASFIXIA
muchos elementos
no se recomienda

59. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
No mantener márgenes
Un error muy común es querer hacer todo más grande
dejando de lado la correcta separación de los bordes del formato
Respeta los márgenes y
obtendrás más estética
No respetes los
márgenes y obtendrás
un diseño desprolijo
X

60. Mgr. Sadid Andrés Serna Quiceno
A tener en cuenta
Abusar de los colores
Tener muchos colores no lo hará más bonito,
encuentra un balance para encontrar una armonía cromática
X