20
MANUAL DE DISEÑO EDITORIAL

MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

MANUAL DE DISEÑO EDITORIAL

Page 2: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

Este Manual de Identidad visual corporativaes la única referencia válida sobre normasgráficas, con el fin de facilitar una correcta

aplicación de los signos básicos de identidadde Zermat Internacional.

01

BIENVENIDO

Page 3: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

USO DE ESTA GUÍA

La consolidación de la imagen de ZERMAT necesita una especial atención a las recomendaciones expuestas en este manual, como documento que nos garantiza una unidad de criterios en nuestra comunicación y difusión pública.

“El Manual de Identidadcorporativa recoge los elementosconstitutivos de la identidadvisual de Zermat Interacional”.

Este manual es la única referenciaválida sobre normas gráficas.Su fin es facilitar una correctaaplicación de los signos básicosde identidad de ZERMAT

02MANUAL DE USOS DE LOGOTIPO

Page 4: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

ÍNDICE DE CONTENIDOS

1 . ZERMAT EDITORIAL

2 . TIPOGRAFÍA PRINCIPAL

3 . TIPOGRAFÍA SECUNDARIA

4. TIPOGRAFIA TERCERA

5 . APLICACIÓN

6 . APLICACIONES GRÁFICAS

03 MANUAL DE DISEÑO EDITORIAL

Page 5: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

ZERMAT EDITORIAL1 El logotipo de Zermat podrá acompañarse de algun slogan creado para promocion de la marca.

04MANUAL DE DISEÑO EDITORIAL

Perfumes y cosméticos de Venta por Catálogo.

Perfumes y cosméticos de Venta por Catálogo.

Page 6: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

05

Para todas la publicaciones que se relicen y formatos a utilizar, deberá utilizarse el logotipo en la parte frontal y de forma horizontal.

Nuestro logo formado por la palabra Zermat hecha con la tipografía Camelia.

El uso autorizado unicamente podrá ser en formato horizontal como se muestra en el siguiente esquema, no podrá ser alterado y/o modificado por ningún motivo. Ni por la tipografía original ya que se perfeccionaron los trazos para una mejor legibilidad del mismo.

MANUAL DE DISEÑO EDITORIAL

Nuestro logo formado por la palabra Zermat hecha con la tipografía Camelia.

El uso autorizado unicamente podrá ser en formato horizontal como se muestra en el siguiente esquema, no podrá ser alterado y/o modificado por ningún motivo. Ni por la tipografía original ya que se perfeccionaron los trazos para una mejor legibilidad del mismo.

Nuestro logo formado por la palabra Zermat hecha con la tipografía Camelia.

El uso autorizado unicamente podrá ser en formato horizontal como se muestra en el siguiente esquema, no podrá ser alterado y/o modificado por ningún motivo. Ni por la tipografía original ya que se perfeccionaron los trazos para una mejor legibilidad del mismo.

Nuestro logo formado por la palabra Zermat hecha con la tipografía Camelia.

El uso autorizado unicamente podrá ser en formato horizontal como se muestra en el siguiente esquema, no podrá ser alterado y/o modificado por ningún motivo. Ni por la tipografía original ya que se perfeccionaron los trazos para una mejor legibilidad del mismo.

Nuestro logo formado por la palabra Zermat hecha con la tipografía Camelia.

El uso autorizado unicamente podrá ser en formato horizontal como se muestra en el siguiente esquema, no podrá ser alterado y/o modificado por ningún motivo. Ni por la tipografía original ya que se perfeccionaron los trazos para una mejor legibilidad del mismo.

Page 7: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

06

Se deberán respetar los colores coporativos para todos los formatos corporativos impresos y digitales.COLORES CORPORATIVOS

MANUAL DE DISEÑO EDITORIAL

PANTONE 199CP

C - 0%M - 95%Y - 62%K - 0%# E62047

# 1D1D1B

R - 230%G - 32%B - 71%

C - 0%M - 0%Y - 0%K - 100%

R - 29%G - 29%B - 27%

PANTONE PROCESS BLACK CP

Page 8: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

TIPOGRAFÍAPRINCIPAL2

07

La familia tipográfica corporativa de ZERMAT para los cuerpos de texto es la Source Sans Pro y se establece como tipografía principal para su uso en todas las aplicaciones, tanto

digital como impresa.

MANUAL DE DISEÑO EDITORIAL

AaAaAaAa

AaAaAaAaAaAaAa

