Libro de estilos by sergio aguilera

univers

Libro de estilos Caracteristicas Generales Perfil de la publicación Target Secciones Tipos de contenido Tirada Materiales

Caracteristicas Especificas Formato Reticulas y modulos Tipografía Portada (cabecera y estrategia gráfica) Elementos corporativos Tratamiento imágenes Recursos gráficos Color

Perfil de la publicación y target Univers es una revista gratuita que prentende informar a estudiantes de diseño gráfico. Además pretende que los usuarios sean parte activa de la revista, mostrando sus trabajos. Se desea que sea facilmente accesible y que pueda captar el interes de todos los estudiantes. Para ello se pretende que la distribución comercial sea en escuelas de enseñanza de diseño gráfico de toda Andalucía. El publico objetivo al que va destinado la revista son estudiantes de diseño gráfico, que están en periodo de aprendizaje y ya tienen un nivel básico. Normalmente tienen las siguientes carácteristicas:

- Estilo de vida liberal y aventurero. Sus gustos son el diseño en general (la comunicación visual) y respecto a las necesidades de este público nos encontramos con personas exigentes (que tienen claro que quieren) y con grandes espectativas de que se lo ofrezcas. El ámbito territorial del publico objetivo es “Andalucia” y se pretende dirigirse a ellos con un lenguaje directo y coloquial.

- Hombres y mujeres - Edad entre 20 y 30 años - Nivel cultural medio-alto - Nivel socioeconómico medio - Personalidad ambiciosa, extrovertida y sociable

SUMARIO C

STAFF, EDITORIAL

BREVES 1T

Secciones

BREVES

ESTUDIANTE DISEÑO C

Univers tiene un ritmo de lectura claramente definido en 3 partes, lo que se puede denominar: - Introducción: En estas primeras páginas (toma de contacto con la revista), y que son de consumo rápido se hablan de temas de actualidad. - Nudo: Contiene el peso informativo de la publicación y es la parte más importante. - Desenlace: Ultima parte de la revista y donde los lectores se pueden hacer participes (concursos, link, agenda)

ESTUDIANTE DISEÑO

INICIO ENTREVISTA DISEÑADOR 1T

ENTREVISTA

ENTREVISTA C

TIPOGRAFIA

ENTREVISTA 1T

TIPOGRAFIA

GRAFISMO C

LIBROS Y WEBS

AGENDA 1T

CONCURSO C

C: Color 1T: 1 Tinta

Tipos de contenidos Sumario y Staff: Resumen de lo publicado en el numero y staff de la revista. Editorial: Explicación del tema de la revista y el primer número en concreto. Breves: Ultimas noticias y novedades en el mundo del diseño gráfico. Estudiante de diseño: Entrevista y portfolio de los trabajos de un estudiante de diseño gráfico. Entrevista diseñador: Esta es la sección estrella de la revista, en ella se hará una entrevista amplia a un personaje de relevancia de diseño gráfico. n1_ isaac león /diseñador español, trabaja en varias áreas como director de arte, creativo para campañas publicitarias y como actionscripter. Estos son algunos de sus trabajos. n2_ Mark Gmehling /diseñador alemán. Tipografia: Sección donde se hablará sobre tipografias. Historia, Tipografias modernas. Ejemplo: n1_ Historia de la tipografia Univers

Tipografo español actual (Andreu Balius) n2_ Tipografia Frutiger Grafismo: Sección donde se intercambian según los números: ilustracción, fotografia, infografia. Ejemplo: n1_ Annie Leibovitz (fotografa) n2_ Alberto Cairo (infografia) Libros y webs: En esta sección se darán a conocer libros y webs de referencia que debe conocer un diseñador gráfico. Agenda: Agenda del mes donde podremos encontrar fechas de conferencias, concursos, exposiciones, etc. Concurso: Cada numero se propone un concurso para que participen los estudiantes. La contraportada se dedicará al ganador del concurso, exponiendo su diseño. Se consigue hacer participes a los lectores en la revista, Ejemplo: n1_ concurso de cartel para anunciar esta misma revista. n2_ concurso del diseño de flayers para fomentar el ahorro energetico.

