0
Elementos de la Composición.             Fundamentos de composición.                               Ana Maria Arrieta León ...
Este documento se presenta como recurso para todos aquellos                interesados en comunicar información, ideas,pen...
Los elementos de la composición son los materiales que                        se usan para crear piezas gráficas:         ...
Plano o formato                            Retículas               Elementos    Forma                    de la            ...
El plano o formatoEs el espacio o soportesobre el cual sedisponenlos elementos de la                              Puede se...
Valla publicitaria en                                                                           barrio de Londres         ...
Formato: Pantalla                                                          Captura de                                     ...
Formato: Pared            Foto de            grafitti            en una            calle en            Bogotá
Composición hecha                                                                                         sobre           ...
Plano o formato                          Retículas             Elementos    Forma                  de la            compos...
Las retículas  Presentan diversasformas para diagramar  el plano o formato.                                  Las retículas...
Las retículas  Si bien existen     varios tiposen este caso nosConcentraremos           en la:                    retícula...
Módulo: Unidad                                                           individual de espacio que                        ...
En los siguientes ejemplos                    de uso de la retícula modular,                       los módulos sombreados ...
RetículaModular:Distribución   de los elementos    de lacomposición
RetículaModular:Distribución   de los elementos    de lacomposición
RetículaModular:Distribución   de los elementos    de lacomposición
Plano o formato                      Retículas         Elementos    Forma              de la        composición   Imagen  ...
Figura que representa un cuerpo:  Triangulo, cuadrado, círculo, rectángulo.                             Características   ...
Una forma se considera geométrica si su contorno               es regularizado, si sus medidas externas son               ...
Forma circular sin contorno y relleno de color.              Forma cuadrada sin contorno y              relleno con textur...
Formas irregulares, complejas y altamente            diferenciadas son consideradas orgánicas.Formasorgánicas
Plano o formato                       Retículas          Elementos    Forma               de la         composición   Imag...
Realizada directamente de la realidad a través dedispositivos específicos (cámaras fotográficas y                         ...
Forma de     Fotografíageneración   1
Fotograma extraído de la película Viaje a la Luna.                                Diseño gráfico                      http...
Imagen generada a partir                                                                                                de...
Fotograma capturado del video              de la presentación de los MTV movie                           awards 2006,     ...
Plano o formato                      Retículas         Elementos    Forma              de la        composición   Imagen  ...
Cuando se habla de la culturadel impreso, se hace referencia al texto                     como dispositivo de             ...
La tipografía en el             contexto de la           composición visual         es el arte y la técnica            de ...
Categorías de los tipos o familias tipográficas.           Existe gran cantidad                de diferentes            es...
Diferencias y similitudes           de las familias tipográficas.               Conocer las particularidades de la        ...
Poster inspirado en la película                                                                         American History s...
Stress:                        Tensión                       entre los                         strocks                    ...
A continuación se presentan                 las características d                   de los elementos             en cada f...
Serifa pronunciada                                                          Serifa inclinada: para las minúsculas         ...
Serifa delgada y horizontal:                   Stress verticall    para las minúsculas             Modern             Tran...
Serifa horizontal y gruesa:                             para las minúsculas                  Stress verticall             ...
No hay stress por que                          Sin serifas                      no hay presencia de stroks                ...
Cursiva              En esta familia se incluyen todas aquellas                                   fuentes con apariencia d...
Decorativa                                    La fuentes decorativas son fáciles de identificar,                          ...
En el ejercicio de la composición visual y la construcción de         imágenes se aprovecha del texto además de su cualida...
Una de las tareas más                importantes al momento                de componer es dar a la                 informa...
Texto Como Elemento Informativo: JerarquíaCambio en el tamaño del texto   Dar más peso al texto aplicando       Cambio en ...
Texto Como Elemento Informativo: JerarquíaCambio en el ritmo del texto     Cambio del espaciado entre         Cambio de la...
Texto Como Elemento Informativo: JerarquíaCambio en el valor del color        Contraste del texto con el fondo            ...
Al momento de usar fuentes dentro de una                           composición, tenga en cuenta:       Para cuerpos de tex...
Al momento de usar fuentes dentro de una                          composición, tenga en cuenta:       Las fuentes decorati...
Al momento de usar fuentes dentro de una                          composición, tenga en cuenta:       LasScript       son ...
Plano o formato                      Retículas         Elementos    Forma              de la        composición   Imagen  ...
Percepción visual generada por la luz.A través de estapercepción se interpretan ydistinguen diferentes                    ...
Matiz: Identidad del color.                           Rojo, verde, azul.                                                Sa...
Colores                                 cálidos                             Temperatura                  ColoresCaracterís...
Complementarios:                      Análogos:                                                           Dos colores que ...
BibliografíaPujagut, Jaume y colaboradores. Desarrollo de un proyecto gráfico. 2010. Editorial Index Book. Barcelona, Espa...
WebgrafíaMadonnalicious http://madonnalicious.typepad.com/madonnalicious/celebration/Mr. BrainWash http://www.mrbrainwash....
Upcoming SlideShare
Loading in...5
×

Elementos de la Composición

24,379

Published on

El módulo presenta los elementos (y sus características) que se usan para generar piezas gráficas

Published in: Design
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
24,379
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
313
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Transcript of "Elementos de la Composición"

  1. 1. Elementos de la Composición. Fundamentos de composición. Ana Maria Arrieta León Magister en Diseño y Creación Interactiva
  2. 2. Este documento se presenta como recurso para todos aquellos interesados en comunicar información, ideas,pensamientos y conocimientos a través de la expresión gráfica. En este módulo se estudian los elementos constitutivos de una composición gráfica: Imagen, texto, color, forma, plano y retículas.
  3. 3. Los elementos de la composición son los materiales que se usan para crear piezas gráficas: imágenes, textos, formas, colores, planos, retículas. Aplicando principios y reglas compositivas, se establecen relaciones entre dichos elementos que permiten la construcción y transmisión de mensajes.Introducción
  4. 4. Plano o formato Retículas Elementos Forma de la composición Imagen Texto o tipografía Color Elementos de lacomposición
  5. 5. El plano o formatoEs el espacio o soportesobre el cual sedisponenlos elementos de la Puede ser una página,composición. una pantalla, una pared, una valla. El formato puede presentar diversas formas.
  6. 6. Valla publicitaria en barrio de Londres del álbum Celebration de Madonna Disponible en: http://madonnalicious.typepad.com/madonnalicious/celebration/Formato: Valla
  7. 7. Formato: Pantalla Captura de Pantalla del Home del sitio web del artista Mr. BrainwashDisponible en: http://www.mrbrainwash.com/
  8. 8. Formato: Pared Foto de grafitti en una calle en Bogotá
  9. 9. Composición hecha sobre papel artesanalFormato Papel Disponible en: http://lindalewisatcreativeartworks.blogspot.com/2011/07/handmade-paper-posters-rock.html
  10. 10. Plano o formato Retículas Elementos Forma de la composición Imagen Texto o tipografía ColorRetículas
  11. 11. Las retículas Presentan diversasformas para diagramar el plano o formato. Las retículas proporcionan una ruta a la composición, distribuyendo y conectando los elementos que constituyen el mensaje.
  12. 12. Las retículas Si bien existen varios tiposen este caso nosConcentraremos en la: retícula modular una muy buena guía para distribuir el espacio e integrar, textos, imágenes y formas a la composición.
  13. 13. Módulo: Unidad individual de espacio que repetida a lo largo del formato crea las columnas y las filas. Fila Zona espacial: Grupo de módulos que conforman diferentes campos. A cada campo se le puede asignar un rol para mostrar información. Ej: un campo horizontal puede ser reservado para imágenes y el campo siguiente se puede Margen: utilizar para columnas de texto. Espacio entreRetícula Columna el borde del plano o formato y el contenido el cualModular: rodea y define el área donde imágenes,Componentes formas y textos son organizados.
  14. 14. En los siguientes ejemplos de uso de la retícula modular, los módulos sombreados con gris representan formas e imágenes y los módulos en blanco representan áreas de texto y áreas libres.RetículaModular:Distribución de los elementos de lacomposición
  15. 15. RetículaModular:Distribución de los elementos de lacomposición
  16. 16. RetículaModular:Distribución de los elementos de lacomposición
  17. 17. RetículaModular:Distribución de los elementos de lacomposición
  18. 18. Plano o formato Retículas Elementos Forma de la composición Imagen Texto o tipografía ColorForma
  19. 19. Figura que representa un cuerpo: Triangulo, cuadrado, círculo, rectángulo. Características Contorno: Forma diferencia y separa la forma del plano. Contenido: Tipospuede ser un color, una textura, una imagen • Geométricas o texto. • Orgánicas Tamaño: • Rectilíneas Dimensión de la forma. • Manuscritas • Accidentales
  20. 20. Una forma se considera geométrica si su contorno es regularizado, si sus medidas externas son similares matemáticamente y si presenta bordes angulares y definidos. Formageométrica
  21. 21. Forma circular sin contorno y relleno de color. Forma cuadrada sin contorno y relleno con textura. Forma estrella con contorno y relleno con patrón que se repite.Formasgeométricas
  22. 22. Formas irregulares, complejas y altamente diferenciadas son consideradas orgánicas.Formasorgánicas
  23. 23. Plano o formato Retículas Elementos Forma de la composición Imagen Texto o tipografía ColorImagen
  24. 24. Realizada directamente de la realidad a través dedispositivos específicos (cámaras fotográficas y de video). 1 Obtenidas por la reproducción de originales hechas por otros medios (filme, diseño, gráfica, pintura, video). 2 Imagen Generadas únicamente con recurso de Formas de generación 3 computación derivadas de la imaginación o de la realidad, incluso imitación, invención osimulación (ilustraciones y animaciones 2D y 3D). Las resultantes de la manipulación (reconstrucción, combinación o fusión decualquiera de las formas anteriores) (animación + 4filme, fotografía + animación, video + fotografía).
  25. 25. Forma de Fotografíageneración 1
  26. 26. Fotograma extraído de la película Viaje a la Luna. Diseño gráfico http://es.wikipedia.org/wiki/Viaje_a_la_Luna http://www.youtube.com/watch?v=JwQZQygg3Lk Dibujo http://bastiondorado.blogspot.com/2011/07/geisha.htmlForma degeneración 2
  27. 27. Imagen generada a partir de fotografiar el entorno del mundo virtual del video juego SPORE. Imagen generada a partir de la manipulación con software especializadoForma de para ello (photoshop – gimp - Illustrator)generación http://www.cibermitanios.com.ar/2008/01/250-animales-que-no-existirian-sin.html 3
  28. 28. Fotograma capturado del video de la presentación de los MTV movie awards 2006, Madonna se presenta conForma de la banda virtual Gorillaz,generación se combinan aquí el video y la animación 3D. 4 Video disponible en el siguiente enlace: http://www.youtube.com/watch?v=n4baCx8TovY
  29. 29. Plano o formato Retículas Elementos Forma de la composición Imagen Texto o tipografía ColorTexto
  30. 30. Cuando se habla de la culturadel impreso, se hace referencia al texto como dispositivo de transmisión de información, es a través del texto como se hace desde hace siglos la transmisión del conocimiento y de la información. Texto La transformación de los procesos comunicativos obliga al texto a contraer su extensión, tanto asíque ya fácilmente expresamos ideas e información en 140 caracteres (caso del microblogueo). Al emprender la tarea de una composición visual se entiende que el poder de la tipografía se encuentra en expresar y transmitir mensajes en tan sólo una frase, una palabra, una letra o un signo.
  31. 31. La tipografía en el contexto de la composición visual es el arte y la técnica de seleccionar y disponer Lo anterior resulta totalmente obvio, signos, letras, palabras, es de hecho una fortaleza del texto pero se debe tener en cuenta que de frases y textos con el lo que este manual trata es de la objeto ejercitación del lenguaje visual en el que el texto pierde su densidad, de transmitir un se vuelve liviano, concreto y ligero mensaje. pero CONTUNDENTE al momento de construir y transmitir el mensaje. En el ejercicio de la composición visual y la construcción de imágenes se aprovecha del texto además de su cualidad informativa su cualidad decorativa.Texto
  32. 32. Categorías de los tipos o familias tipográficas. Existe gran cantidad de diferentes estilos tipográficos, pero todos ellos Oldstyle se pueden agrupar en los siguientes seis grupos: Modern Sans serif ScriptTexto Decorativa
  33. 33. Diferencias y similitudes de las familias tipográficas. Conocer las particularidades de la tipografía es muy importante, porque el estilo de texto es un elemento fundamental al momento de fortalecer y contextualizar un tema o una idea.Texto
  34. 34. Poster inspirado en la película American History sobre el Neonazismo en Estados Unidos.Texto Tomado de http://www.flickr.com/photos/imendezgd_portafolio/4657944975/in/photostream/
  35. 35. Stress: Tensión entre los strocks P m Strok Grosor de los stroks Serifas Las familias agrupan fuentes que comparten las mismas características en sus elementos.Elementos de latipografía
  36. 36. A continuación se presentan las características d de los elementos en cada familia tipográfica.Elementos de latipografía
  37. 37. Serifa pronunciada Serifa inclinada: para las minúsculas Stress diagonal Oldstyle Moderada transición del grosor en los strokes Fuentes de la misma familia Goudy Times Garamond Palatino BaskervilleTexto:Oldstyle
  38. 38. Serifa delgada y horizontal: Stress verticall para las minúsculas Modern Trancisión radical en el grosor de los strokes Fuentes de la misma familia Bodoni Times Bold OnyxTexto:Modern
  39. 39. Serifa horizontal y gruesa: para las minúsculas Stress verticall Slab serif Trancisión radical en el grosor de los strokes Fuentes de la misma familia Clarendon Copse Bodoni Typo slab serifTexto:Slab Serif
  40. 40. No hay stress por que Sin serifas no hay presencia de stroks Sans serif El grosor de los stroks no varía, se mantiene regular. Fuentes de la misma familia Anonymous Bonveno LillyTexto:Sans Serif
  41. 41. Cursiva En esta familia se incluyen todas aquellas fuentes con apariencia de haber sido creadas Manualmente, se agrupan en esta familia las Cursivas y las que tienden a ser cursivas pero Caracteres aparecen separados. Fuentes de la misma familia Mystral Vardian Script BlackadderTexto:Cursiva
  42. 42. Decorativa La fuentes decorativas son fáciles de identificar, divertidas, frescas y llamativas; sin embrago esta última cualidad tiene como consecuencia un uso moderado de este tipo de fuentes. Fuentes de la misma familia Waker Earwing factory Sybil GreenTexto: Hurry upDecorativa
  43. 43. En el ejercicio de la composición visual y la construcción de imágenes se aprovecha del texto además de su cualidad Informativa, su cualidad decorativa. como elemento informativo Texto Función como elemento decorativoTexto
  44. 44. Una de las tareas más importantes al momento de componer es dar a la información un orden que permita al espectador una ruta que conecte Los diferentes textos utilizados. Este orden se denomina jerarquía de la información, y se basa en el nivel de importancia asignado a cada parte del texto. La Importancia Texto permite al observador Como Identificar: el texto que Elemento debe ser leídoInformativo: primero, segundo, tercero…Jerarquía
  45. 45. Texto Como Elemento Informativo: JerarquíaCambio en el tamaño del texto Dar más peso al texto aplicando Cambio en la alineación el formato negrita Formas de generar jerarquía
  46. 46. Texto Como Elemento Informativo: JerarquíaCambio en el ritmo del texto Cambio del espaciado entre Cambio de la postura de los los caracteres o entre las frases caracteres o de las frases, puede ser aplicando el formato cursiva o alterando la posición a través deFormas de generar jerarquía
  47. 47. Texto Como Elemento Informativo: JerarquíaCambio en el valor del color Contraste del texto con el fondo Formas de generar jerarquía
  48. 48. Al momento de usar fuentes dentro de una composición, tenga en cuenta: Para cuerpos de texto use fuentes con serifas ; las guían el ojo serifas favoreciendo la lectura.Tips
  49. 49. Al momento de usar fuentes dentro de una composición, tenga en cuenta: Las fuentes decorativas son útiles al momento de contextualizar el mensaje.Tips
  50. 50. Al momento de usar fuentes dentro de una composición, tenga en cuenta: LasScript son siempre elegantes, pero deben ser ser usados de manera moderada al igual que las decorativas.Tips
  51. 51. Plano o formato Retículas Elementos Forma de la composición Imagen Texto o tipografía ColorColor
  52. 52. Percepción visual generada por la luz.A través de estapercepción se interpretan ydistinguen diferentes Colorlongitudes de ondaque se materializanante nosotros como colores.
  53. 53. Matiz: Identidad del color. Rojo, verde, azul. Saturación: Intensidad del color. Viveza/palidez/ Valor: Luminosidad u oscuridad del color.Características del color
  54. 54. Colores cálidos Temperatura ColoresCaracterísticas fríos del color
  55. 55. Complementarios: Análogos: Dos colores que aparecen opuestos. Colores adyacentes. Triada:Relaciones del Conformada por 3 colores a 120° uno del otro color
  56. 56. BibliografíaPujagut, Jaume y colaboradores. Desarrollo de un proyecto gráfico. 2010. Editorial Index Book. Barcelona, España.Samara, Timothy. Design Elements: A graphic style manual: Undesrtanding the rules and broken them.2007. Editorial Rockport. New York, U.S.A.Scott, Robert G. Fundamentos del diseño. 1984. Editorial Victor Leru S. Buenos Aires, Argentina.Williams, Robin. The non-designers design book: Design and typographic principles for the visual novice. 2004. Peachpit press.California, U.S.A.
  57. 57. WebgrafíaMadonnalicious http://madonnalicious.typepad.com/madonnalicious/celebration/Mr. BrainWash http://www.mrbrainwash.com/Blog: Creative art works http://lindalewisatcreativeartworks.blogspot.com/2011/07/handmade-paper-posters-rock.htmlPelícula: Viaje a la Luna http://es.wikipedia.org/wiki/Viaje_a_la_LunaVideo: The Time Black eyed peas http://www.youtube.com/watch?v=JwQZQygg3LkBlog: Bastion dorado http://bastiondorado.blogspot.com/2011/07/geisha.htmlVideo: Madonna + Gorillaz http://www.youtube.com/watch?v=n4baCx8TovY250 animales que no existirían sin Photoshop http://www.cibermitanios.com.ar/2008/01/250-animales-que-no-existirian-sin.htmlPoster inspirado en la prlícula: American X http://www.flickr.com/photos/imendezgd_portafolio/4657944975/in/photostream/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×