Introducción al Diseño Gráfi co y Comunicación anna...
Transcript of Introducción al Diseño Gráfi co y Comunicación anna...
![Page 1: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/1.jpg)
Introducción al Diseño Gráfi co y Comunicación anna maria biedermann
![Page 2: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/2.jpg)
Elementos básicos. 1
![Page 3: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/3.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
¿Podemos escapar del diseño?
![Page 4: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/4.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 5: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/5.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 6: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/6.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
¿Que es diseño gráfi co?
-encontrar soluciones a los problemas que plantea la comunicación
-mediante los medios gráfi cos,
-proyectando,
-coordinando,
-seleccionando,
-organizando una serie de elementos para producir objetos visuales
-destinados a comunicar mensajes específi cos
-a grupos determinados, con objetivos defi nidos.
![Page 7: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/7.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
¿Que es diseño gráfi co?
![Page 8: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/8.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Diseño gráfi co = comunicación
• uno de los mecanismos - para procesar y comunicar información
• organiza la información legible y visible
• regula ciertos comportamientos humanos
• en función de las necesidades:
necesidad de orientarse, vender, comprar, distinguir, aprender,
informarse.
¿En que se basa el diseño gráfi co?
- Intuición + conocimientos científi cos
- Inspiración + estrategia comunicacional
![Page 9: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/9.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Contexto
• Comunicación visual está vinculada al contexto económico-social.
• La propuesta gráfi ca nunca es realmente defi nitiva.
• Las empresas cambian porque el mercado, la sociedad cambia.
• Hay que adecuar el comunicado y su forma a esta nueva realidad.
![Page 10: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/10.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 11: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/11.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 12: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/12.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 13: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/13.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 14: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/14.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Factores de éxito
• El conocimiento de los signos gráfi cos y
su proceso de comunicación.
• Como perciben los receptores nuestras
comunicaciones (percepción visual,
auditiva, táctil, etc.)
• Limitaciones o posibilidades que existen
en la fabricación de producto gráfi co.
![Page 15: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/15.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
EMISOR RECEPTORCANAL
RUIDO
CÓDIGO
codifi cación decodifi cación
RETROALIMENTACIÓN /FEED BACK
Comunicación
Hacer diseño gráfico es un proceso complejo de carácter
comunicativo, donde existe un emisor, que es quien tiene un
problema de transmisión de la información, un medio o canal que
es el diseño gráfico, y un receptor.
![Page 16: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/16.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 17: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/17.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 18: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/18.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Mensaje gráfico
En la construcción del mensaje lo importante es el contenido.
• El receptor busca una información que le sea útil.
• El diseño debe facilitar esta búsqueda.
• Rapidez, es uno de los factores de éxito de diseño.
![Page 19: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/19.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Elementos básicos de diseño gráfico
Los elementos básicos, constituyen la esencia de todo lo que
vemos, como las letras en un abecedario no son numerosos pero
gracias a sus múltiples combinaciones poseen una gran capacidad
expresiva y narrativa,
dando lugar a complejas realidades.
![Page 20: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/20.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Punto
Es la unidad más simple, irreductiblemente mínima, de comunica-
ción visual. Resulta de un choque de un instrumento de escritura
con el soporte. También es un par de coordenadas geométricas X
e Y. El punto fi ja la atención.
![Page 21: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/21.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 22: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/22.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Línea
La línea es el resultado del movimiento de un punto que se
desplaza por una superficie. La línea posee longitud pero no
anchura.
![Page 23: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/23.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 24: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/24.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 25: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/25.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Plano
Es la línea en movimiento. A partir de contornos básicos
(cuadrado, triángulo y círculo) derivamos mediante
combinaciones y variaciones inacabables todas las formas físicas
de la naturaleza y de la imaginación del hombre.
![Page 26: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/26.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 27: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/27.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Volumen
Es el plano en movimiento, en los diseños en dos dimensiones
el volumen es ilusorio.
![Page 28: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/28.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 29: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/29.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Forma
Todos elementos que podemos ver tienen una forma que nos
permite identificarlos en nuestra percepción. Todos los contornos
básicos expresan tres direcciones visuales básicas: el cuadrado
la horizontal y la vertical, el triangulo la diagonal, el circulo la
curva.
![Page 30: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/30.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 31: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/31.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Tamaño
El tamaño es relativo cuando vamos comparando los objetos
pero también se corresponde con las medidas exactas.
![Page 32: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/32.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Color
El color está cargado de información, constituye una valiosa
fuente de comunicación. Distinguimos las formas de su entorno a
través de su color.
![Page 33: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/33.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Textura
La textura aporta al diseño una mirada, sensación, o una
superficie. Es la característica táctil de una superficie material.
La textura, permite crear una adaptación personalizada de la
realidad añadiendo dimensión y riqueza al diseño.
![Page 34: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/34.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 35: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/35.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 36: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/36.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 37: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/37.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Elementos de composición gráfica
La composición de una imagen visual es la manera de ordenar y
colocar los elementos sobre un soporte o espacio compositivo,
espacio gráfico. La composición debe facilitar la lectura del
mensaje.
![Page 38: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/38.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Aire
Se trata del espacio, más o menos vacío, que se deja entre los
elementos principales que aparecen en una composición y los
límites del espacio gráfico.
![Page 39: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/39.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Jerarquización
Criterio fundamental para la organización de los elementos
visuales. La destreza compositiva = el dominio del criterio de
jerarquización + establecimiento de un ritmo para todos los
elementos que conforman un mensaje visual.
![Page 40: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/40.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 41: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/41.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Ritmo
Repetición organizada de una forma visual. Los conceptos de
repetición, alternancia, simetría, compresión, expansión, reflejo, rotación,
traslación son vitales para trabajar el ritmo.
![Page 42: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/42.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 43: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/43.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Simetría
Se produce cuando en un encuadre o espacio gráfico aparece
repetido un elemento de manera que uno de ellos parece el
reflejo del otro en un espejo. Las composiciones son agradables,
estables pero pueden resultar monótonas.
![Page 44: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/44.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Asimetría
Composiciones dinámicas, inestables, mayor tensión dramática.
![Page 45: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/45.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Armonía
Los elementos que forman parte de la composición guardan
relaciones de semejanza entre si.
![Page 46: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/46.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Simplicidad
![Page 47: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/47.jpg)
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Contraste
Evita la ambigüedad en la composición al provocar que los
elementos opuestos se afiancen en su significado.
![Page 48: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/48.jpg)
Branding2
![Page 49: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/49.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
¿Qué es branding?
-Proceso de hacer y construir una marca.
-El poder de la marca como elemento diferenciador.
“Hasta que no sepas por qué la gente compra cosas,
no venderás nada”
Hugh Finnerty
![Page 50: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/50.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
¿Qué es una marca?
Necesidad de comunicación de una empresa
que dispone de un producto que trasladar al mercado,
donde se encuentran los usuarios
con las necesidades listas para ser satisfechas.
Garantía de la calidad de producto.
Mayor libertad a la hora de establecer los precios.
![Page 51: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/51.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Signifi cados de una marca
-Característica: la asociación de la marca con algunas características
- Ventaja: La características deben poder traducirse en ventajas prácticas
y emocionales para el usuario
- Valor: el valor que tiene el producto por pertenecer a una marca
- Cultura: esteorotipo de cultura asociada al producto
- Personalidad: las marcas evocan imágenes marcadas con personalidad
- Usuario: cada marca se dirige hacia un público objetivo
![Page 52: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/52.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
¿Por qué producto se decide el usuario?
Por aquel que está respaldado por la marca que le parece más simpática,
que le dice lo que quiere oír o con la que se sienta más a gusto cuando le
observen los demás.
Los objetos que nos rodean, además de tener aspectos utilitarios, son un
refl ejo de nuestra propia imagen.
Se compran productos que conocemos, que nos dan confi anza.
¿Por qué recordamos ciertas marcas?
Por procesos inconscientes, relacionados con la percepción.
![Page 53: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/53.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
TIPOS DE MARCA
Marca única
![Page 54: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/54.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
TIPOS DE MARCA
Marcas múltiples
![Page 55: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/55.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
TIPOS DE MARCA
Marca mixta
![Page 56: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/56.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
TIPOS DE MARCA
Marca de distribución
![Page 57: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/57.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
GESTIÓN DE MARCA
Para un marca es importante no solo el hecho de ser conocida pero
también de ser aceptada y fi nalmente preferida frente a otras marcas de la
competencia.
El valor de la marca en gran medida depende de la lealtad de sus clientes
(cuota de mercado).
![Page 58: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/58.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Reposicionar la marca
El cambio de la percepción por parte de los consumidores o usuarios de la
marca, una estrategia determinada y planifi cada cambiando su imagen
corporativa, su slogan, su publicidad, etc.
![Page 59: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/59.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 60: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/60.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 61: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/61.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Aumentar la frecuencia del producto
Se trata de enseñar el uso del producto en distintos contextos
y con una frecuencia muy alta.
![Page 62: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/62.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Extensión de marca
![Page 63: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/63.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Alianzas de marca
- Alianzas de Investigación y Desarrollo
- Alianzas de Producción
- Alianzas de Distribución
- Alianzas de Promoción
- Alianzas de Marca
-Co-branding
-Licencing
![Page 64: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/64.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 65: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/65.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Contexto
Los símbolos de las marcas se adaptan a la sociedad a la que quieren
comunicar.
![Page 66: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/66.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 67: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/67.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 68: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/68.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 69: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/69.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 70: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/70.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Identidad corporativa ≠ Imagen corporativa
Identidad corporativa
¿Quiénes somos?
La identidad no solo es un simple eslogan, logos, símbolos, colores, ti-
pografías, etc. realmente es una parte fundamental.
Imagen corporativa
¿Cómo nos ven?
Poseer una imagen positiva es uno de los intangibles más importantes
de una empresa.
![Page 71: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/71.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Logotipo
Es la gráfi ca que adquiere la marca como expresión escrita.
![Page 72: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/72.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Símbolo
Signo visual que suele acompañar a la grafía. Su función es conseguir una
fácil memorización y por tanto la percepción de una diferencia.
![Page 73: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/73.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Imagotipo
La combinación de Logotipo y Símbolo se conoce
como imagotipo o logosímbolo.
![Page 74: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/74.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
NAMING
La identidad de marca empieza con el nombre, el signo verbal.
¿Qué características generales han de cumplir los nombres de las marcas?
![Page 75: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/75.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Brevedad
Cuanto más breve mejor.
Sencillez
Las mejores ideas son las más simples o las más sencillas
Facilidad de lectura
y pronunciación
Para que el consumidor reciba bien el impacto de una marca es preciso
que sea fácil de leer y se pronuncie de una sola forma, en cualquier idio-
ma.
![Page 76: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/76.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Memorización
El nombre de la marca se ha de poder memorizar fácilmente tanto a nivel
visual como auditivo.
Eufonía
Oír el nombre de una marca ha de resultar agradable.
Asociación y evocación
El nombre de una marca nos ha de transportar al mundo del producto.
![Page 77: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/77.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Originalidad
La originalidad es una de las cosas más difíciles de juzgar, ya que lo que
es original hoy puede dejar de serlo mañana. A veces los nombres más
diferentes no son los que al principio parecen más creativos.
Modernidad
La modernidad es muy importante en el nombre de marca, pero siempre
preguntándonos qué es lo moderno.
Distinción
El nombre de marca debe conferir distinción al producto y diferenciarlo
de la competencia.
![Page 78: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/78.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Protección
El nombre y el logotipo se han de poder inscribir en el Registro de Patentes
y Marcas, dependiente del Ministerio de Industria, para evitar imitaciones
o plagios que confundan al consumidor.
![Page 79: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/79.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
un nombre formado en base a iniciales, tales como UPS o IBM
nombres que describen el benefi cio o función de un producto,
ej. Whole Foods o Airbus.
nombres que son divertidos al pronunciarlos, ej. Dunkin´Donuts
nombres que evocan una imagen viva como Amazon
palabras nuevas como Wiii o Kodak
adopción de una palabra de otro idioma, tal como Volvo o
Samsung
nombres de personas reales como Hewlett-Packard o Disney
nombres de regiones y de lugares muy conocidos, como es el
caso de Fuji Film
nombres de mitos, como Nike.
NAMING -TÉCNICAS
Sigla:
Descriptivo:
Aliteración o rima:
Sugestivo:
Neologismos:
Palabra extranjera:
Nombres de los fundadores:
Geografía:
Personifi cación:
![Page 80: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/80.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 81: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/81.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Segmentos de clientes
![Page 82: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/82.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Mapa de empatía
![Page 83: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/83.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Propuesta se Valor
![Page 84: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/84.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Flujos de ingresos
![Page 85: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/85.jpg)
2. Branding
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Costes
![Page 86: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/86.jpg)
Color3
![Page 87: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/87.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
¿Qué es el color?
Una percepción en el órgano visual de quien lo contempla.
Los objetos emiten luz - cuerpos luminosos,
o refl ejan la luz que reciben - cuerpos iluminados.
![Page 88: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/88.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Conocimiento del color
• Conocimiento científi co, que procede de experimentos y que
trata de establecer leyes que expliquen el fenómeno del color;
• Producto de la intuición de fi lósofos, escritores, pintores.
![Page 89: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/89.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Síntesis aditiva- colores luz
Los colores obtenidos naturalmente por descomposición de la luz
o artifi cialmente mediante fuentes de luz. Cada fuente lumínica
agrega o suma componentes a la luz que vemos.
![Page 90: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/90.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Síntesis sustractiva- colores pigmento
Cuando la luz solar choca contra la superfi cie de un objeto, este
absorbe distintas longitudes de onda de su espectro total, mientras
que refl eja otras.
![Page 91: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/91.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Modelos de color RGB
Combina porcentajes de luz roja , verde y azul
para generar los colores de espectro.
![Page 92: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/92.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Modelos del color CMYK
Emplea colores no estándar porque la luz que refl ejan los pigmentos
cian y magenta produce al mezclarse tonos más puros que la que
refl ejan el azul y rojo.
![Page 93: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/93.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 94: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/94.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
PROPIEDADES DE LOS COLORES
Las propiedades del color son, básicamente, elementos diferentes
que hacen único un determinado color, le hacen variar su aspecto
y defi nen su apariencia fi nal.
Matiz = Tono
Denominado también tono, tinte y color, es la propiedad del color
que se refi ere al estado puro del color, el color puro al cual más se
acerca.
![Page 95: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/95.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Valor = Luminosidad
Es un término que se usa para describir cuán claro o cuán oscuro
parece un color y se refi ere a la cantidad de luz percibida.
Saturación = Brillo
Representa la viveza o palidez de un color, su intensidad.
Los colores puros del espectro están completamente saturados.
![Page 96: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/96.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Círculo cromático de Newton, el círculo de Goethe, la rueda de color de Johannes Itten.
Circulo cromático
Es el resultante de distribuir alrededor de un circulo, los diferentes
colores que conforman el segmento de la luz visible del espectro
solar, descubierto por Newton y manteniendo el orden correlativo:
rojo, naranja, amarillo, verde, azul, ultramar y violeta.
![Page 97: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/97.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Relatividad del color
El color del objeto depende de la iluminación existente y la capacidad
de interacción del mismo con el medio donde es percibido.
El color nunca se ve aislado.
![Page 98: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/98.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Temperatura de color
![Page 99: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/99.jpg)
3. Color
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
SIGNIFICADOS DEL COLOR
El color en la comunicación, además de mostrar características
morfológicas, es identifi cado por una serie de signifi cados culturales
que las distintas civilizaciones y sociedades le han ido otorgando.
Conocemos muchos más sentimientos que colores. Por eso,
cada color puede producir muchos efectos distintos, a menudo
contradictorios.
![Page 100: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/100.jpg)
Tipografía4
![Page 101: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/101.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
¿Qué es tipografía?
La tipografía es el medio por el que se da una forma visual a una idea escri-
ta. La selección de la forma visual afecta a la legibilidad de la idea escrita
y a la sensación que despierta en el lector.
![Page 102: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/102.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
VARIABLES TIPOGRÁFICAS
-arte sutil
-pequeñísimas variaciones
-enorme efecto
-elementos tipográfi cos han de conjugarse entre sí
-unos pocos parámetros pueden alterar el proceso de lectura
-distintas variables tipográfi cas están relacionadas entre sí
![Page 103: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/103.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Modulación del trazo
- origen en los giros de la mano al escribir con cálamo, pincel o pluma
- rítmo, basado en la alternativa de trazo fi no y el trazo grueso
- una gama infi nita de grados de aplicación
![Page 104: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/104.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Tendencia humanística y geometricidad
Tendencia geométrica
-una inclinación hacia lo conceptual y predominante gráfi co.
Tendencia humanística
-matización de las formas y el predominio de lo caligráfi co.
ductus humanista ductus geométrico
![Page 105: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/105.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
SERIFAS ≠ PALO SECO
Tipografía con serifa
Tipografía sin serifa
![Page 106: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/106.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Familia de tipos
Conjunto de tipos basado en una misma fuente. Diseñados bajo unos cri-
terios formales comunes. Los miembros que integran una familia se pare-
cen entre sí, y conservan rasgos propios.
![Page 107: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/107.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Letra- a considerar en el diseño:
•los blancos que ha de tener para una correcta escritura,
•la línea base sobre la que se apoya el texto
•separación mínima natural entre dos líneas, una vez compuesto el texto.
•el ojo medio, espacio entre la línea base y la línea media, equivalente
al espacio ocupado por las minúsculas sin trazos ascendientes
ni descendentes.
![Page 108: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/108.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Palabras
- unidades de signifi cado,
- escritura en la que se mezclan letras mayúsculas o versales con letras
minúsculas o de caja baja, son las que tienen mejor lectura, ya que el perí-
metro de la palabra es más identifi cable en el segundo caso.
Ej.: LOREM IPSUM // Lorem Ipsum // lorem ipsum
Mayúsculas - un bloque denso y rectangular.
Minúsculas - hay líneas que suben o bajan, mayor grado de diferenciación
e identifi cación.
![Page 109: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/109.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Línea
Conjunto ordenado de palabras apoyados sobre la misma línea base.
Espacio entre las palabras
Puede desestructurar la línea y dañar la lectura y la estética cuando las
palabras distan mucho unas de otras.
![Page 110: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/110.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Interlineado
- defi ne el espació entre las líneas de texto
- determina en gran parte su correcta lectura
- relacionada con el tamaño de la letra y su ojo medio
- deberá ser aproximadamente un 20% mayor que el tamaño de la fuente
![Page 111: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/111.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Una letra con ojo medio grande (Ej. Avant Garde) necesitará una interlínea mayor.
Una letra con ojo medio pequeño (Ej. Bodoni) se puede componer con poca interlínea, ya que hay
mayor espacio entre la línea base y la media.
![Page 112: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/112.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
DISPOSICIÓN TIPOGRÁFICA
Alineación - texto alineado a la izquierda
Cada una de las líneas comienza en el mismo punto, pero termina donde
acaba la última palabra que la componen. Sigue los principios de la letra
manuscrita, donde el texto se alinea con el margen izquierdo y acaba de
forma irregular, caracterizándose por su margen derecho variable. Esta
clase de alineación de textos es probablemente la más legible.
![Page 113: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/113.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
DISPOSICIÓN TIPOGRÁFICA
Alineación - texto alineado a la derecha
Este recurso es menos habitual,
puesto que es más complicado de leer, resulta difícil encontrar la nueva
línea. Las líneas comienzan de forma irregular, cada una de las ellas
parte de diferente punto, pero termina en el mismo.
Este método puede ser adecuado para un texto que no sea muy
extenso, es útil para los pies de foto, ilustración u otros textos de
acompañamiento, en la que la relación entre texto e imagen sea
ambigua.
Se distingue claramente del cuerpo de texto.
![Page 114: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/114.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
DISPOSICIÓN TIPOGRÁFICA
Alineación - texto centrado
Esta composición impone simetría al texto, dos márgenes variables.
Esta composición crea formas muy marcadas en la página por lo tanto
se deben retocar los saltos de línea
para que el texto no resulte demasiado dentado.
Es preferible contar con líneas medias a tener unas muy cortas y otras
demasiado largas.
![Page 115: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/115.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
DISPOSICIÓN TIPOGRÁFICA
Alineación - texto justifi cado
Se entiende que una columna de texto está justifi cada si sus márgenes
izquierdo y derecho son uniformes, de manera que todas las líneas tipo-
gráfi cas que la componen tienen la misma medida. Esto es muy fácil de
resolver en líneas largas, puesto que se componen de más palabras y
espacios blancos para modifi car, sin embargo es muy complicado para
las líneas cortas, por la escasez de espacios para efectuar variaciones.
![Page 116: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/116.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Masa gris = color tipográfi co
![Page 117: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/117.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Diseño de tipografía
Los programas que podemos utilizar son entre otros:
-ScanFont
-FontLab
-Fontographer
-FontForge
-Robofont
-Glyphs
-DTL FontMaster
-FontCreator
![Page 118: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/118.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 119: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/119.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 120: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/120.jpg)
4. Tipografía
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
CONCLUSIONES
Ninguna variable tipográfi ca es independiente de las otras:
- Del tamaño del cuerpo depende la línea.
- De la longitud de la línea depende la interlinea.
- De las interlineas depende la coherencia del párrafo, etc.
![Page 121: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/121.jpg)
Composición5
![Page 122: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/122.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
¿Qué es Layout?
La disposición de los elementos de texto e imagen en un diseño.
La relación de estos elementos, tanto entre ellos como con el
esquema general del diseño, repercutirán en el modo en que
los lectores verán y recibirán el contenido, así como en su reacción
emocional.
![Page 123: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/123.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
¿Cómo lee la gente?
La gente lee de izquierda a derecha, empieza en la cabecera y
termina al pie.
Tiende a relacionar lo cercano y desvincular lo distante, considera
más relevante lo grande que lo pequeño.
![Page 124: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/124.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Características de la composición
Los principios: no representan reglas absolutas fi jas, marcan
caminos ciertos pero que pueden materializarse de modos muy
diversos.
![Page 125: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/125.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Principios de la construcción gráfi ca
unidad,
ritmo,
proporción,
equilibrio,
intensidad,
movimiento,
disposición.
![Page 126: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/126.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
PROPORCIÓN
La proporción es la relación entre dos o más partes. Entra en juego
en cuanto ponemos un elemento junto a otro; para que esta
relación funcione, la proporción debe ser la adecuada:
-entre las letras y el espacio,
-el contenido y las ilustraciones,
-los titulares y el texto.
![Page 127: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/127.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Sección áurea
La sección áurea se encuentra presente en la naturaleza, el arte
y la arquitectura. Nunca debe forzarse la geometría de un diseño
en detrimento de otro objetivo de diseño.
![Page 128: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/128.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Sucesión de Fibonacci
Secuencia de números en la que cada uno es la suma de los dos
términos anteriores 0-1-1-2-3-5-8-13...
Se encuentran patrones de esta secuencia en las formas
naturales, como pétalos de los fl ores, las espirales de las galaxias
y los huesos de la mano humana.
La omnipotencia de esta secuencia en la naturaleza ha llevado
a la conclusión de que los patrones basados en la sucesión de
Fibonacci son intrínsecamente estéticos.
![Page 129: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/129.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
48
78126
78
204
126
330
204
534
863
330
1.397
534
863
2.260
06339
102
63165
266
102
165
432
266
698
432
1.130
698
1.829
0
Le Corbusier - MODULOR.
![Page 130: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/130.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Equilibrio
Hay que tener en cuenta los elementos y el espacio entre ellos.
El equilibrio es un resultado de la relación entre los elementos en sí y
el espacio negativo.
![Page 131: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/131.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 132: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/132.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Equilibrio formal o estático
Se basa en la simetría.
Un equilibrio formal refl ejará estabilidad, calma y estatismo.
![Page 133: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/133.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Equilibrio informal o dinámico
Está altamente cargado de fuerza gráfi ca y dinamismo.
Prescinde por completo de la simetría.
Se consigue en base a contraponer y contrastar los pesos
visuales de los elementos.
![Page 134: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/134.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 135: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/135.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Equilibrio - color
Determinados colores poseen mayor peso visual que otros.
Cuanto más luminosos e intensos sean, mayor peso compositivo
tendrán.
![Page 136: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/136.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Equilibrio - ritmo
El ritmo consiste en la repetición de un patrón regular y marcado.
El diseño de patrones emplea por lo general repeticiones sin
interrupción, aunque éstas le pueden aportar dinamismo.
![Page 137: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/137.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Jerarquía
Sin jerarquía, la comunicación gráfi ca resulta monótona y de difícil
navegación. El diseñador debe determinar cuál es el orden en el
que el observador va a percibir cada uno de los elementos del
diseño, guiándolo a través de la composición desde la información
más relevante hasta la más irrelevante.
![Page 138: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/138.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Tamaño
Los elementos de mayor tamaño acostumbran a estar en primer
plano y, por lo tanto, más cerca del observador, mientras que los
de menor tamaño se guardan por detrás de los primeros, lo que
produce que automáticamente se les considere menos importantes.
![Page 139: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/139.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Formas
Las formas únicas dentro de una composición atraen la atención
a primera vista. Una forma discordante rompe la monotonía.
![Page 140: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/140.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Color
Los colores cálidos como el amarillo o el rojo siempre dan la
sensación de encontrarse en primer plano, mientras que los
colores fríos tienden a quedarse en el fondo de la composición.
![Page 141: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/141.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Contraste
El hecho de crear un contraste explícito entre dos elementos
atrae la atención sobre ellos.
![Page 142: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/142.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 143: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/143.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 144: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/144.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Movimiento
Lo más importante es no dejar que el observador deje de mirar el
diseño hasta que haya recorrido la composición en su totalidad.
![Page 145: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/145.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Aire
![Page 146: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/146.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Figura y fondo
Las relaciones entre fi gura y fondo conforman la percepción visual.
Una fi gura (forma) se ve siempre con relación a lo que le rodea
(fondo).
relación estable relación de reversibilidad relación ambigua
![Page 147: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/147.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 148: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/148.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 149: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/149.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
![Page 150: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/150.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Retículas
Una red de líneas que, por lo general, corren horizontal y
verticalmente en incrementos de ritmo uniforme. La retícula
ofrece un fundamento lógico y un punto de partida para toda
composición, de manera que convierte un área en blanco en un
campo dotado de estructura.
Ectet adiam veliquat, velenibh ectem dignis augiame tuercipisis ad ta n vulput ipsum voluptat. Duipsus cidunt amcommy nissi.
Sandreet nulpute faccummy nons aliquat, secte consectet iure dipsum eliquat velit autatue ming esto ent prat. Duisisisi o dolor ipsum zzriustrud dolese minis essi.
Acipsus e molor sim zzrilit ip elesequatue min henisim acillao r onsequam vel del dionsequipis alisi tatuerat, consequisl iriliqu ismodip eugait nonullumsan utpat at, quatum at wisi er at praessequam, commodignim esequamet nim eum del ero cons nullaor inim et wisit, consequis et, cor sed mincinim autat nulluptat.
Ate ming estrud do ea ad tem irit vel ing ercing er ilis dunt vercipsum in ea aliscinibh enibh eniamet nonumsan ent la feugait eliquate doloborperit niam dunt aliquate dolobor s aci et am, vel et iliqui tetum eu facilit nibh eugait lobore magna aliquipit, commy nosto od ming erat. Duisi.
Rate venisim quis acing et augiam et delenim dolorercil ip er inim il dunt nis nons nulputpate min utat endre mincilit ipsustrud tat alisl ut lut uta smodo er suscin ut alit wisi ecte magnim nulput essi blaorer sum ecte dion ut vullutpate feu facipis alit, quat, venit, si niamet nos dunt nonsenibh eu feu feuis ad duipit landre consequ amconse quismoloreet adigna
Gue corperit, si blandignibh eros o conulputpat illa faccum iure con ulput venibh eliquat iliquismod dolut num irilla faccummy nullam dignibh ent iuscipit volorero eu faccumsan velesent vullandit lum aliquat, commodo lorpero do coreros e dit ut dolor s nos num inisciliquam vel et, con hendit ad mod dionse dions dolessisim veliquat. To dio dolore vullan ullandre feugiatue ent wisi.
Pissit atuero eugait volutem dolore ectem quissed dolore magna faccum veros at ver augait aciliqu ipsuscillam, con ut am in utet a e vulla faciduisis alit lore dolore commolorem ilit el delisi eui exeriusto consequisl dolor sustrud tat aciduis sequat.
Ugiam vel ip exer aut ullaorem Tie modolor ncing enit ad dolobor amcorem in veniam duisit nulland
rerius o odo corperos num zzriusci bla ad dolorem zzrillam, qua e
Erit nismolorpero dolor am ing erit ex euisi sl ut lore tat lorem ver sequam erit am, voluptat, summy nonsequiscin ex erit utpate duipis niat, cor sis am qui tat.
Sisi. Xeros e euiscipit, quatuer iustrud tat dolesed magna at.
In el ut lore facipsum eum nisit non heniametum velit vulput non henit am, si elent in henit lorer aliquisim vel eugue commolore enisisciduis nosto dionullan el dip eugait amet pratuero consenissi.
Minim inisit am ver aliquis nissequat. Dui te magna facidunt ad exeriure feu faccum iriuscilit et, susciduipisl er susto do conum incidunt at, commolore dolor autpat. Os nostrud magna augait lorem irit doluptat. Ut wisit augue vulput venis adio odolore dunt lobore dolesto odit wisit venit er sequat. It nullum atue delent prat. Molore dolenis eu faciduip et, verit acipit, quisit iuscip eugue tate modio exerit acilis ad del
Onse volorperatum velit Ectet adiam veliquat, velenibh ectem dignis augiame tuercipisis ad ta n vulput ipsum voluptat. Duipsus cidunt amcommy nissi.
Sandreet nulpute faccummy nons aliquat, secte consectet iure dipsum eliquat velit autatue ming esto ent prat. Duisisisi o dolor ipsum zzriustrud dolese minis essi.
Acipsus e molor sim zzrilit ip elesequatue min henisim acillao r onsequam vel del dionsequipis alisi tatuerat, consequisl iriliqu ismodip eugait nonullumsan utpat at, quatum at wisi er at praessequam, commodignim esequamet nim eum del ero cons nullaor inim et wisit, consequis et, cor sed mincinim autat nulluptat.
Ate ming estrud do ea ad tem irit vel ing ercing er ilis dunt vercipsum in ea aliscinibh enibh eniamet nonumsan ent la feugait eliquate doloborperit niam dunt aliquate dolobor s aci et am, vel et iliqui tetum eu facilit nibh eugait lobore magna aliquipit, commy nosto od ming erat. Duisi.
Rate venisim quis acing et augiam et delenim dolorercil ip er inim il dunt nis nons nulputpate min utat endre mincilit
ipsustrud tat alisl ut lut uta smodo er suscin ut alit wisi ecte magnim nulput essi blaorer sum ecte dion ut vullutpate feu facipis alit, quat, venit, si niamet nos dunt nonsenibh eu feu feuis ad duipit landre consequ amconse quismoloreet adigna
Gue corperit, si blandignibh eros o conulputpat illa faccum iure con ulput venibh eliquat iliquismod dolut num irilla faccummy nullam dignibh ent iuscipit volorero eu faccumsan velesent vullandit lum aliquat, commodo lorpero do coreros e dit ut dolor s nos num
inisciliquam vel et, con hendit ad mod dionse dions dolessisim veliquat. To dio dolore vullan ullandre feugiatue ent wisi.
Pissit atuero eugait volutem dolore ectem quissed dolore magna faccum veros at ver augait aciliqu ipsuscillam, con ut am in utet a e vulla faciduisis alit lore dolore commolorem ilit el delisi eui exeriusto consequisl dolor sustrud tat aciduis sequat.
Ectet adiam veliquat, velenibh ectem dignis augiame tuercipisis ad ta n vulput ipsum voluptat. Duipsus cidunt amcommy nissi.
Sandreet nulpute faccummy nons aliquat, secte consectet iure dipsum eliquat velit autatue ming esto ent prat. Duisisisi o dolor ipsum zzriustrud dolese minis essi.
Acipsus e molor sim zzrilit ip elesequatue min henisim acillao r onsequam vel del dionsequipis alisi tatuerat, consequisl iriliqu ismodip eugait nonullumsan utpat at, quatum at wisi er at praessequam, commodignim esequamet nim eum del ero cons nullaor inim et wisit, consequis et, cor sed mincinim autat nulluptat.
Ate ming estrud do ea ad
tem irit vel ing ercing er ilis dunt vercipsum in ea aliscinibh enibh eniamet nonumsan ent la feugait eliquate doloborperit niam dunt aliquate dolobor s aci et am, vel et iliqui tetum eu facilit nibh eugait lobore magna aliquipit, commy nosto od ming erat. Duisi.
Rate venisim quis acing et augiam et delenim dolorercil ip er inim il dunt nis nons nulputpate min utat endre mincilit ipsustrud tat alisl ut lut uta smodo er suscin ut alit wisi ecte magnim nulput essi blaorer sum ecte dion ut vullutpate feu facipis alit, quat, venit,
Ectet adiam veliquat, velenibh ectem dignis augiame tuercipisis ad ta n vulput ipsum voluptat. Duipsus cidunt amcommy nissi.
Sandreet nulpute faccummy nons aliquat, secte consectet iure dipsum eliquat velit autatue ming esto ent prat. Duisisisi o dolor ipsum
zzriustrud dolese minis essi.
Acipsus e molor sim zzrilit ip elesequatue min henisim acillao r onsequam vel del dionsequipis alisi tatuerat, consequisl iriliqu ismodip eugait nonullumsan utpat at, quatum at wisi er at praessequam, commodignim esequamet nim eum del ero cons nullaor inim et wisit, consequis et, cor sed mincinim autat nulluptat.
Ate ming estrud do ea ad tem irit vel ing ercing er ilis dunt vercipsum in ea aliscinibh enibh eniamet nonumsan ent la feugait eli-quate doloborperit niam dunt aliquate dolobor s aci et am, vel et iliqui tetum eu facilit nibh eugait lobore magna aliquipit, commy nosto od ming erat. Duisi.
Rate
Acipsus e molor sim zzrilit ip elesequatue min henisim acillao r onsequam vel del dionsequipis alisi tatuerat, consequisl iriliqu ismodip eugait nonullumsan utpat at, quatum at wisi er at praessequam, commodignim esequamet nim eum del ero cons nullaor inim et wisit, consequis et, cor sed mincinim autat nulluptat.
Ate ming estrud do ea ad tem irit vel ing ercing er ilis dunt vercipsum in ea aliscinibh enibh eniamet nonumsan ent la feugait eli-quate doloborperit niam dunt aliquate dolobor s aci et am, vel et iliqui tetum eu facilit nibh eugait lobore magna aliquipit, commy nosto od ming erat. Duisi.Ate ming estrud do ea ad tem irit vel ing ercing er ilis dunt
Gue corperit, si blandignibh eros o conulputpat illa faccum iure con ulput venibh eliquat iliquismod dolut num irilla faccummy nullam dignibh ent iuscipit volorero eu faccumsan velesent vullandit lum aliquat, commodo lorpero do coreros e dit ut dolor s nos num inisciliquam vel et, con hendit ad mod dionse dions dolessisim veliquat. To dio dolore vullan ullandre feugiatue ent wisi.
Pissit atuero eugait volutem dolore ectem quissed dolore magna faccum veros at ver augait aciliqu ipsuscillam, con ut am in utet a e vulla faciduisis alit lore dolore commolorem ilit el delisi eui exeriusto consequisl dolor sustrud tat aciduis sequat.
Ectet adiam veliquat, velenibh ectem dignis augiame tuercipisis ad ta n vulput ipsum voluptat. Duipsus cidunt amcommy nissi.
Sandreet nulpute faccummy nons aliquat, secte consectet iure dipsum eliquat velit autatue ming esto ent prat. Duisisisi o dolor ipsum
zzriustrud dolese minis essi.
vercipsum in ea aliscinibh
Rate venisim quis acing et augiam et delenim dolorercil ip er inim il dunt nis nons nulputpate min utat endre mincilit ipsustrud tat alisl ut lut uta smodo er suscin ut alit wisi ecte magnim nulput essi blaorer sum ecte dion ut vul-lutpate feu facipis alit, quat, venit, si niamet nos dunt
nonsenibh eu feu feuis ad duipit landre consequ amconse quismolo-reet adigna
Gue corperit, si blandignibh eros o conulputpat illa faccum iure con ulput venibh eliquat iliquismod dolut num irilla faccummy nullam dignibh ent iuscipit volorero eu faccumsan velesent vullandit lum aliquat, commodo lorpero do coreros e dit ut dolor s nos num inisciliquam vel et, con
consectet iure dipsum eliquat velit autatue ming esto ent prat. Duisisisi o dolor ipsum zzriustrud dolese minis essi.
tuercipisis ad ta n vulput ipsum voluptat. Duipsus cidunt amcommy nissi. Sandreet nulpute faccummy nons aliquat, secte
Ectet adiam veliquat, velenibh
Acipsus e molor sim zzrilit ip elesequatue min henisim acillao r onsequam vel del dionsequipis alisi tatuerat, consequisl
iriliqu ismodip eugait nonullumsan utpat at, quatum at wisi er at praessequam, commodignim esequamet nim eum del ero cons
nullaor inim et wisit, consequis et, cor sed mincinim autat nulluptat.
Ate ming estrud do ea ad tem irit vel ing ercing er ilis dunt vercipsum in ea aliscinibh enibh eniamet nonumsan ent la feugait eliquate doloborperit niam dunt aliquate dolobor s aci et am, vel et iliqui tetum eu facilit nibh eugait lobore magna aliquipit, commy nosto od ming erat. Duisi.
Duipsus cidunt amcommy nissi.
Sandreet nulpute faccummy nons aliquat, secte consectet iure dipsum eliquat velit autatue ming esto ent prat. Duisisisi o dolor ipsum
zzriustrud dolese minis essi.
Acipsus e molor sim zzrilit ip elesequatue min henisim acillao r onsequam vel
del dionsequipis alisi tatuerat, consequisl iriliqu ismodip eugait nonullumsan utpat at, quatum at wisi er at praessequam, commodignim ese-quamet nim eum del ero cons .
Ate ming estrud do ea ad tem irit vel ing ercing er ilis dunt vercipsum in
ea aliscinibh enibh eniamet
nonumsan ent la feugait eliquate doloborperit niam dunt aliquate dolobor s aci et am, vel et iliqui tetum eu facilit nibh eugait lobore magna aliquipit, commy nosto od ming erat. Duisi.
Rate venisim quis acing et augiam et delenim
Duipsus cidunt amcommy nissi.Sandreet nulpute faccummy nons aliquat, secte consectet iure
dipsum eliquat velit autatue ming esto ent prat. Duisisisi o dolor ipsum zzriustrud dolese minis essi.
Ugiam vel ip exer aut ullaorem
Gue corperit, si blandignibh eros o conulputpat illa faccum iure con ulput venibh eliquat iliquismod dolut num irilla faccummy nullam dignibh ent iuscipit volorero eu faccumsan velesent vullandit lum aliquat, commodo lorpero do coreros e dit ut dolor s nos num inisciliquam vel et, con hendit ad mod dionse dions dolessisim veliquat. To dio dolore vullan ullandre feugiatue ent wisi.
Pissit atuero eugait volutem dolore ectem quissed dolore magna faccum veros at ver augait aciliqu ipsuscillam, con ut am in utet a e vulla faciduisis alit lore dolore commolorem ilit el delisi eui exeriusto consequisl dolor sustrud tat aciduis sequat.
Ate ming estrud do ea ad tem irit vel ing ercing er ilis dunt vercipsum in ea aliscinibh enibh eniamet nonumsan ent la feugait eliquate doloborperit niam dunt aliquate dolobor s aci et am, vel et iliqui tetum eu facilit nibh eugait lobore magna aliquipit, commy
Rate venisim quis acing et augiam
Acipsus e molor sim zzrilit
In el ut lore facipsum eum nisit non heniametum velit vulput non henit am, si elent in henit lorer aliquisim vel eugue commolore enisisciduis nosto dionullan el dip eugait amet pratuero consenissi.
Ectet adiam veliquat, velenibh ectem dignis augiame tuercipisis ad ta n vulput ipsum voluptat. Duipsus cidunt amcommy nissi. Sandreet nulpute faccummy nons aliquat, secte consectet iure dipsum eliquat velit autatue ming esto ent prat. Duisisisi
Sandreet nulpute faccummy nons aliquat, secte consectet iure dipsum eliquat velit autatue ming esto ent prat. Duisisisi o dolor ipsum zzriustrud dolese minis essi.
Acipsus e molor sim zzrilit ip elesequatue min henisim acillao r onsequam vel del dionsequipis alisi tatuerat molor sim zzrilit ip elese-quatue min henisim acillao r onsequam vel del dionsequipis alisi tatuerat
Ectet adiam veliquat, velenibh ectem dignis augiame tuercipisis ad ta n vulput ipsum voluptat. Duipsus cidunt amcommy nissi.
Sandreet nulpute faccummy nons aliquat, secte consectet iure dipsum eliquat velit autatue ming esto ent prat. Duisisisi o dolor ipsum zzriustrud dolese minis essi.
Acipsus e molor sim zzrilit ip elesequatue min henisim acillao r onsequam vel del dionsequipis alisi tatuerat, consequisl iriliqu ismodip
VoluptatDcidunt
amcommy nissi.Sandreet nulpute
faccummy nons aliquat, secte consectet iure dipsum eliquat velit autatue ming esto ent prat. Duisisisi o dolor ipsum zzriustrud dolese
Ate ming estrud do ea ad tem irit vel ing ercing er ilis dunt vercipsum in ea aliscinibh enibh eniamet nonumsan ent la feugait eliquate doloborperit niam dunt aliquate dolobor s aci et am, vel et iliqui tetum eu facilit nibh eugait lobore magna aliquipit, commy nosto od ming erat. Duisi.
Pissit atuero eugait volutem
Dolore ectem quissed dolore magna faccum veros at ver augait aciliqu ipsuscillam, con ut am in utet a e vulla faciduisis alit lore dolore commolorem ilit el delisi eui exeriusto consequisl dolor sustrud tat aciduis sequat. Ate ming estrud do ea ad tem irit vel ing ercing er ilis dunt vercipsum in ea aliscinibh enibh eniamet nonumsan ent la feugait
![Page 151: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/151.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Recomendaciones prácticas
Analizar el material que se quiere incluir en el diseño, decidir el
soporte en el que realizarlo, y realizar los cálculos.
Destacar la información más importante, por color, tamaño,
forma, etc.
Plantearse
-qué información se debe transmitir,
-cuánta información se debe transmitir,
-en qué orden se quiere transmitir la información.
Comprobar si está equilibrada la página.
![Page 152: Introducción al Diseño Gráfi co y Comunicación anna …webdiis.unizar.es/asignaturas/IPO/wp-content/uploads/2013...La textura aporta al diseño una mirada, sensación, o una superficie.](https://reader030.fdocuments.es/reader030/viewer/2022020315/5b19bb3e7f8b9a19258ce949/html5/thumbnails/152.jpg)
5. Composición
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo de Producto ... UZ ... Anna Maria Biedermann
Bibliografía
1. Layout. Ambrose, Harris........................................................................Parramón, 2005
2. Diseño gráfi co. Nuevos Fundamentos. E.Lupton, J.Cole Phillip.......Gustavo Gill, 2009
3. Bases de diseño gráfi co. Alan Swann...............................................Gustavo Gill, 1990
4. Principios universales de diseño. W.Lindwell, K. Holden, J. Butler............Blume, 2005
5. Papel. M.Hampshire, K Stephenson.................................................Gustavo Gill, 2008
6. Diseño y Producción Gráfi ca. R.P.Puértolas.................................Ediciones CPG, 2008
7. Como diseñar retículas. Alan Swann...................................................GG/México 1990
8. Cómo combinar y elegir tipografía para el diseño grafi co, I. Pepe,..Gustavo Gill, 1992
9. Topografía digital, Andy Ellison,..........................Paramón Arquitectura y Diseño, 2008
10. Layout. Ambrose, Harris......................................................................Parramón, 2005
11. Diseño gráfi co y comunicación, D.Tena Parera...............Pearson, Prentice Hall, 2004
12. La imagen de marca. Un fenómeno social. Joan Costa.....................Barcelona, 2004
13. Diseñar hoy. Raquel Pelta........................................................................Paidós, 2004