Formato A4 (29,7 x 21) Formato elegido: 27 x 19,1

Formato El formato elegido para la revista Univers es un tama単o proporcional al A4, siendo este reducido a las siguientes medidas:

Con estas medidas se pretende conseguir un formato optimo para el usuario de Univers, al ser unas proporciones muy utilizadas en libros y revistas. Con la revista abierta quedarian las siguientes medidas: 27cm de alto, 38,2cm de ancho

270 mm

27cm x 19,1cm.

191 mm

382 mm 191 mm 20 mm

Reticulas y modulos

15 mm

Mรกrgenes: Superior: 20 mm Inferior: 30 mm Exterior: 15 mm Interior: 15 mm

15 mm

30 mm

Rejilla base: Incremento 12 puntos Inicio 20 mm

270 mm

Reticula: Nยบ columnas: 6 Espacio columnas: 4,233 mm

univers

Modulos por secci贸n Sumario: Im谩gen Texto Sumario completo

Modulos por secci贸n Staff/Editorial - Breves Staff

univers

Texto Editorial Texto Breves Imagen Breves Publicidad

Modulos por secci贸n Staff/Editorial - Breves Staff Texto Editorial Texto Breves Imagen Breves Publicidad

Modulos por sección Entrevistas: Imágen Texto Pies de foto

En la sección de entrevistas (tanto para el diseñador amateur como el consagrado) se usarán dos columnas (una más estrecha de 2 columnas y otra más ancha 3 columnas), además de otra columna más estrecha de 1 columna para los pies de foto y para airear la página.

univers

//entrevista

Modulos por sección Entrevistas: En la sección de entrevistas (tanto para el diseñador amateur como el consagrado) se usarán dos columnas, además de otra columna más estrecha para los pies de foto y para airear la página.

“Me gustan hacer tantas cosas que si me quedara en esto muchos años más, algo en mí moriría poco a poco”

Diseño de Isaac León para una famosa marca de coches.

*Cuando la doble pagina es de la misma sección solo se pone la cabecera en la pagina izquierda.

me apunté a un curso como aquel, ¿verdad? Pues realmente no lo sé, fue una inercia más en mi vida. Funciono mucho así… Pero un día, alguien me mostró unos ejemplos que había hecho con flash 4, y me cautivó de tal manera, que aquí nacería mi primera conexión, el inicio de mis inicios. Amor a primera vista. A raíz de aquél día mi vida cambió, empecé a devorar todo lo que estuviera relacionado con aquella herramienta, me empecé a estudiar archivos de yugop [en], adescifrar esos códigos que me resultaban indescifrables… y fue entonces cuando me di cuenta de que la programación podía gustarme! ¿Cuáles son tus fuentes de inspiración a la hora de crear algo?¿Fuentes de inspiración? supongo que todo aquello que ha podido pasar por mi retina en algún momento de mi vida, pero no sabría decirte nada en particular. Puede ser una conversación, una noticia del periódico de ayer, o la sensación al entrar en algún lugar. Todo puede inspirarme. Todo es importante. ¿Sigues más o menos un proceso a la hora de realizar tus trabajos? ¿Cómo sería a grandes rasgos? Más o menos sigo siempre unas pautas. Necesito varios din 3, un bolígrafo, música y mis herramientas de diseño. (Photoshop/ Flash/Illustrator) A partir de la hoja en blanco, hay que despegar sin miedo a equivocarse, sin miedo a ser demasiado excéntrico, sin miedo al que dirán, sin miedo a ser uno mismo… ¿Algún proyecto interesante en el futuro? ¿Dónde ves tu trabajo en un plazo de 5-10 años? Muchos! Demasiados! En 5-10 años no quiero dedicarme a esto. Tengo proyectos personales en los que quiero dedicarme y todo lo que he aprendido sobre publicidad, arte, programación, conceptualización, etc… me servirá como una herramienta en la cual construir mis sueños. Me gustan hacer tantas cosas que si me quedara en esto muchos años más, algo en mí moriría poco a poco…

