Expansion.manual de Estilo

8/8/2019 Expansion.manual de Estilo

1/22


2/22


3/22


4/22

M A N U A L D E E S T I L O D E D I S E O E X P A N S I N 2 0 0 5 6

MANUAL DE ESTILO EXPANSIN

El logotipo de EXPANISIN es sencillo y de altoimpacto. Su tipografa, Armada, le otorgacarcter, la composicin del logotipo esta basa-da en los graffittis que abundan en la Ciudadde Mxico.

Anatoma: Es un mdulo con los espacios entreletras muy cerrado, acentuando la idea de unafirma. sin descuidar las verticales y horizon-tales para que siga siendo legible en punto deventa.

Tipografa: Se eligi una tipografa con un pesomuy fuerte y rasgos muy definidos para com-petir en stand, considerando que el tamao noabracara el completo de la pgina

Color: Es la paleta ms bsica y efectiva parapunto de venta. El rojo es fuerte, agresivo ydirecto; el outline blanco y negro lo destacarnde cualquier fondo.

C:0%M:100%Y:100%K:10%

C:0%M:0%Y:0%K:100%

C:0%M:100%Y:100%K:30%

ELEMENTOS GRFICOS

Logotipo


5/22



Naci en Alemania en el ao1878. Trabaj como diseadorgrfico, tipgrafo, pintor ymaestro. Si bien el no estabadirectamente relacionado con elmovimiento Bahuaus de losaos 20 pronto pas a defend-

er sus posturas y convertirse enun ferviente defensor de laNueva tipografa.Su principal aportacin al dis-eo tipogrfico es el tipo Futuraque dise durante los aos1924 y 1926.Falleci en el ao 1956. Losdibujos originales del tipoFutura se pueden contemplaren la Fundicin Tipogrfica

Neufville de Barcelona.

Paul Renner

ELEMENTOS GRFICOS

TipografasTIPOGRAFA FUTURA

VIAJE AL AMAZONASLAS MEJORES EMPRESAS PARA TRABAJAR

EXPANSIONLAS 1OO MULTINACIONALES

RANKINGTRIUNFOS Y TROPIEZOSLAS MEJORES EMPRESAS PARA TRABAJARINDUSTRIA AUTOMOTRIZ

Tipografa de logo, rankings y franquicias, Futura esuna familia muy bien diseada, en nuestra publi-cacin slo usamos el peso Regular, esta tipografaesta basada en formas geomtricas, angulos de 90y 45 muy marcados que le aportan mucha person-alidad. De carcter fuerte y marcado, esta tipografaes la marca ms fuerte de Expansin.


6/22



Tipografa para cabezas, cornisas y elementos denavegacin en la revista. Benton Gothic Sans esuna tipografa verstil, identificable, con muchopeso y carcter, le dar personalidad al producto.

En 1903 Morris Fuller Benton diseo NewsGothic, un estndar en el siglo XX. En 1995 TobiasFrere-Jones estudi los trazos originales y comen-

z el rediseo de esta tipografa.Cyrus Highsmith revis la News Gothic y enconjunto con FontBureau la expandi, dando ori-gen a la Benton Gothic Sans, una nueva serie conpesos, anchos y un performance que superaba elconcepto original.

FontBureau la evolucion constantemente de1995 a 2003.

TIPOGRAFA BENTON

Naci en 1970 en Nueva York,egresado de Rhode IslandSchool y comenz a trabajrtiempo completo en FontBureaudesde 1992 donde cre 22tipografas y fue parte delequipo de tipografa experimen-tal para prensa escrita.Actualmente da clases en YaleSchool of Design y tiene supropia casa tipogrfica, Hoefler

Type Foundry, Inc.

Tobias Frere

Se gradu con honores de laescuela de diseo RhodeIsland Schooly entr a FontBureau comodiseador senior.Sus tipografas son usadas enrevistas como Martha Stewart,MensHealth, RollingStone,Playboy y en muchos periodi-cos alredeor del mundo.

Cyrus Highsmith

ELEMENTOS GRFICOS

Tipografas


7/22



Tipografa para cuerpo de texto, Poynter OldStyle Textes una familia muy completa, con 24 estilos, de exce-lente legibilidad. El diseo de los serif facilitan la lecturay la redondez de sus trazos permite un espaciado til.

Poynter es la primer tipografa en la historia que hasido diseada para ser impresa en papel; su diseocontempla la absorcin de tinta en el papel, la ganan-

