Trabajo de la clase 4 de Diseño de Materiales Didácticos Digitales (FBA-UNLP)

1. Inkscape
Hacemos un afiche al estilo de
Müller-Brockmann
Prof. Fabio Ares
Tutoriales

2. BIO
Josef Müller-Brockmann
(1914-1996)
Diseñador gráfico y profesor universitario
de origen suizo.
Fue docente de la Escuela de Ulm (Alemania).
Abrió su estudio, especializado en diseño gráfico,
diseño de exposiciones y fotografía.
gners.com/tag/josef-muller-brockmann/

3. BIO
Josef Müller-Brockmann
(1914-1996)
Produjo carteles para el Auditorio de Zurich.
Editor de la revista New Graphic Design.
Consultor de diseño de IBM.
Autor de libros como El artista gráfico y sus problemas de diseño,
Historia del póster y Sistemas de Retículas en el Diseño Gráfico.

4. Los diseños de
Josef Müller-Brockmann
Simples.
Claridad del mensaje.
Uso estricto de la retícula.
Ruptura mediante ejes diagonales.

6. Los diseños de
Josef Müller-Brockmann
Inclusión de plenos geométricos.
Raramente empleó
imágenes fotográficas.
Cuando lo hizo:
expresivas y jugando con los planos.

8. Los diseños de
Josef Müller-Brockmann
Tipografías
sans serif grotescas.
Jerarquización
mediante variables tipográficas.
Juegos compositivos.

10. Trabajo Práctico
Adaptar los lineamientos definidos
por Müller-Brockmann para diseñar
un afiche en Inkscape.
Atender a los siguientes parámetros...

11. Formato
Ir a: Archivo/Propiedades del documento
• Definir tamaño del afiche (ej: A1)

12. Retícula o grilla
Ir a: Propiedades del documento/Rejillas
• Proponer división para el campo
(ej: Rejilla axonométrica).
• Definir ángulo
para las diagonales
de nuestro diseño
(ej: 45°)

13. Tipografía
Ir a: Crear y editar objetos de texto (F8)
• Seleccionar familia para el diseño (ALT+X)
(ej: Chivo)
• Asignar cuerpos (tamaño de tipografía)
y variables de tono e inclinación
(estilo tipográfico)
• Componer atendiendo a la grilla definida.

14. diseños
sim
ples
escritura
unitaria
tipos
sans
serif

15. Plenos
Ir a: Crear cuadrados y rectángulos (F4)
• Asignar un fondo de color al afiche
• Crear figuras geométricas y componer junto
con la tipografía respetando la retícula.
Para rotar, ir a Objeto/Transformar
(Mayús+CTrl+M) y asignar el ángulo.
Se pueden Crear círculos, elipses y arcos (F5)

17. Fotografías
• Para incorporar imágenes fotográficas...
Ir a: Archivo/Importar
y seleccionar
el tipo de archivo
(jpg, tif, png, gif, bmp).
Oprimir Abrir

18. Fotografías
• Una vez importada se debe seleccionar
con el cursor y se puede escalar, mover
y/o rotar para componer junto con el resto
de los elementos respetando la grilla y
en función de la propuesta de diseño.

19. Para terminar
• Guardar el trabajo
Archivo/Guardar como
(svg, pdf, eps, etcétera)
Influencia
de la Gráfica
Suiza
TIPOGRAFÍA
diseños
sim
ples
escritura
unitaria
tipos
sans
serif
Argentina
diseños
sim
ples
tipos
con
y
sin
serif
geom
etrización
También se puede exportar
a .png, mediante:
Archivo/Exportar imagen PNG
ejemplo:

20. ¡Manos a la obra! :)
Este tutorial está bajo una licencia Creative Commons