Libro de estilos

univers

1

Libro de estilos

Caracteristicas Generales

Caracteristicas Especificas

Perfil de la publicaciónTargetSeccionesTipos de contenidoTiradaMateriales

FormatoReticulas y modulosTipografíaPortada (cabecera y estrategia gráfica)Elementos corporativosTratamiento imágenesRecursos gráficosColor

2

3

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 comer-cial 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ási-co. Normalmente tienen las siguientes carácteris-ticas:

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

- Estilo de vida liberal y aventurero.Sus gustos son el diseño en general (la comu-nicació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 “An-dalucia” y se pretende dirigirse a ellos con un lenguaje directo y coloquial.

4

Secciones

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 impor-tante.

- Desenlace:Ultima parte de la revista y donde los lectores se pueden hacer parti-cipes (concursos, link, agenda)

BREVES

SUMARIO

BREVES

ESTUDIANTE DISEÑO

INICIO ENTREVISTA DISEÑADOR

ENTREVISTA

TIPOGRAFIA

GRAFISMO

AGENDA

STAFF, EDITORIAL

ESTUDIANTE DISEÑO

ENTREVISTA

ENTREVISTA

LIBROS Y WEBS

TIPOGRAFIA

CONCURSO

C: Color 1T: 1 Tinta

C

C

1T

1T

1T

1T

C

C

C

5

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 par-ticipen 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 re-vista.n2_ concurso del diseño de flayers para fomentar el ahorro energetico.

6

Formato

El formato elegido para la revista Univers es un tamaño proporcional al A4, siendo este reducido a las si-guientes medidas:

27cm x 19,1cm.

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

Formato elegido: 27 x 19,1

Formato A4 (29,7 x 21)

270

mm

191 mm

7

Reticulas y modulos

Márgenes:Superior: 20 mmInferior: 30 mmExterior: 15 mmInterior: 15 mm

Reticula:Nº columnas: 6 Espacio columnas: 4,233 mm

Rejilla base:Incremento 12 puntosInicio 20 mm

382 mm

15 mm

15 mm

191 mm

270

mm

20 m

m

30 m

m

8

Modulos por sección

Sumario:

Imágen

Texto

Sumario completo

univers

9


Staff/Editorial - Breves

Staff

Texto Editorial

Texto Breves

Imagen Breves

Publicidad

univers

10


Staff/Editorial - Breves

Staff

Texto Editorial

Texto Breves

Imagen Breves

Publicidad

11


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 co-lumnas (una más estrecha de 2 columnas y otra más ancha 3 co-lumnas), además de otra columna más estrecha de 1 columna para los pies de foto y para airear la pá-gina.

Para aquel que no te conozca dema-siado, háblame un poco de ti. Tu pa-sado, 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 poderdesconectar y no llegar a saturarme. Me apasiona el diseño, el arte, la experimentación, el código y me in-quieta todo aquello que tenga inercia creativa.¿Cómo empezaste a dedicarte a esto? ¿Fue algo vocacional? ¿Ines-perado? Mis comienzos en este mun-dillo 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 termi-né 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 sa-bí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 esta-ré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. Fun-ciono mucho así… Pero un día, al-guien 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 rela-cionado con aquella herramienta, me empecé a estudiar archivos de yugop [en], adescifrar esos códigos que me resultaban indescifrables… y fue en-tonces cuando me di cuenta de que la programación podía gustarme!¿Cuáles son tus fuentes de inspira-ció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 par-ticular. Puede ser una conversación, una noticia del periódico de ayer, o la sensación al entrar en algún lu-gar. 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 de-masiado 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 proyec-tos personales en los que quiero dedicarme y todo lo que he aprendido sobre publicidad, arte, programación, con-ceptualizació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 diver-sión. Así es mi vida. : )

12


Entrevistas:

