disec3b1o-grc3a1fico-1

Vista previa del material en texto

Introducción al Diseño Gráfi co y Comunicación 
anna maria biedermann
Elementos básicos. 1
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?
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
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
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. 
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?
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
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. 
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
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
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
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
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.
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
cod
ifi ca
ció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.
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
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
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. 
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.
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. 
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
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. 
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
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
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. 
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
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.
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
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.
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
1. Introducción y elementos básicos
Diseño Gráfi co y Comunicación ... Grado en Ingeniería de Diseño y Desarrollo deProducto ... 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.
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. 
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.
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
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
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
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.
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.
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.
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
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.
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
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.
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.
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.
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
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.
Branding2
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
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.
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
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.
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 
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
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
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
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).
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.
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
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
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. 
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
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
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
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.
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
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
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
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
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.
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.
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.
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.
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?
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. 
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.
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.
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. 
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: 
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
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
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
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
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
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
Color3
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.
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.
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 fuentelumínica 
agrega o suma componentes a la luz que vemos.
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. 
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. 
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.
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
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.
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.
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. 
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.
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
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.
Tipografía4
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.
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í
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 
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 
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
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.
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.
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.
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.
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
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.
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 - textoalineado 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.
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.
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.
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.
 
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
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
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
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
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.
Composición5
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.
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.
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.
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.
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.
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.
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.
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
78
126
78
204
126
330
204
534
863
330
1.397
534
863
2.260
0
63
39
102
63
165
266
102
165
432
266
698
432
1.130
698
1.829
0
Le Corbusier - MODULOR.
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.
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
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.
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.
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
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.
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.
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. 
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.
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.
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.
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.
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
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
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.
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 
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 
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
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
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
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 
nulputpatemin 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 evulla 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 
Voluptat
Dcidunt 
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 
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.
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