Documentos de Académico
Documentos de Profesional
Documentos de Cultura
EN LOS PROCESOS
DE COMPOSICIÓN GRÁFICA
Luis Felipe
Sarmiento Palacios
ELEMENTOS BÁSICOS
EN LOS PROCESOS
DE COMPOSICIÓN GRÁFICA
Elementos básicos en los procesos de composición gráfica / Luis Felipe Sarmiento Palacios:
ilustrador Daniel Navarrete Arias. Bogotá: Fundación Universitaria Los Libertadores, 2017.
ISBN 978-958-5478-08-4
BIO-GRÁFICO
Elementos Básicos
en los Procesos de
Composición Gráfica
Programa de Diseño Gráfico
Facultad de Ciencias de la Comunicación
Fundación Universitaria Los Libertadores
2018 - 1
ISBN 978-958-5478-08-4
Bogotá, Colombia
INTRODUCCIÓN 9
EL DISEÑO 11
LA COMPOSICIÓN, LA IMAGEN, LOS CONTEXTOS 13
TEORÍAS PARA EL DISEÑO GRÁFICO 17
La Sintáctica 17
La Semántica 17
La Pragmática 17
LA METODOLOGÍA PROYECTUAL 19
VISUAL THINKING 23
ALGUNAS CONSIDERACIONES ACERCA DEL PROCESO
DE COMPOSICIÓN 27
COMPOSICIÓN 27
Procesos Gráficos (Fuente Propia) 28
EL DIBUJO 29
ELEMENTOS VISUALES DE RELACIÓN 33
EL PESO VISUAL 33
LOS ELEMENTOS VS EL ESPACIO 35
EQUILIBRIO COMPOSITIVO 36
Simetría Axial 36
Simetría Radial 37
La Asimetría 38
La Forma 39
La Escala 40
ELEMENTOS CONCEPTUALES DEL DISEÑO 41
La Forma como un Punto 41
La Forma como una Línea 42
La Forma como Plano 43
La Forma como Volumen 43
ELEMENTOS PRÁCTICOS DEL DISEÑO 45
La Representación 45
El Significado 45
La Función 46
LA ESTRUCTURA 46
Estructura formal 46
Estructura semi formal 47
Estructura informal 48
Estructura activa 48
Estructura inactiva 49
CONCEPTOS BÁSICOS DEL DISEÑO 51
Gradación 51
Radiación 52
Anomalía 52
Concentración 53
PROBLEMAS RECURRENTES EN COMPOSICIÓN 55
LOS PASOS 56
El boceto 56
Síntesis gráfica 56
El diseño minimalista como tendencia en el diseño
contemporáneo 63
CULTURA VISUAL 65
EXPERIENCIAS DENTRO DEL AULA 67
ÍNDICE ILUSTRACIONES
Figura 1. Gráfico de composición con énfasis al peso visual a la derecha 34
9
Si hacemos referencia al término “comunicación”, lo que
buscamos es trasmitir una información, para que de una
manera atractiva, directa y clara sean recibidos uno o va-
rios mensajes que pueden ser a través de textos, imágenes,
video, etc. Y de esta manera lograr trasmitir y ser recorda-
dos. Para esta primera publicación nos enfocaremos en la
imagen como vehículo de transmisión de información que
en el Argot de nuestra sociedad dice “una imagen vale más
que mil palabras”, de acuerdo a pruebas científicas nuestro
cerebro procesa 60 mil veces más rápido una imagen que
un texto.
10
EL DISEÑO
11
Elementos Básicos en los Procesos de Composición Gráfica
12
LA COMPOSICIÓN, LA IMAGEN,
LOS CONTEXTOS
13
Elementos Básicos en los Procesos de Composición Gráfica
14
La composición, la imagen, los contextos
15
Elementos Básicos en los Procesos de Composición Gráfica
16
TEORÍAS PARA EL DISEÑO GRÁFICO
17
Elementos Básicos en los Procesos de Composición Gráfica
Usuario
imagen mental
SEMÁNTICA
Objeto
Signo
Diseñador Contexto
significante referente
SEMÁNTICA PRAGMÁTICA
Fuente propia
18
LA METODOLOGÍA PROYECTUAL
19
Elementos Básicos en los Procesos de Composición Gráfica
20
La metodología proyectual
21
Elementos Básicos en los Procesos de Composición Gráfica
22
VISUAL THINKING
23
Elementos Básicos en los Procesos de Composición Gráfica
24
Visual thinking
25
Elementos Básicos en los Procesos de Composición Gráfica
26
ALGUNAS CONSIDERACIONES ACERCA
DEL PROCESO DE COMPOSICIÓN
COMPOSICIÓN
27
Elementos Básicos en los Procesos de Composición Gráfica
PROCESO PROCESO
NECESIDAD INVESTIGATIVO PROCESO DE BOCETACIÓN
DE
PROBLEMA (TEÓRICO CONCEPTUALIZACIÓN
(Desarrollo
Y GRÁFICO) de Prototipo)
Fuente propia
Procesos gráficos (fuente propia)
REALIMENTACIÓN
EMISOR MENSAJE RECEPTOR
Fuente propia
28
Algunas consideraciones acerca del proceso de composición
EL DIBUJO
29
Elementos Básicos en los Procesos de Composición Gráfica
30
Algunas consideraciones acerca del proceso de composición
31
Elementos Básicos en los Procesos de Composición Gráfica
32
ELEMENTOS VISUALES DE RELACIÓN
EL PESO VISUAL
33
Elementos Básicos en los Procesos de Composición Gráfica
34
Elementos visuales de relación
35
Elementos Básicos en los Procesos de Composición Gráfica
EQUILIBRIO COMPOSITIVO
Simetría Axial
36
Elementos visuales de relación
Simetría Radial
37
Elementos Básicos en los Procesos de Composición Gráfica
La Asimetría
38
Elementos visuales de relación
LA FORMA
39
Elementos Básicos en los Procesos de Composición Gráfica
LA ESCALA
40
ELEMENTOS CONCEPTUALES DEL DISEÑO
41
Elementos Básicos en los Procesos de Composición Gráfica
42
Elementos conceptuales del diseño
43
Elementos Básicos en los Procesos de Composición Gráfica
Fuente Propia
Figura 15. Ejemplos de composiciones en
donde se eviencia la forma como volumen.
44
ELEMENTOS PRÁCTICOS DEL DISEÑO
La representación
El significado
45
Elementos Básicos en los Procesos de Composición Gráfica
La función
LA ESTRUCTURA
Estructura formal
46
Elementos prácticos del diseño
47
Elementos Básicos en los Procesos de Composición Gráfica
Estructura informal
Fuente Propia
Figura 18. Ejemplo de estructura informal.
Estructura activa
48
Elementos prácticos del diseño
Fuente Propia
Figura 19. Ejemplos de estructura activa.
Estructura inactiva
Fuente Propia
Figura 20. Ejemplos de estructura inactiva.
49
Elementos Básicos en los Procesos de Composición Gráfica
50
CONCEPTOS BÁSICOS DEL DISEÑO
Gradación
51
Elementos Básicos en los Procesos de Composición Gráfica
Radiación
Fuente Propia
Figura 22. Ejemplos de composición radial.
Anomalía
52
Conceptos básicos del diseño
Concentración
53
Elementos Básicos en los Procesos de Composición Gráfica
54
PROBLEMAS RECURRENTES
EN COMPOSICIÓN
55
Elementos Básicos en los Procesos de Composición Gráfica
LOS PASOS
El boceto
Síntesis gráfica
56
Problemas recurrentes en composición
La creación de ritmos o
Pocas formas de repeticiones de forma
buen tamaño regular dan la sensación
centralizan e de orden que en primera
impactan en la instancia puede ser un
composición. buen argumento en la
composición.
Fuente propia
57
Elementos Básicos en los Procesos de Composición Gráfica
58
Problemas recurrentes en composición
Fuente Propia
Figura 26. Diseño ordenado con retícula for-
mal activa.
59
Elementos Básicos en los Procesos de Composición Gráfica
dosa del espacio, el plantea una serie de preguntas como ¿Cómo suavizar
la rigidez formal de líneas de un tipo de letra mediante el flujo dinámico
de una foto¬grafía o ilustración?, ¿Cómo ajustar el tamaño, forma y equi-
librio visual de varios elementos para darles el necesario énfasis de mane-
ras diferentes?, la solución a estas inquietudes es aplicando la retícula que
define como la división geométrica de un área, como el estilo personal del
diseño. (Swann, 1993)
El paso número cuatro tiene que ver con el plan de navegación, ósea
la manera en que el espectador va a recorrer o navegar la pieza gráfica,
se debe establecer un orden o ruta y de alguna manera llegar a controlar
las secuencias de percepción por parte del espectador, el definir de una
manera clara la jerarquía visual, ósea que es lo que se quiere que el espec-
tador vea con mayor jerarquía o importancia y que a la vez los demás ele-
mentos no compitan con el si no que refuercen el significado de la pieza.
60
Problemas recurrentes en composición
61
Elementos Básicos en los Procesos de Composición Gráfica
Fuente Propia
Figura 27. Saturación visual.
62
Problemas recurrentes en composición
Cuantas veces los docentes de diseño han utilizado esta expresión “me-
nos es más”, esta frase que acuño el arquitecto Mies Van Der Rohe, y que
hace referencia al diseño minimalista a la economía de formas, a la síntesis
o la eliminación de elementos no necesarios o pesados para la vista, su
objetivo potencia el concepto por encima de las formas, se busca dar una
mayor fuerza al contenido que entendemos como el valor del significado,
el concepto, y llevar al observador a la base de las piezas gráficas, por lo
tanto se llega a soluciones concretas, a la simplicidad, la abstracción, el
orden, el purismo, a la funcionalidad o el diseño sin distracciones. Es vital
hacer énfasis que la composición responde a su principio más elemental y
es el de ser funcional ósea que cumpla con su objetivo primordial el de la
comunicación y si se logra el diseño responde a un factor que actualmente
suena mucho en el medio y es la usabilidad, que hace referencia a la capa-
cidad de usarse o que funcione. Diseño responsivo (adaptabilidad)
Fuente Propia
Figura 28. Ejemplos del diseño minimalista.
63
Elementos Básicos en los Procesos de Composición Gráfica
64
Problemas recurrentes en composición
parar de una forma adecuada tanto los pesos visuales como las líneas de
fuerza dentro de una composición. Existen formas que pesan más que
otras, las de mayor tamaño, las de un color más oscuro y las que ocupan
un lugar determinante dentro de la composición.
CULTURA VISUAL
65
Elementos Básicos en los Procesos de Composición Gráfica
66
Problemas recurrentes en composición
67
Elementos Básicos en los Procesos de Composición Gráfica
68
Problemas recurrentes en composición
69
BIBLIOGRAFÍA
Gavin, a., & Neil, L. (2013). Investigación en diseño - Bases del diseño. Badalona:
Parramón.