cia de punto, los puntajes mnimos de impresin, endefinitiva un gran avance tipogrfico de nuestros tiem-pos, generado por Tobias Frere-Jones quin trabajabapara FontBureau cuando sali a la luz este proyecto en1997.

TIPOGRAFA POYNTER

ELEMENTOS GRFICOS

Tipografas

Naci en 1970 en Nueva York,egresado de Rhode IslandSchool y comenz a trabajrtiempo completo en FontBureaudesde 1992 donde cre 22tipografas y fue parte delequipo de tipografa experimen-tal para prensa escrita.Actualmente da clases en YaleSchool of Design y tiene supropia casa tipogrfica, Hoefler

Type Foundry, Inc.

Tobias Frere


8/22

M A N U A L D E E S T I L O D E D I S E O E X P A N S I N 2 0 0 5 1 0


Una buena sealizacin ayuda al lector a saberdnde est y a navegar con facilidad la revista. Loselementos de navegacin organizan los distintostipos de informacin y los agrupa.

Para la seccin introductoria (editorial, buzn,ndice y exprs) se escogi una navegacin sencilla,

con nombres de seccin de una sola palabra, fcilde recordar.Continuamos con The Economist, una seccin

para notas internacionales con la misma paletapero con un cambio de color porque ya no esta-mos en la parte de enfrente.

Y finalmente la navegacin en los reportajes queson acomodados por tema.

Elementosde navegacin

ELEMENTOS GRFICOS

editorial

buznabc...

exprs

TEMA NOMBRE REPORTAJE


9/22



ELEMENTOS GRFICOS

En las aperturas de seccin se decidi usar unasealizacin ms agresiva visualmente parareforzar el cambio de temtica entre secciones yayudar al ritmo de lectura de la revista completa.


reportajes ideasexprs

> MERCADOS FINANZAS ECONOMA POLTICA OPININ


10/22



ELEMENTOS GRFICOS

La navegacin es diferente en la seccin estilo,debido a sus contenidos, menos cargados de textoy con ms grficos, la paleta se vuelve ms clarapara acompaar a los contenidos, mucho ms rela-jados que el resto de la revista.


VIAJES MODA PLACERES SALUD SNACKSTECNOLOGA

estiloTEMA 1


11/22



Caja:W: 42p6 / 510ptH: 54p / 648pt

Columna:W: 20p6/246pt

Intercolumna: 1p6/18pt

Intercolumna: 1p6 / 18pt

TOP3p6/42pt

Medianil: 7p/84pt

BOTTOM3p6/42pt

INSIDE3p6/42pt

OUTSIDE3p6/42pt

Formato:w: 21cm / 49p7.3 / 595.3pth: 27.5cm / 64p11.5 / 779.5pt

2 columnasGrid: 11 pt

ELEMENTOS GRFICOS

RetculaLa retcula es el mapa que marca la geografade la revista. En EXPANSIN se ha buscado unaretcula simtrica, pero bastante flexible paralograr una presentacin gil e inteligente de loselementos grficos.

Se utiliza una retcula de dos columnas para las

secciones: editorial, columnas, The Economist,reportajes e ideas. En una caja de 74 puntoscon una intercolumna de 18 puntos. La diagra-macin sobre est retcula es la parte divertidade la revista, las columnas son la base sobre laque giran los elementos de la revista, siemprebuscando sorprender y entretener al lector.


12/22


13/22



ELEMENTOS GRFICOS

Caja:W: 42p4 / 508ptH: 54p4 / 652pt

Columna:W: 6p5/77pt

Intercolumna: 8pt

Intercolumna: 1p6 / 18pt

Caja:W: 42p6 / 510ptH: 58p / 696pt

Columna:W: 13p2/158pt

Intercolumna: 8pt

TOP3p6/42pt

Medianil: 7p/84pt

BOTTOM3p6/42pt

INSIDE3p6/42pt

OUTSIDE3p6/42pt

Formato:w: 21cm / 49p7.3 / 595.3pth: 27.5cm / 64p11.5 / 779.5pt

3 columnasGrid: 11 pt

RetculaSe utiliza una retcula de seis columnas slopara la seccin estilo. En una caja de 74 puntoscon una intercolumna de 18 puntos.


14/22



El color es una de las principales herramientaspara crear armona y ritmo, adems de ayudara la lectura.

Con el color podemos recrear un ambiente oun estado de nimo, que ser de gran utilidaden la revista debido a la diversidad de temasque convoca.

EXPANISN busca ser puntual, serio y refle-

