Introducción al Diseño Gráfi co y Comunicación anna maria ...vemos, como las letras en un...
Transcript of Introducción al Diseño Gráfi co y Comunicación anna maria ...vemos, como las letras en un...
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
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.
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 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.
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 fuente lumí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 - 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.
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
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.
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 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
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