Principios y Elementos del Diseño Gráfico, material para el cursode Diseño Gráfico Digitalizado en la Mención Ciencia y Tecnología de la Educación de LUZ
1. Centro de Integración Tecnológica
para el Aprendizaje
Título V Cooperativo
Principios y Elementos de Diseño
Prof. Mauricio Conejo | Escuela de Artes Plásticas
Creado: 22 de marzo de 2005 | Modificado: 30 de abril de 2005
2. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Objetivos
Definir los conceptos de fundamentos, elementos y tipografía
Definir los fundamentos y elementos de diseño
Utilizar los fundamentos y elementos de manera correcta en presentaciones
audiovisuales y/o documentos impresos
Identificar los fundamentos y elementos que componen una presentación u otro
trabajo artístico
Identificar cinco clasificaciones tipográficas y sus usos
Crear una comunicación visual efectiva utilizando los fundamentos y elementos de
diseño gráfico
3. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Contenido
Fundamentos
Balance
Contraste
Énfasis
Ritmo
Unidad
Tipografía
Anatomía
Clasificación
Métrica
Elementos
Línea
Forma
Textura
Espacio
Tamaño
Tonalidad
Color
4. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Fundamentos
Los fundamentos del diseño determinan la posición de la tipografía y las imágenes en la
página. Afectan la relación de los varios elementos que la componen y sobretodo alteran el mensaje.
Cada fundamento tiene un objetivo definido y ayuda en el proceso de comunicación. Los
fundamentos son:
► Balance
Balance
► Contraste
► Énfasis
► Ritmo
► Unidad
5. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Elementos
Los elementos son la base de toda composición y podemos apreciarlos en muchas de las
cosas que usamos cotidianamente. Cada elemento se puede usar individualmente o combinado con
otro para crear diseños interesantes. Es importante determinar cuales elementos son importantes y
funcionales y cuales no aplican a un diseño en particular.
► Línea
Línea
► Forma
► Textura
► Espacio
► Tamaño
► Tonalidad
► Color
6. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Tipografía
El estudio de la forma de la letra, su origen, anatomía, clasificación y medición. Su
comprensión es fundamental para el diseño gráfico ya que el uso correcto de la tipografía y su
capacidad expresiva mas allá del significado fonético literal de la letra logra comunicar mensajes
específicos, directos y emotivos.
► Anatomía de la letra
► Clasificación
► Medición
7. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Fundamentos
Balance
La fuerza detrás del balance es la gravedad. Si algo no tiene balance parece estarse
cayendo. El balance puede ser simétrico o asimétrico
Simétrico: Asimétrico:
8. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Fundamentos
Contraste
Crea una marcada diferencia entre los elementos de una página dándole mayor
importancia a unos y restándole importancia o otros. Se puede lograr contrastando tamaño,
color, tipografía y textura.
TIPOgráfico
TIPOGRAFICO
Contraste tipográfico
SI
Contraste de
color
9. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Fundamentos
Énfasis
Se dice que un elemento tiene énfasis cuando sobresale de entre otros elementos. Se le
da énfasis al elemento más importante ya que lleva el mensaje a la audiencia de forma más
efectiva. Se debe usar con discernimiento y sutileza ya que al enfatizarlo todo al final no se
enfatiza nada.
EEEE EE EE
10. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Fundamentos
Ritmo
Se usa para lograr movimiento y es una progresión visual de elementos que se repiten en
un patrón determinado. Los dos conceptos esenciales para crear ritmo son la repetición y la
variación. Con el primero se repiten los elementos en forma consistente y la variación es el
cambio en la repetición ya sea por el tamaño, la posición o la forma.
11. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Fundamentos
Unidad
Se refiere a que los elementos que se usan tienen un sentido de pertenencia y que por
ende van juntos. La organización de los elementos y la relación entre ellos debe tener una clara
organización. Para darle unidad a una página se pueden agrupar elementos que se relacionen,
que se repiten o que se complementan. El uso del sistema de cuadrícula ayuda a unir los
elementos visualmente.
12. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Elementos
Línea
Es el primer elemento de diseño. Ayuda a organizar la información y a dirigir el ojo hacia
los elementos.
13. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Elementos
Forma
Es cualquier figura geométrica que se genera con el uso de la línea o el color. Las formas
pueden comunicar ideas (como en logos corporativos). Existen tres diferentes formas:
Geométricas, Naturales y Abstractas. Las formas geométricas se usan mucho en el diseño
gráfico particularmente. Las formas naturales son fluidas e irregulares y son las plantas, los
animales y los seres humanos. Las formas abstractas se definen como simplificaciones de las
formas naturales que se encuentran a nuestro alrededor.
Geométrica Natural Abstracta
14. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Elementos
Textura
La textura le da a la página un sentido de superficie ya sea áspera o lisa, suave o dura. La
textura le da tridimensionalidad al diseño. Puede producir efectos emocionales ya que visuale-
mente se relaciona la textura directamente con el sentido del tacto. Existen dos tipos de tex-
turas: táctiles y visuales. Se pueden crear texturas visuales repitiendo patrones (como en el caso
del papel de regalo o papel de pared), alternando patrones o repitiendo formas geométricas.
15. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Elementos
Espacio
La consideración del espacio es vital para el diseño. El espacio se define como el área o
distancia entre las cosas o elementos visuales que forman una página incluyendo el área en
blanco. El espacio en blanco es esencial ya que le permite un descanso al ojo mientras recorre la
página. Su propósito es organizar coherentemente las formas y las relaciones espaciales entre
ellas creando puntos de enfoque e interés.
f S
16. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Elementos► Elementos
Tamaño
En diseño el tamaño tiene una función específica: Crear una distinción y jerarquía entre
los elementos existentes en la página. Para que un diseño sea funcional, organizado, elegante y
efectivo es necesario trabajar con la proporción entre elementos. Además el tamaño nos
permite crear relaciones espaciales entre elementos creando la sensación de tridimensionalidad.
M&m
17. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Elementos
Tonalidad
Las variaciones desde lo mas claro hasta lo mas oscuro en un solo color se conoce como
tonalidad. La tonalidad de un color se ve afectada por los colores adyacentes. Dependiendo del
tono de los colores se establece mayor o menor contraste. El tema y el carácter emotivo de una
pieza se ve afectada por el tono de los colores. El cambio de tono de claro a oscuro crea
dirección y movimiento.
18. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Elementos
Color
Es la herramienta mas eficaz y poderosa para comunicar ideas en forma simbólica. El
color habla sobre la pieza y su carácter emotivo. La combinación correcta de colores determina
la funcionalidad del trabajo. El uso eficiente del color se logra conociendo la teoría y aplicándola
de manera consciente a cada elemento que integra el diseño.
19. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Teoría de Color Aditivo: RGB -Añade luz roja, verde y azul
para crear la gama de colores en monitores
Substractivo: CMYK -Al añadir pigmentos de
tintas cyan, magenta, amarillo y negro se
crean los colores que se imprimen. La
mescla de los cuatro colores en su totalidad
forman el negro o la ausencia de color.
Propiedades del color:
1. Matiz (Hue)
2. Saturación o Intensidad
3. Valor o Brillo (Value)
Percepción del color en relación a otro color
RGB CMYK
20. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Grupos de Colores
Tomando como base la rueda de colores podemos definir los siguientes grupos de
colores que combinan correctamente:
Acromáticos, cromáticos, monocromáticos, complementarios, complementarios cercanos, dobles
complementarios, tríadas complementarias, gamas múltiples.
Complementarios cercanosComplementarios Dobles complementarios Triadas complementarias
21. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Contrastes que funcionan
Tomando como base la rueda de colores podemos definir los siguientes contrastes de colores
que se pueden utilizar correctamente:
Contraste de saturación Contraste de temperatura Contraste entre colores
Contraste de valor
22. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Tipografía
Anatomía de la letra
Las partes de la letra tienen su nombre
específico de acuerdo a su función.
23. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Tipografía
Clasificación tipográfica
Existen varias clasificaciones de tipografías, sin embargo la mas aceptada es la de cinco
clasificaciones de acuerdo al período histórico de su creación:
Clásicas o antiguas – Se utiliza para documentos formales y serios
Transicionales – Se utiliza para documentos semi-formales
Egipcias o slab serifs – Se utiliza para grandes titulares
Modernas – Se utiliza para documentos informales, nuevos y hasta jocosos
San serifs – Se utiliza cuando hay mucho texto pequeño y debe ser legible
EAP EAP EAP EAP EAPSan Serif
Lucida Sans
Modernas
Helvetica
Egipcias
Rockwell
Serif
Baskerville
Clásicas
Garamond
24. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
► Tipografía
Métrica
Las medidas usadas para definir tamaño de letra espacio entre letras y palabras, espacio
entre líneas, ancho y largo de los bloques de texto.
1 pulgada = 72 puntos
12 puntos = 1 pica
6 picas = 1 pulgada
Leading o interlínea: Espacio entre cada línea. Se mide desde la base
de una línea hasta la base de la otra.
Kerning: Espacio entre pares de letras, ej. To, Yo, Wi, Ma
Tracking: Espacio entre letras
25. Marzo 2005 Prof. Mauricio A. Conejo
Objetivos Contenido RecursosDocumentos
Recursos
http://www
Enlaces:
www.mundidesign.com
www.designingwithtype.com/home.html
www.warrenkramer.com/design/1/index.shtml
Libros:
Bases del diseño, Alan Swann
Digital Color and Type, Rob Carter
Introducción al diseño perriodístico, Jesús Zorrilla
Recetario diseño gráfico, Leonor Koren y R, Wippo Meckler
Producción y diseño gráfico para World Wide Web, Antonio Fernández
Diseño ergonómico de aplicaciones hipermedia, Antonio Moreno