HOLA

GuiónI . Proceso gráfico.

II. Elementos gráficos. III .Trucos y consejos.

I. Proceso Gráfico.

1.El briefing. 2. Generación de ideas. 3. Creando la forma.

1.Definir el problema. (briefing)

¿Qué queremos comunicar? ¿A quién? ¿Por qué? ¿Dónde y cuándo? Es fundamental entender el propósito para hacer un buen diseño.

I.Proceso Gráfico.

2.Generando ideas.MOOD BOARD. Inspiración. Papel y lápiz, rotus, pegamento…

I.Proceso Gráfico.

3.Creando la forma.La parte del ordenador…

I.Proceso Gráfico.

1.Tipografia. 2. Color. 3.”Logo”.

4. Imágenes (fotografías, ilustraciones, infografías y otros).

II. Elementos Gráficos.

1.Tipografia.

Para buscar fuentes: www.dafont.com y algunas gratis: www.losttype.com, fontfabric.com

Clasificación Exprés.

Serif Sans Serif

Script Slab Font Monospace

Fuente: http://www.designboom.com/art/dogfonts-by-grafisches-buro/

Clasificación Exprés.

Algunos ejemplos de usos.

Fuente: https://www.pinterest.com/pin/340514421802654034/

Hay una tipografía para cada ocasión.

Fuente: https://www.pinterest.com/pin/340514421802710134/

Existen miles de tipografías. Navegando por internet encontraréis cientos de tipografías.

Un ejemplo curioso son las tipografías creadas por Arrels fundació.

Fuente: homelessfonts.org

Las más clásicas son las que siempre funcionan. Las reconocerás en los

logos de algunas de las marcas más famosas.

Didot

Engravers Gothic

Trade gothic

Futura

Avant Garde

2. COLOR.

Para buscar inspiración: design-seeds.com Y para ir un poco más allá: color.adobe.com

Colores análogos

Colores monocromáticos

Colores complementarios

Rueda de color.

Más información sobre armonías de color: www.vectoralia.com/manual/html/armonias_de_color.html

Ofrece una orientación básica para escoger colores.

Usan varias intensidades (brillo, saturación) de un mismo color.

Ocupan posiciones inmediatamente próximas en la rueda de colores. Por su parecido, armonizan bien entre sí.

Se encuentran en puntos opuestos del círculo cromático. Estos colores se

refuerzan mutuamente y crean contraste.

Modos de Color.

CMYK: “color papel”

(impresión offset y digital)

RGB: “color pantalla -luz”

(ppt, web, newsletter…)

Pantone colores de catálogo

Hexadecimal colores web (por ejemplo #ffffff)

M Y

CK GG

B R

Inspiración.Paletas de colores y combinaciones que nos pueden servir de referencia.

Paletas de colores: http://design-seeds.com/

3. Logotipo.Centro de la imagen corporativa.

Firma indispensable para identificar los materiales de una marca.

Caso nike.

* Puedes leer más sobre las difrencias entre logotipo, isotipo, imagotipo, isologo, etc. en www.brandemia.org

Un ejemplo de marca muy madura que es reconocible incluso usando solo su isotipo*.

Los logos pueden tener diferentes aplicaciones, por ejemplo la habitual sobre fondo blanco y otra sobre fondo azul (su inverso).

Banc Sabadell.

Otros ejemplos de logos famosos.

4. IMÁGENES.

FOTOGRAFÍA

ILUSTRACIÓN

OTROS GRÁFICOS

III. Trucos y consejos.

1.Retícula. 2. Contraste. 3. Equilibrio. 4. Jerarquía. 5. Cohesión. 6. Coherencia.

7. Aire.

Retícula. El secreto del diseñador.

Primero fija una estructura, luego rómpela.

Retícula. El secreto del diseñador.

Primero fija una estructura, luego rómpela.

https://www.pinterest.com/pin/292663675762707300/https://www.pinterest.com/pin/292663675762707314/

Fuentes: erretres.com/drivenbydesign, cristinadelpueyo.wordpress.com/fotografs-per-la-pau-diseno-editorial/

Ejemplo

Contraste. Sirve para atraer la atención hacia un elemento

del diseño o reforzar su interés visual. El contraste se puede crear por diferencia de

tamaño, de color/ tono y de contorno.

Ejemplo

contraste.

Ejemplo

contraste.

Equilibrio. El orden nos ayuda a leer y entender la información. El equilibrio es un principio

estético en nuestra cultura.

Jerarquía. El tamaño importa.

Plantea gráficamente los mensajes que quieres comunicar en orden de

importancia.

Título

Evento/Lugar - sello

Fecha

logo

Letra pequeña

Cohesión. Agrupar la información.

No a la dispersión para llenar espacios.

Título

Fecha / lugar

Letra pequeña

Participantes

Coherencia. Tanto gráfica como de contenido y tono. Nuestra marca tiene una personalidad y nuestra comunicación ha de ser fiel a ella.

(En todos los formatos-soportes)

Ejemplo

Aire. Sin miedo. El espacio vacío

es un elemento gráfico más.

Keep it simple. MENOS ES MÁS

Listado de recursos (I).

1. Webs para encontrar y descargar tipografías. dafont.com losttype.com fontfabric.com

2. Inspiración para paletas de colores. design-seeds.com

colourlovers.com/palettes

Listado de recursos (II).

3. Webs de edición de fotografías. pixlr.com fotor.com

4. Fotografías de stock gratuitas. gratisography.com

publicdomainarchive.com

5. Recursos para diseñadores (iconos, mockups…). graphicburger.com

¡Gracias! Feliz Diseño