Source Sans Pro Extra LightABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Source Sans Pro RegularABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Source Sans Pro ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Source Sans Pro SemiboldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Source Sans Pro Semibold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Source Sans Pro BoldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Source Sans Pro Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Source Sans Pro BlackABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Aa Source Sans Pro Black ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Source Sans Pro Extra Light ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Source Sans Pro Extra LightABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Source Sans Pro Extra Light ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Page 9: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

08

TIPOGRAFÍA SECUNDARIA3

La familia tipográfica corporativa secundaría de ZERMAT para los cuerpos de texto es la

Gibson en todas sus variantes y se establece como tipografía secundariapara su uso en aplicaciones tanto digital como impresa.

MANUAL DE DISEÑO EDITORIAL

AaAaAaAa

AaAaAaAa

Gibson LightABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Gibson Semibold

Gibson Semibold Italic

Gibson Bold

Gibson Bold Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Gibson Light Italic

Gibson Regular

Gibson Italic

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Page 10: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

09

TIPOGRAFÍA TERCEARIA4

La familia tipográfica corporativa terceariaAvenir Next será utilizada en la información

descriptiva en el catálogo de productos y en algunos casos como tipografía de sustitución

de las anteriores.

MANUAL DE DISEÑO EDITORIAL

AaAaAaAa

Avenir Next Ultra LightABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Avenir Next Ultra Light ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Avenir Next RegularABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Avenir Next ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

AaAaAaAa

Avenir Next MediumABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Avenir Next Medium ItalicABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Avenir Next Demi BoldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Avenir Next Demi Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz

1234567890¡!¿?@#()/+/&%[]{};:

AaAaAaAa

Avenir Next BoldABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Avenir Next Bold ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Avenir Next HeavyABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Avenir Next Heavy ItalicABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890¡!¿?@#()/+/&%[]{};:

Page 11: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

10MANUAL DE DISEÑO EDITORIAL

A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una estructura de los elementos y la

marca que deberán ser tenidos en cuenta para el desarrollo de nuevas piezas.

APLICACIÓN5

09

Page 12: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

11 MANUAL DE DISEÑO EDITORIAL

Ambas tipografias seguiran este patro de aplicación.

EJEMPLOS DE APLICACIÓN

Lorem ipsum dolor sit amet

Títulos, Subtítulos Source Sans Pro Bold

Texto: Source Sans Pro Regular

Consectetur adipisicing elit, sed do eiusmod tempor incididuntut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui o cia deserunt mollit anim id est laborum.

Page 13: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

10MANUAL DE DISEÑO EDITORIAL 12MANUAL DE DISEÑO EDITORIAL

APLICACIONES GRÁFICAS

Hoja Carta - A4

12 mm

12 mm

12 mm

Source Sans Pro Light

Page 14: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

13 MANUAL DE DISEÑO EDITORIAL

APLICACIONES GRÁFICASSobre

12 mm

12 mm

Source Sans Pro Light10 pts

12 mm

Page 15: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

14MANUAL DE DISEÑO EDITORIAL

Tarjeta GenericaAPLICACIONES GRÁFICAS

El diseño genérico de la tarjeta será como el que se muestra en la imagen, si se realizará un diseño distinto favor de respetar los elementos de seguridad señalados en el manual de usos

del logotipo.

Page 16: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

15 MANUAL DE DISEÑO EDITORIAL

APLICACIONES GRÁFICAS

Tarjeta Ejecutiva

El diseño ejecutivo será como el que se muestra en la imagen, este formato será utilizado únicamente

por el área administrativa.

Page 17: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

16MANUAL DE DISEÑO EDITORIAL

APLICACIONES GRÁFICAS

Page 18: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

MANUAL DE DISEÑO EDITORIAL17

POWER POINT

APLICACIONES GRÁFICAS

Utilizar plantilla para presentaciones corporativas, si se desea utilizar alguna otra propuesta favor de respetar el manual de usos de logotipo y sus elementos.

Page 19: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

16MANUAL DE DISEÑO EDITORIAL

POSTERS

APLICACIONES GRÁFICAS

En todas las versiones de poster deberá utilizarse el logo en la parte superior y una pleca en la parte inferior donde se colocares las bases de la comunicación del mismo.

Page 20: MANUAL DE DISEÑO EDITORIAL · 2019. 6. 13. · MANUAL DE DISEÑO EDITORIAL 10 A continuación se muestran diferentes piezas donde se siguen unos patrones de identidad visual y una

MANUAL DE USOS DE LOGOTIPO