jar credibilidad con el uso del color, por esotiene una paleta muy sencilla y continuamentelos temas obligarn a analizar a profundidad lagama de colores.

C:0%M:30%Y:100%

K:0%

C:0%M:10%Y:100%K:0%

C:30%M:90%

Y:100%K:20%

C:20%M:80%

Y:100%K:10%

C:0%M:60%

Y:100%K:0%

C:0%M:10%Y:30%K:70%

C:0%M:10%Y:20%K:30%

C:10%M:10%Y:40%K:10%

C:10%M:10%Y:40%K:0%

C:10%M:10%Y:50%K:30%

C:100%M:60%Y:30%

K:40%

C:100%M:40%Y:0%K:0%

C:50%M:10%

Y:10%K:20%

C:25%M:5%

Y:5%K:10%

C:90%M:60%

Y:0%K:10%

C:0%M:30%Y:100%

K:0%

C:25%M:0%Y:0%K:30%

C:25%M:0%

Y:0%K:30%

C:13%M:0%

Y:0%K:15%

C: 30%M: 0%

Y: 0%K: 50%

ELEMENTOS GRFICOS

Paleta de color


15/22



El planillo general de la revista tiene una estruc-tura mvil que se adapta a los temas de cadames y a los requerimientos publicitarios. Lassecciones fijas mantienen su posicin. Lostemas de portada: Cultura, Personaje,Coyuntura y Servicio pueden crecer en pginaso reducir de acuerdo a la informacin que con-tengan.

Cada mes se buscar una mezcla de 60% edi-torial y 40% publicidad.La gua no deber exceder el 35% del total depginas de la revista

ELEMENTOS GRFICOS

Paleta de colorColores baseSon los colores que ledarn personalidad acada seccin de larevista.

Variedad de combinacionesPara que las pginas esten equilibradas hay que buscar la mejor combinacin de

color, que armonice con las fotos y los dems elementos. No olvides que losacentos (frases, entresacados, cabezas, y dems apoyos) son tan importantescomo el mismo artculo.

exprs

economist

reportajes

ideas

tecno

estilo

Color base Color base

Color fondo 2Color estractos

Color fondo Color cabezas (opcin)


16/22



MAPAS Y CARTOGRAFA

ELEMENTOS GRFICOS


17/22



Tipografa para texto corrido, Bemboes una familia muy completa, con 24estilos, de muy buena legibilidad quecontrasta con las otras dos familiaspor lo clsico de sus trazos. El diseode los serif facilitan la lectura y laredondez de sus trazos permite unespaciado til.

Tratamientode titulares

ELEMENTOS GRFICOS

CABEZA: Benton Gothic Black Entrada de textos

Mtrica

Secuencias de informacin

Benton Gothic Medium

Tipografas:

Textos 1:

Cabeza

Cabeza

Cabeza

Introduccin.text

Introduccin.text

Una columna

Una columna

Media pgina

Media pgina

Pgina completa

Texto corridodatos, calles, globos.

FIJO: 18/19 pts.No aumentar ni reducir

Mnimo 20/21 pts.Mximo 32/33 pts.

Mnimo 32/33 pts.Mximo 36/37 pts.

Mnimo 10/ 11 ptsMximo 12/13 pts

Mnimo 12/ 13 pts

Mximo 14/15 pts

Introduccin.textPgina completa Mnimo 14/ 15 pts

Mximo 16/17 pts

FIJO: 9/10 pts.-40 Tracking

Los textos de entrada debern ser breves y deberndar la idea completa de lo que trata la infografa.Se recomienda no llegar a los 600 carcteres.

Es importante respetar el grid, esta diseado

en mltiplos de 18 puntos y siguiendo el estilogrfico de la revista en muchas ocasiones sepegarn los elementos a la lnea de corte.

El indicador para una secuencia dentro deun mapa se indicar en fondo de color y con la

tipografa calada de color blanco.

El fondo es un cuadrado perfecto, se puedeusar los colores de cada seccin para rellenar.

El nmero deber ir siempre en blanco entipografa Benton Gothic Medium.

>

>

>

>

>

Elementos grficos>De uso obligado en mapas

y cartografas, el norte ms

usado es en mapas que van

desde una columna y hasta

media pgina. Despus

tendrn que usar la versinescalada.

NORTECelaya

Ozuluama

Teotihuacn

Av.Michoacn

Parras

Plaza

Popocatpetl

INSURGENTES

SUR

Popoca

tpetl

Cacah

uamilp

a

Iztaccihuatl

Chilpancing

o

Manzanillo

Cu

