Primeros auxilios del diseño by Red Vinilo
-
Upload
red-vinilo -
Category
Design
-
view
194 -
download
0
Transcript of Primeros auxilios del diseño by Red Vinilo
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