Para aquel que no te conozca demasiado, háblame un poco de ti. Tu pasado, aficiones…Hola a todos! Pues nací hace 30 años en Barcelona, y hará unos 5-6 años que estoy en este sector. Actualmente trabajo en varias áreas como director de arte, creativo para campañas publicitarias y como actionscripter… y según que época voy priorizando una área respecto a otras para poder desconectar y no llegar a saturarme. Me apasiona el diseño, el arte, la experimentación, el código y me inquieta todo aquello que tenga inercia creativa. ¿Cómo empezaste a dedicarte a esto? ¿Fue algo vocacional? ¿Inesperado? Mis comienzos en este mundillo no son muy normales, digamos que fue un camino lento y rápido a su vez el que me derivó hasta aquí. Siempre me apasionó la filosofía, la literatura, la historia, así que la lógica no funcionó muy bien en mi y terminé haciendo un cursillo de iniciación e-commerce con Java. Yo era de letras! :P Durante 6 meses no me enteré de nada, era la primera vez que tocaba un ordenador, no sabía ni grabar un archivo al disket :P … por entonces estaban de moda los IRC así que me pasé muchas horas experimentando aquello y pasando del profesor. Supongo que os estaréis preguntando por qué demonios me apunté a un curso como aquel, ¿verdad? Pues realmente no lo sé, fue una inercia más en mi vida. Funciono mucho así… Pero un día, alguien me mostró unos ejemplos que había hecho con flash 4, y me cautivó de tal manera, que aquí nacería mi primera conexión, el inicio de mis inicios. Amor a primera vista. A raíz de aquél día mi vida cambió, empecé a devorar todo lo que estuviera relacionado con aquella herramienta, me empecé a estudiar archivos de yugop [en], adescifrar esos códigos que me resultaban indescifrables… y fue entonces cuando me di cuenta de que la programación podía gustarme! ¿Cuáles son tus fuentes de inspiración a la hora de crear algo?¿Fuentes de inspiración? supongo que todo aquello que ha podido pasar por mi retina en algún momento de mi vida, pero no sabría decirte nada en particular. Puede ser una conversación, una noticia del periódico de ayer, o la sensación al entrar en algún lugar. Todo puede inspirarme. Todo es importante.

¿Sigues más o menos un proceso a la hora de realizar tus trabajos? ¿Cómo sería a grandes rasgos? Más o menos sigo siempre unas pautas. Necesito varios din 3, un bolígrafo, música y mis herramientas de diseño. (Photoshop/ Flash/Illustrator) A partir de la hoja en blanco, hay que despegar sin miedo a equivocarse, sin miedo a ser demasiado excéntrico, sin miedo al que dirán, sin miedo a ser uno mismo… ¿Algún proyecto interesante en el futuro? ¿Dónde ves tu trabajo en un plazo de 5-10 años? Muchos! Demasiados! En 5-10 años no quiero dedicarme a esto. Tengo proyectos personales en los que quiero dedicarme y todo lo que he aprendido sobre publicidad, arte, programación, conceptualización, etc… me servirá como una herramienta en la cual construir mis sueños. Me gustan hacer tantas cosas que si me quedara en esto muchos años más, algo en mí moriría poco a poco… Necesito esa libertad de cambiar de sector en sector, fusionarlos, mezclarlos, y ver qué me sugiere… La experimentación, es mi diversión. Así es mi vida. : )

Diseño de Isaac León para la famosa marca deportiva Adidas.

Modulos por sección Tipografía - Grafismo Muestra tipografia Texto Tipografía Texto Grafismo Imagen Grafismo

Modulos por secci贸n Libros y Web - Agenda Publicidad Texto Libros y webs Fotos Libros y web Texto Agenda Fotos Agenda

