Introducción al Diseño Gráﬁ 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?



¿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.



¿Que es diseño gráfi co?



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



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.



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.



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.



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.



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.



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.



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.



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.



Volumen

Es el plano en movimiento, en los diseños en dos dimensiones

el volumen es ilusorio.



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.



Tamaño

El tamaño es relativo cuando vamos comparando los objetos

pero también se corresponde con las medidas exactas.



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.



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.



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.



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.



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.



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.



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.



Asimetría

Composiciones dinámicas, inestables, mayor tensión dramática.



Armonía

Los elementos que forman parte de la composición guardan

relaciones de semejanza entre si.



Simplicidad



Contraste

Evita la ambigüedad en la composición al provocar que los

elementos opuestos se afiancen en su significado.

Branding2

2. Branding


¿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


¿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


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


¿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


TIPOS DE MARCA

Marca única

2. Branding


TIPOS DE MARCA

Marcas múltiples

2. Branding


TIPOS DE MARCA

Marca mixta

2. Branding


TIPOS DE MARCA

Marca de distribución

2. Branding


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


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


2. Branding


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


Extensión de marca

2. Branding


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


2. Branding


Contexto

Los símbolos de las marcas se adaptan a la sociedad a la que quieren

comunicar.

2. Branding


2. Branding


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


Logotipo

Es la gráfi ca que adquiere la marca como expresión escrita.

2. Branding


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


Imagotipo

La combinación de Logotipo y Símbolo se conoce

como imagotipo o logosímbolo.

2. Branding


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


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


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


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


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


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


2. Branding


Segmentos de clientes

2. Branding


Mapa de empatía

2. Branding


Propuesta se Valor

2. Branding


Flujos de ingresos

2. Branding


Costes

Color3

3. Color


¿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


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


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


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


Modelos de color RGB

Combina porcentajes de luz roja , verde y azul

para generar los colores de espectro.

3. Color


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


3. Color


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


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


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


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


Temperatura de color

3. Color


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


¿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


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


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


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


SERIFAS ≠ PALO SECO

Tipografía con serifa

Tipografía sin serifa

4. Tipografía


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


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


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


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


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


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


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



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



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



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


Masa gris = color tipográfi co

4. Tipografía


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


4. Tipografía


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


¿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


¿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


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


Principios de la construcción gráfi ca

unidad,

ritmo,

proporción,

equilibrio,

intensidad,

movimiento,

disposición.

5. Composición


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


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


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


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


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


5. Composición


Equilibrio formal o estático

Se basa en la simetría.

Un equilibrio formal refl ejará estabilidad, calma y estatismo.

5. Composición


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


5. Composición


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


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


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


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


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


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


Contraste

El hecho de crear un contraste explícito entre dos elementos

atrae la atención sobre ellos.

5. Composición


5. Composición


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


Aire

5. Composición


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


5. Composición


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.




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.





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,


Sandreet nulpute faccummy nons aliquat, secte consectet iure dipsum eliquat velit autatue ming esto ent prat. Duisisisi o dolor ipsum

zzriustrud dolese minis essi.


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


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






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.


Duipsus cidunt amcommy nissi.



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



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


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



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


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


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


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

Introducción al Diseño Gráﬁ co y Comunicación anna maria ...vemos, como las letras en un...

Documents

Transcript of Introducción al Diseño Gráﬁ co y Comunicación anna maria ...vemos, como las letras en un...