Libro de Estilo by Escuela de Artes Plásticas UAdeC

LIBRO DE ESTILO

Libro de Estilo de la Escuela de Artes Plásticas “Profesor Rubén Herrera” de la Universidad Autónoma de Coahuila Director: M.C. José Luis Rodríguez Sena | Secretaria Académica: M.C. Magdalena Jaime Cepeda | Secretaria Administrativa: Lic. Ana Elia Rodríguez Mendivil | Responsables del proyecto: M.C. Magdalena Jaime Cepeda y M.CG. Dario D. Aguillón Gutiérrez Equipo Creativo: Jorge Alan Soto Lugo, Jorge Alejandro Torres de Lira, Rodolfo Fierro Pérez, Donovan Jair Coronado Ortiz, Francisco Abel Sánchez Rodríguez, Sergio Alejandro Álvarez Espinoza y Alejandro José Mendoza Saucedo.

Impreso en Saltillo, Coahuila, México Impreso en 2013

PRESENTACIÓN LA ESCUELA DE ARTES PLÁSTICAS La Escuela de Artes Plásticas de la Universidad Autónoma de Coahuila ha sido durante más de cinco décadas la principal institución de enseñanza de arte en Coahuila. También es una de las principales escuelas de diseño gráfico del norte de México. Tradición y reconocimiento implican responsabilidad. La responsabilidad de tener una identidad propia, actualizada y consciente del entorno en el que se desenvuelve. Una identidad acorde a las nuevas tendencias de comunicación institucional que, hasta el día de hoy, la Escuela de Artes Plásticas no tenía. Es por eso que se se ha creado una nueva identidad, una nueva marca que tiene como objetivo satisfacer las crecientes necesidades de comunicación de la Escuela, a través de una línea conceptual basada en la importancia del proceso creativo y técnico que conduce a un resultado. En esta nueva etapa, la Escuela de Artes Plásticas requiere renovarse y convertirse en una marca competitiva en el mercado internacional de la enseñanza del diseño gráfico y las artes plásticas. Este libro de estilo ha sido elaborado para presentar la nueva identidad de la Plásticas,

Escuela de Artes

y regular su uso a fin de transmitir una

imagen coherente y uniforme.

CONTENIDO PARTE 1.- LA MARCA 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.9

Personalidad Logotipo Versiones de logotipo Retícula Área de protección Tipografías Colores corporativos Normativa de usos Estudio de proporciones

2 3 4 5 6 7 8 9 12

PARTE 2.- APLICACIONES 2.1 2.2 2.3 2.4

Retícula general Aplicaciones editoriales Aplicaciones web Fotografía institucional

14 15 18 22

PARTE 1

lA MARCA

1.1

PERSONALIDAD

La nueva marca de la Escuela de Artes Plásticas se ha desarrollado en base a “el proceso”. El proceso creativo y técnico que lleva a un resultado. En este caso, la creación artística y la comunicación visual. Bajo el planteamiento de que “el proceso es siempre más importante que el resultado mismo”, la personalidad de la marca se apoya en los conceptos cotidianos de las actividades llevadas a cabo en la Escuela, como:

- Creatividad

- Origen

- Pragmatismo

- Experimentación

- Seriedad

- Contemporaneidad

- Experiencia

- Cultura

Usando como base estos conceptos, se desarrolla la gráfica y se especifica el tono, dando una personalidad a la nueva marca siempre acorde a las nuevas tendencias de la comunicación.

1.2

LOGOTIPO

El logotipo se conforma de la siguiente manera: Imagotipo: Representación del globo de la comunicación y de la idea. Se forma por tres líneas diagonales que connotan el aspecto gráfico de la comunicación y el carácter multidisciplinario de la Escuela de Artes Plásticas, representando a las dos licenciaturas existentes (Diseño Gráfico y Artes Plásticas), y a una posible tercer licenciatura. El angulo de las líneas es de 45º ascendentes, lo cual evoca la idea del progreso y crecimiento. El símbolo está basado en el principio del cierre de la Gestalt, lo que facilita su percepción y comprensión. Tipografía: El nombre de la marca en 4 líneas, alineadas a la derecha del imagotipo. La fuente tipográfica Nexa es coherente con el concepto de comunicación de la marca. Es una tipografía sans serif que va en la línea del diseño contemporáneo, y transmite simplicidad y limpieza. Composición: Equilibrada, unida y estable, virtudes que comparte con la institución. La nueva marca de la Escuela de Artes Plásticas, como conjunto, transmite

innovación,

unidad,

tendencia, institucionalismo y comunicación profesional.

1.3