Tipografia Respecto a la tipografia usada en la revista se opta por dos familias tipograficas de Adrian Frutiger:

Univers

Versailles

Elemento

Familia

Estilo

Cuerpo

Alineación

Interlineado

Rejilla base

Texto base

Univers

Roman

Justificado

Titular

Versailles

Bold

Izquierda

Subtitulo

Versailles

Roman

Izquierda

Entresacado

Univers

Oblique

Izquierda

Ladillo

Univers

Light

Izquierda

Pie de foto

Univers

Light

Izquierda

Capitulares

Sin capitular

Numerador

Univers

Light

Firma

Univers

Light

Staff

Univers

Roman

Izquierda

abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ0123456789 abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789

Univers, una tipografia de Adrian Frutiger Tipografia Usos tipograficos, de como quedaria una pagina las distintas familias con sus características. *Tamaño real de como quedaría en la revista

Adrian Frutiger es uno de los tipógrafos más prominentes del siglo XX. En 1951 realiza un estudio sobre la escritura occidental que merece un premio del Ministerio del Interior. Su trabajo llega a oídos de Charles Peignot, presidente de la fundición francesa Deberny & Peignot, quien sorprendido por su trabajo preciso y detallista ofrece a Frutiger un puesto en su empresa. Frutiger trabaja en esta fundición durante nueve años, siendo su primer trabajo el diseño del tipo President. Durante los años 50 Frutiger supervisa la adaptación de muchos de los tipos clásicos de Deberny & Peignot (Garamond, Baskerville, Bodoni, etc) para el sistema de fotocomposición Lumitype (conocido como “Photon” en USA) y en el año 1955 diseña el tipo Meridien para este sistema. Abandona Deberny & Peignot en 1960 para abrir su propio estudio cerca de París (este estudio todavía existe y está ocupado por su socio Bruno Pfäffli). El mayor logro de Frutiger en el campo del diseño tipográfico fue la creación del tipo Univers. Este tipo fue introducido en el año 1957 para fotocomposición y composición en metal. Frutiger anunció que este tipo se trans-

formaría en el modelo para todas las siguientes creaciones de los tipos sin serifa. Luego en los 70s se le pide a Frutiger que diseñara las señalizaciones del Metro de Paris, para el cual utiliza una variación de la Univers espe-

Frutiger supervisa la adaptación de muchos de los tipos clásicos de Deberny & Peignot cializada para utilizarse en blanco sobre fondos oscuros en condiciones de poca luz. Frutiger también diseña un ingenioso sistema de numeración para poder diferenciar sus 21 pesos y anchuras de la Univers, que significó un hito para la denominación y catalogación de tipos. Luego este sistema se utilizó para la Frutiger, Avenir, Helvetica Neue y otras más. Tipografía simple, clara y robusta, que cumplía perfectamente su objetivo y que como nombre adquiere el mismo que el de su creador, Frutiger. Esta tipografía no es estrictamente geométrica ni humanista, sus formas

Portada Aqui mostramos la cubierta con troquel, como ventaja tiene el poder tener una portada más limpia. La limitación sería que la ilustración o fotografia de la portada tendrá que ir sobre un fondo plano. Como vemos, podemos diseñar los numeros posteriores con facilidad (tan solo cambiando el numero de la publicación y color si se desea). * La portada irá ilustrada con un trabajo del diseñador estrella de la publicación.

Portada En el caso del primer nº, la ilustración de la portada será de Isaac León (diseñador entrevistado en el interior). A continuación se detalla como podria quedar la portada.

univers univers univers

//actualidad //tipografía //entrevista

Elementos corporativos A continuación se detallan los elementos coporativos de la propia revista, tales como la cabecera de sección y numeración.

univers

//actualidad

univers

//tipografía

Cabecera de sección y numerador:

univers //actualidad 14 puntos bold

12 puntos roman

7 14 puntos roman