32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47
intro PORTADA
contenidos,
COLUMNA
FABRIZIO
COLUMNA
FABRIZIO
COLUMNA
NICOLÁS
COLUMNA
NICOLÁS
COLUMNA
TIM PARSA
COLUMNA
TIM PARSA
COLUMNA
MONICA
COLUMNA
MONICA
TEMA
PORTADA
TEMA
PORTADA
TEMA
PORTADA
TEMA
PORTADA
TEMA
PORTADA
TEMA
PORTADA
TEMA
PORTADA
TEMA
PORTADA
índice y buzón
48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
exprés PUBLICIDAD
TEMA TEMA TEMA PUBLICIDAD TEMA TEMA INVESTIGA- INVESTIGA- INVESTIGA- INVESTIGA- INVESTIGA- INVESTIGA- INVESTIGACIO INVESTIGACIO INVESTIGACIO INVESTIGACIO notas cortas,
PORTADA PORTADA PORTADA PORTADA PORTADA CION CION CION CION CION CION N N N N
64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79
coyunturales y
opinión
the economist
INVESTIGACIO PUBLICIDAD INVESTIGACIO PUBLICIDAD INVESTIGACIO INVESTIGACIO INVESTIGACIO INVESTIGACIO INVESTIGACIO INVESTIGACIO INVESTIGACIO INVESTIGACIO INVESTIGACIO INVESTIGACIO INVESTIGACIO INVESTIGACIO
N N N N N N N N N N N N N N información
80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95
internacional
INVESTIGACIO INVESTIGACIO
N N
INVESTIGACIO INVESTIGACIO
N N
TRIBU
MODELOS
TRIBU
MODELOS
TRIBU
MODELOS
TRIBU
MODELOS
DPASEO PUBLICIDAD LEYENDAS PUBLICIDAD URVANIDADESURVANIDADES HUMOR PUBLICIDAD reportajes
96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 negocios, finanzas,
economía, política
y entrevistas
PUBLICIDAD CONTENIDO DIRECTORIO INDISPENSA- PORTADA PORTADA PORTADA PORTADA PORTADA CONSUMO CONSUMO CONSUMO CONSUMO CONSUMO CONSUMO CONSUMO
BLE COMPRAS BIENESTAR BIENESTAR FIN DE SEM- FIN DE SEM- COMER Y RESTURANTES
ideas
112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127
mercadotecnia, recursos
humanos, management,
emprendedores
CONSUMO PUBLICIDAD CONSUMO PUBLICIDAD CONSUMO CONSUMO CONSUMO CONSUMO CONSUMO CONSUMO CONSUMO ARTE ARTE ARTE CINE PUBLICIDAD
RESTURANTES RESTURANTES RESTURANTESRESTURANTES RESTURANTESRESTURANTES BARES BARES BARES
128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 tecno
entrevistas, reportajes,
columnas
CINE CINE CINE DEPORTES ESCENARIOS ESCENARIOS ESCENARIOS ESCENARIOS GAY LIBROS MÚSICA MÚSICA MÚSICA TIANGUIS TIANGUIS TIANGUIS
144
*
PORTADA
TIME OUT
ANTES Y PUBLICIDAD
DESPUÉS
Logotipo
El logotipo de EXPANISIÓN es sencillo y de alto
impacto. Su tipografía, Armada, le otorga
carácter, la composición del logotipo esta basa-
da en los graffittis que abundan en la Ciudad
de México.
C:0%
M:100%
Y:100%
K:10%
C:0%
M:100%
Y:100%
K:30%
C:0%
M:0%
Y:0%
K:100%
Tipografías
Tipografía de logo, rankings y franquicias, Futura es
TIPOGRAFÍA FUTURA una familia muy bien diseñada, en nuestra publi-
cación sólo usamos el peso Regular, esta tipografía
VIAJE AL AMAZONAS
esta basada en formas geométricas, angulos de 90°
y 45° muy marcados que le aportan mucha person-
alidad. De carácter fuerte y marcado, esta tipografía
es la marca más fuerte de Expansión.
LAS MEJORES EMPRESAS PARA TRABAJAR
EXPANSIÓN
LAS 1OO MULTINACIONALES
RANKING
Paul Renner
INDUSTRIA AUTOMOTRIZ
Falleció en el año 1956. Los
dibujos originales del tipo
Futura se pueden contemplar
en la Fundición Tipográfica
Neufville de Barcelona.
Tipografías
Tipografía para cabezas, cornisas y elementos de
TIPOGRAFÍA BENTON navegación en la revista. Benton Gothic Sans es
una tipografía versátil, identificable, con mucho
peso y carácter, le dará personalidad al producto.
En 1903 Morris Fuller Benton diseño News
Gothic, un estándar en el siglo XX. En 1995 Tobias
Frere-Jones estudió los trazos originales y comen-
zó el rediseño de esta tipografía.
Cyrus Highsmith revisó la News Gothic y en
conjunto con FontBureau la expandió, dando ori-
gen a la Benton Gothic Sans, una nueva serie con
pesos, anchos y un performance que superaba el
concepto original.
FontBureau la evolucionó constantemente de
1995 a 2003.
Tipografías
Tipografía para cuerpo de texto, Poynter OldStyle Text
TIPOGRAFÍA POYNTER es una familia muy completa, con 24 estilos, de exce-
lente legibilidad. El diseño de los serif facilitan la lectura
y la redondez de sus trazos permite un espaciado útil.
Poynter es la primer tipografía en la historia que ha
sido diseñada para ser impresa en papel; su diseño
contempla la absorción de tinta en el papel, la ganan-
cia de punto, los puntajes mínimos de impresión, en
definitiva un gran avance tipográfico de nuestros tiem-
pos, generado por Tobias Frere-Jones quién trabajaba
para FontBureau cuando salió a la luz este proyecto en
1997.
Tobias Frere
Elementos
de navegación
editorial Una buena señalización ayuda al lector a saber
dónde está y a navegar con facilidad la revista. Los
elementos de navegación organizan los distintos
tipos de información y los agrupa.
Para la sección introductoria (editorial, buzón,
exprés
Elementos
de navegación
En las aperturas de sección se decidió usar una
señalización más agresiva visualmente para
exprés reportajes ideas reforzar el cambio de temática entre secciones y
ayudar al ritmo de lectura de la revista completa.
Elementos
de navegación
La navegación es diferente en la sección estilo,
debido a sus contenidos, menos cargados de texto
y con más gráficos, la paleta se vuelve más clara
VIAJES MODA PLACERES SALUD SNACKS para acompañar a los contenidos, mucho más rela-
TECNOLOGÍA
jados que el resto de la revista.
estilo TEMA 1
Retícula
TOP La retícula es el mapa que marca la geografía
3p6/42pt Formato:
w: 21cm / 49p7.3 / 595.3pt de la revista. En EXPANSIÓN se ha buscado una
h: 27.5cm / 64p11.5 / 779.5pt retícula simétrica, pero bastante flexible para
lograr una presentación ágil e inteligente de los
2 columnas elementos gráficos.
Grid: 11 pt
Caja:
W: 42p6 / 510pt
H: 54p / 648pt
Intercolumna:
• 1p6/18pt
Columna:
W: 20p6/246pt
Retícula
TOP Se utiliza una retícula de tres columnas para las
3p6/42pt Formato:
w: 21cm / 49p7.3 / 595.3pt secciones: índice, buzón, exprés y tecno. En una
h: 27.5cm / 64p11.5 / 779.5pt caja de 74 puntos con una intercolumna de 18
puntos. La diagramación sobre está retícula es
3 columnas la parte divertida de la revista, las columnas
Grid: 11 pt
son la base sobre la que giran los elementos de
la revista, siempre buscando sorprender y
INSIDE OUTSIDE entretener al lector.
3p6/42pt 3p6/42pt
BOTTOM
3p6/42pt Intercolumna:
• 1p6 / 18pt
Caja:
W: 42p6 / 510pt
H: 58p / 696pt
Intercolumna:
• 1p6/18pt
Columna:
W: 13p2/158pt
Retícula
TOP Se utiliza una retícula de seis columnas sólo
3p6/42pt Formato:
w: 21cm / 49p7.3 / 595.3pt para la sección estilo. En una caja de 74 puntos
h: 27.5cm / 64p11.5 / 779.5pt con una intercolumna de 18 puntos.
3 columnas
Grid: 11 pt
INSIDE OUTSIDE
3p6/42pt 3p6/42pt
BOTTOM
3p6/42pt Intercolumna:
• 1p6 / 18pt
Caja: Caja:
W: 42p4 / 508pt W: 42p6 / 510pt
H: 54p4 / 652pt H: 58p / 696pt
Intercolumna: Intercolumna:
• 8pt • 8pt
Columna: Columna:
W: 6p5/77pt W: 13p2/158pt
C:0%
M:60%
Y:100%
C:0%
M:30%
Y:100%
K:0%
C:90%
M:60%
Y:0%
C:100%
M:60%
Y:30%
K:40%
C: 30%
M: 0%
Y: 0%
C:0%
M:30%
Y:100%
K:0%
Paleta de color
K:0% K:10% K: 50%
C:0%
M:10%
Y:20%
K:30%
C:10% C:10%
M:10% M:10%
Y:40% Y:40%
K:10% K:0%
reportajes
Color estractos Color fondo 2
ideas
tecno
estilo
MAPAS Y CARTOGRAFÍA
MANUAL DE ESTILO DE DISEÑO • E X PA N S I Ó N 2005 • 20
ELEMENTOS GRÁFICOS
Tratamiento
Tipografías:
> CABEZA: Benton Gothic Black
> Entrada de textos de titulares
Los textos de entrada deberán ser breves y deberán Tipografía para texto corrido, Bembo
Una columna es una familia muy completa, con 24
dar la idea completa de lo que trata la infografía.
FIJO: 18/19 pts. Se recomienda no llegar a los 600 carácteres. estilos, de muy buena legibilidad que
Cabeza No aumentar ni reducir contrasta con las otras dos familias
> Textos 1:
> Métrica
Es importante respetar el grid, esta diseñado Parques de la Condesa
en múltiplos de 18 puntos y siguiendo el estilo
Benton Gothic Medium FIJO: 9/10 pts. gráfico de la revista en muchas ocasiones se
El Central Park de la Condesa
texto simulado para dummy
de infografía. ón
Texto corrido -40 Tracking pegarán los elementos a la línea de corte. Álvaro
Obreg
ilpa
datos, calles, globos.
huam
Av
>
Hu
.Y
uc
Elementos gráficos
ich
atá
etl
Caca
n
ap
tép
Parque oca
an
Pop
España Plaza
Una columna Mínimo 10/ 11 pts NORTE De uso obligado en mapas Pa Popocatépetl
rra Ce
Introducción.text Máximo 12/13 pts y cartografías, el norte más s lay
a
usado es en mapas que van
desde una columna y hasta
xico
Media página Mínimo 12/ 13 pts Parque Av. S
ono
media página. Después ra
Mé
México
MED
Introducción.text Máximo 14/15 pts
am
tendrán que usar la versión
Av.
SUR
d
ster
ELLÍN
escalada. Teoti
huac
Página completa Chiap
as
Am
án
Mínimo 14/ 15 pts
S
ula
Introducción.text Tapach
NTE
Av. Mic
Máximo 16/17 pts hoacán
ila
Coahu
RGE
Manz
a
Ozuluam
INSU
an
illo
Plaza che
Campe
Chilp
Plaza Iztacihuátl
Cham
Citlaltépetl
Izt
t
Nayari
Cuyu
ancin
ac
potón
cih
tlán
ua
go
tl
MANUAL DE ESTILO DE DISEÑO • E X PA N S I Ó N 2005 • 21
ELEMENTOS GRÁFICOS
GRÁFICOS ESTADÍSTICOS
MANUAL DE ESTILO DE DISEÑO • E X PA N S I Ó N 2005 • 23
INFOGRÁFICOS
ancho de columna
Esquinero
1.5 mm
CABEZA (una sola línea)
Benton Gothic Bold
Gráfica de fiebre
15 pts con tracking -45 Usada cuando queremos ver los cambios o fluc-
Color sólido (el mínimo es 13 pts,
3.0 x 3.0 mm.
tuaciones de montos en un periodo de tiempo.
pero solamente se utiliza
(se alinea arriba en casos extremos) La fiebre tiene como componentes básicos:
y a la derecha 6 mm
con la pleca)
1. Una escala que corre verticalmente, normal-
mente asignada a los montos.
6 mm
3 mm
Los altibajos
Bajada 2. Una escala que corre horizontalmente, nor-
Los vehículos con células de combusti-
Benton Gothic Regular
ble están considerados como unos de 9 en 10 pts* malmente asignada a un periodo de tiempo.
los más ecológicos
3 mm*
Fondos para el retiro de los trabajadores 3. Una línea contínua que une los puntos entre
en las afores (millones de pesos). periodo y periodo, que te permite ver las caídas
3 mm
Variables
desde la linea base 50 $48.2 50
Benton Gothic Ligth
y crecimientos de cada lapso de tiempo.
de la tipografía
hasta el comienzo del 23/03/04 8 en 9 pts*
gráfico
40 40 Cifras
$35.7 Benton Gothic Bold
Subdivisión
23/03/04 8 pts
Línea sólida
.25 pts.
1 mm de altura
30 30
Escala
Paleta de colores
Benton Gothic Ligth Rojo Expansión
8 pts (0/100/62/12)
20 20
Negro
Fiebre (0/0/0/100)
Línea sólida (colores de la paleta) Gris cabeza
División 10 10
Línea sólida 01 $2.3
2 pts (40/0/10/30)
.25 pts. Gris gráfico 01
4 mm de altura 23/03/04 Variables
(30/10/10/50)
3 mm 0 0 Benton Gothic Ligth
desde la terminación 01 02 03 04 8 pts Gris gráfico 02
del grafico hasta FUENTE: elaboración propia con datos Benton Gothic Ligth (20/13/13/0)
el trazo ascendente
de la fuente de las empresa. 8 pts Gris gráfico 03
(12/12/12/0)
Gris gráfico 02
(20/13/13/0)
Degradado (fondo)
Gráfico justificado
al ancho de columna
Los colores deben utilizarse al 100%.
No se pueden integrar colores a esta
paleta.