VERSIONES DE LOGOTIPO

El logotipo de la

Escuela de Artes Plรกsticas

permite 3 versiones, que podrรกn utilizarse en funciรณn de aplicaciones especรญficas. Todas las versiones conservan el equilibrio visual, y permiten el uso dinรกmico del logotipo.

Versiรณn Horizontal: Es la versiรณn original. Se deberรก dar preferencia al uso de esta versiรณn.

Versiรณn Vertical: Para aplicaciones verticales en las cuales el uso de la versiรณn horizontal no sea adecuado.

Versiรณn Reducida: Simplifica el nombre de la marca, a fin

lograr mayores reducciones del logotipo. Es

recomendable empezar a utilizar esta versiรณn cuando el logotipo goce de cierto posicionamiento.

1.4

RETÍCULA

La retícula de construcción del logotipo tiene como objetivo establecer las medidas, proporciones y distancias exactas entre los elementos gráficos. Gracias a esto, el logotipo será reproducido siempre correctamente.

10x

22x

1.5

ÁREA DE PROTECCIóN

El área de protección es el espacio vacío que debe existir alrededor del logotipo. Este espacio permite que el impacto visual del logotipo no se reduzca al combinarse éste con otros elementos gráficos. Estos espacios se miden en base al valor x, extraído del logotipo. El área de protección deberá ser del 10% del tamaño del logotipo, en este caso de 2x en cada lado.

1.6

TIPOGRAFÍAS

Las tipografías institucionales son las siguientes:

INTRO

ABCDEFGHIJKLMN OPRSTUV WXYZ.,;: !¡ ¿? ( ) / = * “ 123456789

NEXA

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz . , ; : ¡! ¿? ( ) / = * “ $ % & { } 123456789 Logotipo: Utiliza la fuente tipográfica Nexa, la cual es coherente con la simplicidad del logotipo como unidad. De total legibilidad, incluso en tamaños mínimos. Aplicaciones generales: Son permitidas las fuentes tipográficas Nexa e Intro, ya que sus rasgos estilísticos son muy similares, diferenciándose solo en el grosor de sus trazos.

1.7

COLORES CORPORATIVOS

Los colores básicos de la identidad visual de la Escuela de Artes Plásticas son el blanco y el negro, así como la escala de grises. Estos colores connotan elegancia, sobriedad y formalidad. De esta base cromática surge una gama que pertenece a la gama de colores fríos, que representan la funcionalidad, el razonamiento, la modernidad y la limpieza. Estos colores se puede acompañar con sus colores complementarios en función de aplicaciones específicas. Los colores corporativos deberán aplicarse, sin excepción, con los valores aquí presentados.

Escuela de Artes Plásticas

Artes Plásticas

Diseño Gráfico

Nuevo Programa

433 C

5405 C

660 C

306 C

CMYK

C 87 M 82 Y 66 K 51

C 78 M 53 Y 39 K0

C 82 M 51 Y0 K0

C 86 M6 Y 14 K0

RGB

R 37 G 41 B 47

R 92 G 115 B 136

R 87 G 123 B 197

R 77 G 177 B 224

PANTONE

1.8 NORMATIVA DE USOS

1.8.1 Usos correctos Versi贸n Horizontal

Versi贸n Vertical

Versi贸n Reducida

1.8.2 Usos incorrectos Mover elementos

Cambiar proporciones

Cambiar TipografĂas

Cambiar colores

Eliminar elementos

Girar elementos

1.8.3 Uso en positivo y negativo Positivo

Negativo

1.8.4 Uso sobre fondos Sobre tintas planas

Sobre fotografĂas

1.9

ESTUDIO DE PROPORCIONES Los tamaños, distancias y proporciones que deben existir entre los elementos gráficos del logotipo, son definidos por el valor x. Sea cual sea el tamaño de reproducción del logotipo, -respetando el tamaño mínimo-, éste debe guardar las proporciones aquí especificadas.

1.5x

0.7x

1x 0.7x

0.6x

9.5x

1.5x

Reducción Mínima: El tamaño mínimo del logotipo deberá ser de 2.5 centímetros para soportes impresos, y de 120 píxeles en soportes digitales, ya que en estas medidas conserva legibilidad.

PANTALLA

IMPRESIÓN

120 px

2.5 cm

PARTE 2

aPLICACIONES

2.1

RETÍCULA GENERAL

