01 conceptos - · pdf filemanual de normas gráficas indice vtr.com 2 01_conceptos...
TRANSCRIPT
vtr.comManual de Normas Gráficas
Manual de Normas Gráficas
INDICE
vtr.com 2
01_conceptos
Nuestra VisiónBuenas Prácticas
02_línea gráfica
IsotipoLogotipoColoresTipografíaIconografíaVisualización de DatosFondos
03_estructura web
HeaderFooterElementos comunes
01_conceptos
4
En vtr existimos para crear experienciasúnicas de entretención y comunicación paranuestros clientes y así todos disfrutemos de
lo que nos gusta de la vida.
Manual de Normas Gráficas
NUESTRA VISION
vtr.com
5Manual de Normas Gráficas
BUENAS PRACTICAS
> explorar nuevas formas de navegación
> diseñar interfaces diferenciadoras y recordables
> proyectar un coherente discurso visual y comunicacional
> proponer nuevas visualizaciones de contenido
vtr.com
02_línea gráfica
7Manual de Normas Gráficas
Es rojo por la pasión, fuerza y energía queponemos en todo lo que hacemos cada díapara hacerlo simple, impecable y entretenido.Así queremos sorprender y sorprendernos.
Es la síntesis de un corazón porque con élnos comprometemos para actuar con laverdad y respeto, escuchando a los demás,confiando y generando confianza.
Es la síntesis de una “V” porque con estoqueremos resaltar la primera letra de nuestronombre y todo el valor de nuestra empresa.Porque creemos hoy como siempre,en la libertad de elegir y en el cambio y lainnovación como un modo natural de vivir.
ISOTIPO
vtr.com
Icono 3D Fondo
8
> > >
Reporte de Sustentabilidad 2008 Sitio Empresa VTRSitio de Televisión | ProgramaciónIcono asociado a “Mis Favoritos”
Manual de Normas Gráficas
ISOTIPO Usos
vtr.com
9Manual de Normas Gráficas
Logotipo+Claim
LOGOTIPO
vtr.com
10Manual de Normas Gráficas
LOGOTIPO Uso correcto
vtr.com
11Manual de Normas Gráficas
LOGOTIPO Usos no permitidos
vtr.com
Tipografía no puede variar
No usar ribetes ni sombras
Sin trama o textura
Sin sombra
No variar proporciones
No distorcionar
12Manual de Normas Gráficas
LOGOTIPO Otras aplicaciones
Volumen
> Caso de Uso :Reporte de Sustentabilidad 2008
>
vtr.com
13
Logotipo
Pantone 1795 C=0 M=100 Y=100 K=5 #EE3524
Manual de Normas Gráficas
COLORES
> > >
vtr.com
14Manual de Normas Gráficas
COLORES
> Casos de Uso:- Gráficos Reporte de Sustentabilidad 2008- Logo somosvtr
vtr.com
15Manual de Normas Gráficas
COLORES
Valores Hexadecimales
#EE3524 #62BE1B
#F07D00 #00A2E0
#FBC817 #4B5DB1
#E5D631 #5D3E9C
#D6E940 #904098
#A4D53D #CF0372
vtr.com
16
> Caso de Uso:Sitio Centro de Seguridad : uso en colores de fondo
Manual de Normas Gráficas
COLORES
Escala de Grises#0B0B0D
#858585
#C3C1C2
#DCDCDC
#EBEBEB
vtr.com
ArialABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890!”·$%&/()=?¿
Meta ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890!”·$%&/()=?¿
Vag (Rounded) ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890!”·$%&/()=?¿
17Manual de Normas Gráficas
TIPOGRAFIA
Botones de interacción
Texto web : lectura general
> Tipografía corporativa
Títulos de secciones y textos destacados
>
>
>
vtr.com
18Manual de Normas Gráficas
ICONOGRAFIA
sujeto a cambios
19Manual de Normas Gráficas
ICONOGRAFIA Usos
20Manual de Normas Gráficas
VISUALIZACION DE DATOS
vtr.com
21Manual de Normas Gráficas
FONDOS Usos
Portal de Entretenciónvtr.com
Reporte Sustentabilidad 2008
>>
>
vtr.com
MANUAL DE NORMAS GRAFICAS
vtr.com18
03_estructura web
23
Header > Diseñad0s para resolución de 1024 px x 768px> Alineación : centrada
Sitios web:
Contenido
Footer
>
Manual de Normas Gráficas
ESTRUCTURA
vtr.com
24Manual de Normas Gráficas
ESTRUCTURA
Header<-- centrado --> > Sitio Corporativo y sitio de productos
> Portales de Contenidos> Portales Cobranded | Minisitios > Red Sitios Somosblogs : red de blogs asociados
> Sitio Corporativo y portales de contenidos> Sitio de Productos> Portales Cobranded | Minisitios : no lleva footer> Red Sitios Somosblogs : no lleva footer
Tipos de Header:
Tipos de Footer:
Contenido
Footer<-- 100% ancho -->
>
>
vtr.com
> Sitio Corporativo y sitio de productos : vtr.com | Sitio de Productos | Sitio de Empresas
25Manual de Normas Gráficas
HEADER
en definición
vtr.com
26Manual de Normas Gráficas
> Portales de Contenidos :
> versión rojo
> versión blanco
HEADER
vtr.com
27Manual de Normas Gráficas
> Portales Cobranded | Minisitios | Campañas
> versión rojo
> versión blanco
HEADER
vtr.com
> Red Sitios SomosBlogs
28Manual de Normas Gráficas
HEADER
en definición
vtr.com
> Footer Corporativo y portales de contenidos
29Manual de Normas Gráficas
FOOTER
vtr.com
sujeto a cambios
30Manual de Normas Gráficas
> Footer Sitio ProductosFOOTER
en definición
vtr.com
> breadcrumbs
> versión compacta> tipografía : Arial, cuerpo 10px> el color de fondo de los botones puede cambiar dependiendo de los colores usados en el diseño
> tipografía : Arial > cuerpo : 10px> colores textos y fondo del bullet : depende del diseño
> tipografía : Arial > cuerpo : 10px - color #818181 > campo : alto : 24 px y ancho 152px.
> paginación
> buscador
estás en: home / programación>
1 2 3 4 5 6 1 2 3 4 5 6>< siguienteanterior
ELEMENTOS COMUNES
31Manual de Normas Gráficas
< >
vtr.com