Unidad 1 - Fundamentos del diseño gráfico

1. UNIDAD 1.
Fundamentos del
diseño
Fidel Romero
www.movendesign.com

2. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
Contenido:
1.1 Fundamentos básicos del diseño.
1.2 Definición de Diseño y Diagramación.
1.3 Diferencia entre Diseño y Diagramación.
1.4 Claves de Diagramación.
2

3. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
1.1. ¿ Qué es el Diseño?
Definimos el diseño como un proceso o labor destinado
a proyectar, coordinar, seleccionar y organizar un
conjunto de elementos para producir y crear objetos
visuales destinados a comunicar mensajes específicos a
grupos determinados.
El diseño gráfico se podría dividir en tres grupos principales:
La edición: diseño de todo tipo de libros, periódicos, y revistas.
La publicidad: diseño de carteles publicitarios, anuncios, folletos.
La identidad: diseño de una imagen corporativa de una empresa.
3

4. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
LA BASE DEL DISEÑO
La base del diseño es la conjunción de diversos
elementos en una misma área con objeto de lograr
una interacción que transmitirá un mensaje dentro
de un contexto determinado. El mensaje puede
comunicarse e incluso modificarse mediante una
cuidadosa manipulación visual de los elementos (textos,
fotografías, ilustraciones e imágenes gráficas) que van a
ser utilizados dentro del área del diseño.
4

5. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
1.1. ¿ Qué es Diagramación?
Diagramar es distribuir, organizar los elementos
del mensaje bimedia (texto e imagen) en el
espacio bidimensional (el papel) mediante
criterios de jerarquización (importancia)
buscando funcionalidad del mensaje (fácil
lectura) bajo una apariencia estética agradable
(aplicación adecuada de tipografías y colores).
5

6. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
Estrictamente, el acto de maquetar tan solo se
relaciona con la distribución de los elementos en
un espacio determinado de la página, mientras
que el diseño editorial incluye fases más amplias del
proceso, desde el proyecto gráfico, hasta los procesos
de producción denominados pre-prensa (preparación
para impresión), prensa (impresión) y post-prensa
(acabados). Sin embargo, usualmente todo el aspecto
gráfico de la actividad editorial y periodística se conoce
por el término maquetación o diagramación.
6

7. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
7

8. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
8

9. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
9

10. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
10

11. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
11

12. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
1.2 . Diferencia entre Diseño y
Diagramación
Los conceptos de diseño y diagramación involucran el proceso
de la composición. En realidad, la diferencia entre uno y otro
es el papel que cumple cada uno en la edición periódica de la
publicación.
Mientras que el diseñador establece las pautas de la
diagramación: formato, tipografías, tamaño, estilo, formato
de párrafos, sangrías; propone color corporativo para
textos, tratamiento de la imagen (sangrados, recuadros
o aplicaciones especiales), criterios compositivos, en
fin, todos los detalles que componen una publicación; el
diagramador los aplica en cada una de las ediciones
posteriores.
12

13. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
1.3 . Proceso
Para diagramar generalmente se usan programas (software)
de edición digital, para componer los elementos en las
páginas antes de imprimir.
Algunos de los softwares de computadora más utilizados
son el Adobe InDesign, QuarkXPress, el Adobe
PageMaker (desfasado y dejado de lado por Adobe para
dedicarse más a Indesign) y el Corel Ventura.
13

14. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
1.4. Claves de la Diagramación
Cuando hablamos de los fundamentos de la diagramación
nos referimos en esencia a los fundamentos del diseño
gráfico: la tipografía, el color y la composición.
La diagramación de una revista es sólo el pretexto para
conocer los mecanismos de la diagramación de boletines,
revistas, periódicos, folletos, etc., ya que los fundamenos
del diseño son comunes para todos ellos.
14

15. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
15

16. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
16

17. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
17

18. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
18

19. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
19

20. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
20

21. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
21

22. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
22

23. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
23

24. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
24

25. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
Referencias:
Samara, Timothy (2008). Los elementos del diseño, Manual de estilo para
diseñadores gráficos. Editorial Gustavo Gili, SL, Barcelona.
Swann, Alan (1990). Bases del Diseño Gráfico. Editorial Gustavo Gili, SL,
Barcelona.
Fundamentos de Diagramación: Revistas (s.f.). Cumpa Gonzáles, Luis
Alberto. Sistema Nacional Mayor de San Marcos. Sistema de Bibliotecas.
Recuperado el día 19 de marzo de 2012 de: http://sisbib.unmsm.edu.pe/
bibvirtual/libros/comunicacion/fundamentos_de_diagramacion/contenido.htm
25

26. FUNDAMENTOS DEL DISEÑO - DIAGRAMACIÓN
Instructor:
Fidel Romero
fidelromeromx@gmail.com
fidelromero@movendesign.com
www.movendesign.com
26