Todas las aplicaciones de la identidad visual de la Escuela de Artes Plásticas (editoriales, web, impresas, publicitarias, etc. ) deberán estar basadas en una retícula de 4 columnas. La distribución de espacios en dicha retícula se realiza de la siguiente manera: − Cada columna ocupará un 20 % del espacio total. − Los márgenes exteriores ocuparán, cada uno, un 4% del espacio total. − Los medianiles ocuparán, cada uno, un 4% del espacio total. En aplicaciones donde se requiera un mayor número de columnas, se podrán agregar siempre y cuando la cantidad final de columnas sea múltiplo de 4.

ejemplo

2.2

APLICACIONES EDITORIALES

2.2.1 Composición

- La composición de cualquier elemento editorial (revistas, folletos, carteles, invitaciones, murales, etc.) deberá estar basada en una retícula de 4 columnas, para lo cual se facilitarán plantillas específicas. Esto con el fin de estandarizar todas las aplicaciones editoriales. - Las cajas de texto deberán tener márgenes de un 25% del espacio respecto al espacio ocupado por el texto. - Cuando las páginas editoriales sean de un tamaño mayor a media carta deberán tener márgenes de ½ pulgada. Sobre el área de trabajo la composición deberá estar sujeta a las medidas establecidas en la retícula. - La composición deberá ser coherente con la identidad planteada en este libro, dando prioridad al contenido visual o fotográfico sobre el contenido textual.

2.2.2 Tipografía

Títulos: Tipografía “Intro” en un tamaño dependiente de la longitud de texto. Sub títulos: Tipografía “Helvética Ligth Condensed” en un tamaño de 22 puntos en mayúsculas. Sumario: Tipografía “Lucida Grande” regular a 12 puntos. Cuerpos de Texto: Tipografía “Lucida Grande” regular a 10 puntos. Interlineado: De un 120 % respecto al tamaño de la tipografía. Interletrado: Conservarán el valor 0 sea cual sea su tamaño. Alineación de Texto: Justificado, sin excepción. Color: Negro al 90%, sin excepción.

ejemplo

TÍTULO SUBTÍTULO Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, dicit ridens inciderint id. Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat.

2.2.3 Fotografía

- El contenido fotográfico utilizado en las composiciones editoriales deberá basarse en los lineamientos estéticos especificados en el apartado “Fotografías Institucionales” de este libro.

ejemplo

2.3

APLICACIONES WEB

El diseño web general se plantea como un diseño responsivo, es decir, que funciona igual en aplicaciones web y editoriales impresas, en cualquier formato y tamaño.

2.3.1 Composición

- La composición de los sitios web o aplicaciones para web deberá estar basada en una retícula de 4 columnas. - Las cajas de texto deberán tener márgenes de un 25% del espacio respecto al espacio ocupado por el texto. - La composición deberá ser coherente con la identidad planteada en este libro, dando prioridad al contenido visual o fotográfico sobre el contenido textual. - Los fondos deberán ser color negro al 10% en todas las secciones.

ejemplo

ESP

Inicio

Oferta Académica

Informacion Académica

Escuela

Personal

REGISTRARSE

Alumnos

ENTRAR

Buscar

MOw BIT BIOGRAFÍA Actualmente soy estudiante de la Escuela de Artes Plásticas donde curso el séptimo semestre, tengo 23 años, me gusta la ilustración y la programación web. Sigo descubriendo cosas nuevas a las cuales estoy abierto a aprender, ya que el ser diseñador es una carrera la cual está en demanda y uno como tal tiene la tarea de aprender cosas nuevas para cada día ser mejor y poder competir. He trabajado y colaborado con otros diseñadores para diferentes proyectos, desde medios digitales, publicitarios e impresos. Otro de mis intereses es la serigrafía, disfruto ver mis diseños impresos en playeras u otros materiales en los que se pueda imprimir. Como intereses a largo plazo son los videojuegos o proyectos que tengan que ver con dispositivos móviles.

ÁREAS CREATIVAS

SEMESTRE

Ilustración Web Design

Octavo

WEBSITE

TRABAJO ACTUAL

http://mowbit.carbonmade.com

Disponible

EXPERIENCIA LABORAL

CONTACTO

Hitown Gamebo Sititec

(844) 434 12 78

Mow_Bit

Mowbit

2.2.3 Tipografía

Títulos: Tipografía “Intro” en un tamaño dependiente de la longitud de texto. Subtítulos: Tipografía “Lucida Grande” Bold en un tamaño de 27 puntos en mayúsculas. Sumario: Tipografía “Lucida Grande” tamaño 18. Cuerpos de texto: Tipografía “Lucida Grande” regular a 20 puntos. Interlineado: De un 120 % respecto al tamaño de la tipografía. Interletrado: Conservarán el valor 0 sea cual sea su tamaño. Alineación de texto: Justificado, sin excepción. Color: Negro al 80 %, sin excepción.