Para aquel que no te conozca dema-siado, háblame un poco de ti. Tu pa-sado, 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 poderdesconectar y no llegar a saturarme. Me apasiona el diseño, el arte, la experimentación, el código y me in-quieta todo aquello que tenga inercia creativa.¿Cómo empezaste a dedicarte a esto? ¿Fue algo vocacional? ¿Ines-perado? Mis comienzos en este mun-dillo 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 termi-né 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 sa-bí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 esta-réis preguntando por qué demonios

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

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

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

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

me apunté a un curso como aquel, ¿verdad? Pues real-mente no lo sé, fue una inercia más en mi vida. Funciono mucho así… Pero un día, alguien me mostró unos ejem-plos 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 estu-diar 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 inspi-rarme. 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 de-masiado 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 proyec-tos personales en los que quiero dedicarme y todo lo que he aprendido sobre publicidad, arte, programación, con-ceptualizació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…

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

univers //entrevista

7 8

13


Tipografía - Grafismo

Muestra tipografia

Texto Tipografía

Texto Grafismo

Imagen Grafismo

14


Libros y Web - Agenda

Publicidad

Texto Libros y webs

Fotos Libros y web

Texto Agenda

Fotos Agenda

15

Tipografia

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

UniversVersailles

Elemento Familia Estilo Cuerpo Alineación Interlineado Rejilla base

Texto base Univers Roman 9 Justificado 11 Si

Titular Versailles Bold 30 Izquierda 34 No

Subtitulo Versailles Roman 18 Izquierda 20 No

Entresacado Univers Oblique 14 Izquierda 16 No

Ladillo Univers Light 11 Izquierda - No

Pie de foto Univers Light 8 Izquierda - No

Capitulares Sin capitular - - - - -

Numerador Univers Light 9 - - No

Firma Univers Light 9 - - No

Staff Univers Roman 11 Izquierda - No

abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ0123456789

abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789



16

Tipografia

Usos tipograficos, de como que-daria una pagina las distintas fami-lias con sus características.

*Tamaño real de como quedaría en la revista

Univers, una tipografia de Adrian FrutigerAdrian 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 Minis-terio del Interior. Su trabajo llega a oídos de Charles Peignot, presidente de la fundición francesa Deberny & Peignot, quien sorpren-dido por su trabajo preciso y detallista ofrece a Frutiger un puesto en su empresa. Fruti-ger 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, Baskervi-lle, Bodoni, etc) para el sistema de fotocom-posición Lumitype (conocido como “Photon” en USA) y en el año 1955 diseña el tipo Meri-dien 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 di-seño tipográfico fue la creación del tipo Uni-vers. Este tipo fue introducido en el año 1957 para fotocomposición y composición en me-tal. Frutiger anunció que este tipo se trans-

formaría en el modelo para todas las siguien-tes 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-

cializada para utilizarse en blanco sobre fon-dos oscuros en condiciones de poca luz. Fru-tiger 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 cum-plía perfectamente su objetivo y que como nombre adquiere el mismo que el de su crea-dor, Frutiger. Esta tipografía no es estricta-mente geométrica ni humanista, sus formas

Frutiger supervisa la adapta-ción de muchos de los tipos clásicos de Deberny & Peig-not

17

Portada

Aqui mostramos la cubierta con troquel, como ventaja tiene el po-der tener una portada más limpia. La limitación sería que la ilustra-ción o fotografia de la portada ten-drá que ir sobre un fondo plano.Como vemos, podemos diseñar los numeros posteriores con facili-dad (tan solo cambiando el nume-ro de la publicación y color si se desea).

* La portada irá ilustrada con un trabajo del diseñador estrella de la publicación.

18

Portada

En el caso del primer nº, la ilustra-ció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.

19

Elementos corporativos

A continuación se detallan los ele-mentos coporativos de la propia revista, tales como la cabecera de sección y numeración.

Cabecera de sección y numera-dor:

univers //actualidad14 puntos bold 12 puntos roman

7 14 puntos roman

univers //actualidad

univers //tipografía

univers //entrevista 7

univers //actualidad

6 7

univers //tipografía

Libro de estilos

Documents

Transcript of Libro de estilos