yutln

Champ

otn

Amsterd

am

Av.

Mxic

o

Huichap

an

Av.Sonora

Coahuila

Nayarit

Chiapas

Tapachula

PlazaIztacihutlPlaza

Citlaltpetl

ParqueMxico

ParqueEspaa

lvaroObreg

n

MEDE

LLN

Av.Yucatn

Parques de la CondesaEl Central Park de la Condesatexto simulado para dummyde infografa.

Campeche


18/22



ELEMENTOS GRFICOS

EscalasgrficasTipografa para texto corrido, Bemboes una familia muy completa, con 24estilos, de muy buena legibilidad quecontrasta con las otras dos familiaspor lo clsico de sus trazos. El diseode los serif facilitan la lectura y laredondez de sus trazos permite unespaciado til.

>

>

Mapas Llave

Regiones, pases, estados

La escala grfica ayuda al lector a ubicarse y dimensionar los grficos.

Las escalas ayudan a definir el grado de detalle que tendrn los grficos;un grfico puede tener mapas en diferentes escalas.

El mapa llave es la primerentrada para leer un grfico.El tamao es el mnimo parallevar un mapa. El estilo puedevariar dependiendo delcontenido para el que se quierausar. Aqu mostramos los tres

ms usados en nuestra revista.Por ninguna razn deberpublicarse un mapa llave aun mayor tamao de los aqupresentados, debido a que notienen el detalle suficiente parair ms grandes.

Aqu se indicanregiones que incluyenvarios pases o estados.Estos mapas tienen msdetalle que un mapa llave,pero slo lo necesario.Los tamaos puedenvariar, pero la regla essimple:A mayor tamao,

mayor detalle.

Globo Continente

En este tipo de mapas slo se marca lo indispensable, una razn es la escala

y la otra es que seguramente no necesitemos poner ms informacin.

reaen detalle

EUROPA

Pas

Espaa

Surinam

GuayanaFrancesa

El polgono se localiza en lacosta del Atlntico, 18 km.

al Oeste de la ciudad deKourou.

Venezuela

Kourou es un polgonode lanzamientoespacial de la ESA(Euro-pean SpaceAgency), desde aqu selanzar al espacio elSatmex 6, en fecha

an por definir.

Al infinito...

reaen detalle


19/22



INFOGRAFA

GRFICOS ESTADSTICOS


20/22



Saldos en activos (a septiembre de 2003; enmiles de millones de pesos y % del total).

El 5o de Mxico

FUENTE: CNBV.

BBVA Bancomer$458

Banamex$399

Santander Serfin$230

Banorte$203

HSBC

$166

El 5o del mundo

FUENTE: CNBV.

Citigroup (Estados Unidos)$1,067

Mizuho Financial Group (Japn)

$899Deutsche Bank (Alemania)

$410BNP Paribas (Francia)

$390HSBC (Gran Bretaa)

$280

Luego de un "sube y baja" de la inver-

sin privada en el sector minero meta-lrgico, en 2003 volvi a crecer.

Cabeza(una sola lnea)Benton Gothic Black15 pts con un traking de -45,(el mnimo es 13 pts,pero solamente se utilizaen casos extremos)

Texto de introduccinBenton Gothic bold9 en 10 pts*

Pleca 3.881 mm. de altopor el ancho de columnacolor slido

Cifras (dinero, porcentajes, etc)Benton Gothic Bold 8 pts*Texto para datos

Benton Gothic

Regular 8 pts*

NotasBenton GothicLigth8 pts

EsquineroColor slido3.0 x 3.0 mm.

AclaracinBenton Gothic medium8 en 9 pts*

*Con un trackingde -25

INFOGRFICOS

Son tiles para comparar dos o mshechos por tamao, sus nicos requi-sitos son dos:

1. Una escala horizontal o vertical conla que pueda comparar los totales.

2. Que las barras incrementen odecrementen en el mismo eje visual.

Las barras pueden ser ordenadasalfabeticamente, cronologicamente opor tamao.

Grficade barras

Paleta de coloresRojo Expansin(0/100/62/12)

Negro(0/0/0/100)

Gris cabeza(40/0/10/30)

Degradado (fondo)

Los colores deben utilizarse al 100%.No se pueden integrar colores a estapaleta.

Gris grfico 02(20/13/13/0)

Gris grfico 03(12/12/12/0)

Gris grfico 02(20/13/13/0)

Gris grfico 01

(30/10/10/50)Barras horizontales (mm)

Barras verticales (mm)