ejemplo

MOw BIT BIOGRAFÍA Actualmente soy estudiante de la Escuela de Artes Plásticas donde curso el séptimo semestre, tengo 23 años, me gusta la ilustración y la programación web.

2.2.3 Fotografía

- El contenido fotográfico institucional utilizado en las composiciones web deberá basarse en los lineamientos estéticos especificados en el apartado “Fotografías Institucionales” de este libro. Los trabajos u obras gráficas de alumnos, maestros, diseñadores o artistas que se publiquen en el sitio web, deberán respetarse sin importar su tratamiento, color o composición, pero deberán adaptarse a la retícula y composición del sitio.

2.4

FOTOGRAFÍAS INSTITUCIONALES

Las fotografías utilizadas en cualquier soporte oficial de la identidad visual de la Escuela de Artes Plásticas, (editoriales, web, impresas, publicitarias, etc.) deberán connotar la personalidad de la marca especificada en el apartado correspondiente de este libro. Preferentemente, las fotografías tendrán un tratamiento en escala de grises, sin embargo, cuando sea necesario el uso del color, la saturación cromática deberá ser baja. Todas, sin excepción, deberán tener una resolución mínima de 150 ppp. Cuando las fotografías estén dirigidas a un soporte impreso, y superen el tamaño media carta, deberán tener una resolución mínima de 300 ppp. La medida mínima en píxeles permitida será de 900x900. Según el objetivo y género del contenido fotográfico, las características se especifican en este libro.

2.4.1 Fotografías Institucionales de Espacios

- Las fotografías de espacios como edificios, aulas, pasillos, galerías, etc. deberán estar tomadas en planos abiertos o long shots. - El formato podrá ser vertical u horizontal, pero siempre basado en 4 columnas, dejando espacios vacíos donde

colocarán

logotipo

información

secundaria. - Las fotografías deberán ser en escala de grises. - La estética deberá estar orientada a la fotografía arquitectónica contemporánea. - Antes de cada toma, los espacios deberán estar limpios, organizados e iluminados adecuadamente, a fin de transmitir una imagen profesional y estética.

ejemplo

2.4.2 Fotos Institucionales de Personal Académico y Alumnos

- Las fotografías de perfiles de personal y alumnos deberán estar tomadas en un plano medio o medium shot, en un formato vertical. - Las fotografías deberán trasmitir seriedad y profesionalismo. - Las fotografías deberán ser en escala de grises, con un contraste equilibrado. - El fondo deberá ser plano, a fin de que no reste atención a la persona fotografiada.

ejemplo

2.4.3 Fotos Institucionales de Actividades y Procesos

- En las fotografías que comuniquen actividades o procesos realizados por alumnos o personal de la Escuela, de cada una de las áreas académicas, se deberá dar prioridad al insert. - La fotografía deberá estar basada en las 4 columnas dando prioridad a los personajes u objetos y dejando espacios vacíos donde se colocarán el logotipo y la información secundaria. - Cuando la fotografía involucre mucho elementos se deberá dar prioridad al elemento central, desenfocando los secundarios.

ejemplo

2.4.4 Fotos Institucionales de Eventos

- Cada evento deberá ser fotografiado siguiendo los lineamientos visuales estéticos especificados en este apartado. - El encuadre deberá buscar espacios adecuadamente iluminados y organizados, a fin de transmitir una imagen atractiva. - Preferentemente, un solo fotógrafo deberá tomar todas las fotografías de los eventos, tanto internos como externos, sin embargo, cuando un usuario de redes sociales desee publicar una fotografía propia en las cuentas oficiales de la Escuela, deberá utilizar los filtros específicos que se le facilitarán en las distintas plataformas.

ejemplo

2.4.5 Fotografía Publicitaria

Las piezas publicitarias que utilicen fotografía deberán estar sujetas a los siguientes parámetros estéticos: - Las fotografías deberán ser coherentes con la imagen que se pretende proyectar de la escuela. - Esta imagen deberá ser profesional e institucional. - Los modelos que participen en campañas deberán cumplir con un cierto perfil, a fin de conservar y transmitir la imagen deseada. - La fotografía deberá estar basada en las 4 columnas dando prioridad a los personajes u objetos, y dejando espacios vacíos donde se colocarán el logotipo y la información secundaria. - Cuando se utilicen personajes, el encuadre fotográfico deberá ser un plano medio o medium shot. - Cuando la fotografía involucre mucho elementos, se deberá dar prioridad al elemento central desenfocando los secundarios.

ejemplo