4.5 6 7.5 9 12

4.5

32*

*Con esta medida la cifra va por fuerade la barra

Medidas


21/22



El pay compara las partes de un todo. El crculorepresenta el 100% de algo y los cortes quedividen el crculo (como rebanadas de pastel)representan un porcentaje de ese total.

Grfica de pay

INFOGRFICOS

Hasta los fbicosLa meta de las low cost es atraera los pasajeros que viajan por tierra.

Mercado potencial en Mxico:$560 millones de dlares anuales.

2,246millones viajan en camin al ao:viajan a ciudadescon menos de15,000 habs.

3.8%a sitios conms de 4horas deviaje.

*potenciales consumidores de low cost.NOTA: Estimados.FUENTE: elaboracin propia con datosde las empresas.

74.1%viajan en servicioseconmicos

.15%a ciudades sin aeropuerto amenos de 100 kilmetrosde radio.

viajan enserviciode lujo

2.5%*

19.4%

Cabeza(una sola lnea)Benton Gothic Black

15 pts con un traking de -45,(el mnimo es 13 pts,pero solamente se utilizaen casos extremos)

Texto de introduccin

Benton Gothic bold9 en 10 pts*

Pleca 3.881 mm. de altopor el ancho de columnacolor slido

Cifras (dinero, porcentajes, etc)Benton Gothic Bold 8 pts*

Texto para datosBenton GothicRegular 8 pts*

NotasBenton GothicLigth8 pts

EsquineroColor slido3.0 x 3.0 mm.

AclaracinBenton Gothic medium8 en 9 pts*

*Con un trackingde -25

teslido.0 mm.

inea al centropleca)

slida.o color

mate)


Negro(0/0/0/100)

Gris Tecno(40/0/10/30)

Gris c(12/12/12/0)

Los colores deben utilizarse al 100%.

No se pueden integrar colores a estapaleta.

Gris b(20/13/13/0)

Gris a(30/10/10/50)

Medidas

Tamao basedimetro: 3 mm(100%)

Mnimodimetro: 22.5 mm(75% Tamao base)

Mximo

dimetro: 37.5 mm(125% Tamao base)


22/22



Usada cuando queremos ver los cambios o fluc-tuaciones de montos en un periodo de tiempo.La fiebre tiene como componentes bsicos:

1. Una escala que corre verticalmente, normal-mente asignada a los montos.

2. Una escala que corre horizontalmente, nor-

malmente asignada a un periodo de tiempo.

3. Una lnea contnua que une los puntos entreperiodo y periodo, que te permite ver las cadasy crecimientos de cada lapso de tiempo.

Grfica de fiebre

INFOGRFICOS

6 mm

3 mm

3 mm*

3 mmdesde la linea base

de la tipografahasta el comienzo del

grfico

Grfico justificadoal ancho de columna

3 mmdesde la terminacin

del grafico hastael trazo ascendente

de la fuente

6 mm

1.5mm

ancho de columna

Fondos para el retiro de los trabajadoresen las afores (millones de pesos).

Los altibajos

01 02 03 040

10

20

40

30

50

0

10

20

30

40

50

FUENTE: elaboracin propia con datosde las empresa.

Los vehculos con clulas de combusti-

ble estn considerados como unos delos ms ecolgicos

23/03/04

$35.7

23/03/04$48.2

23/03/04$2.3

CABEZA (una sola lnea)Benton Gothic Bold15 pts con tracking -45(el mnimo es 13 pts,pero solamente se utilizaen casos extremos)

BajadaBenton Gothic Regular9 en 10 pts*

VariablesBenton Gothic Ligth8 en 9 pts*

EscalaBenton Gothic Ligth8 pts

CifrasBenton Gothic Bold8 pts

Benton Gothic Ligth8 pts

DivisinLnea slida.25 pts.

4 mm de altura

Subdivisin

Lnea slida.25 pts.1 mm de altura

EsquineroColor slido

3.0 x 3.0 mm.(se alinea arriba

y a la derechacon la pleca)

FiebreLnea slida (colores de la paleta)2 pts

VariablesBenton Gothic Ligth8 pts

01


Negro(0/0/0/100)

Gris cabeza(40/0/10/30)

Degradado (fondo)

Los colores deben utilizarse al 100%.No se pueden integrar colores a estapaleta.

Gris grfico 02(20/13/13/0)

Gris grfico 03(12/12/12/0)

Gris grfico 02(20/13/13/0)

Gris grfico 01

(30/10/10/50)

Documents

Expansion.manual de Estilo