Formatos publicitarios en medios digitales
|
|
- Juan Francisco Giménez Díaz
- hace 8 años
- Vistas:
Transcripción
1 6 Formatos publicitarios en medios digitales Guía de uso de la marca Diciembre
2 6Formatos publicitarios en medios digitales 1. Elementos básicos 1.1 Logotipo 1.2 El degradado Telefónica y el color 1.3 Tipografías 1.4 Fotografía 1.5 Ilustración 1.6 Botones y enlaces 1.7 Favicon 2. Layout Digital 2.1 Logotipo 2.2 La ventana 2.3 Audiencias 2.4 Layout 2.5 Sistema de capas 2.6 Sistema de firma 2.7 Sistema de transiciones 2.8 Integración en vídeo 2.9 Vínculos a Redes Sociales 3. Formatos estáticos Newsletter 3.3 Redes Sociales 3.4 Banners 3.5 Minisites 4. Formatos dinámicos 4.1 Redes Sociales 4.2 Banners 4.3 Mupis 4.4 Minisites 2
3 INTRODUCCIÓN Esta guía ha sido diseñada con el objetivo de normalizar y alinear todas las piezas publicitarias de la marca Telefónica en entornos digitales a través de una serie de pautas básicas de aplicación que permitan preservar la coherencia y construir una marca más fuerte y competitiva, sin limitar por ello la capacidad creativa de futuras comunicaciones. Cumpliendo las normas que aparecen en esta guía, contribuiremos, no sólo a comunicar de forma homogénea, sino también a reforzar el carácter de la marca Telefónica. 3
4 ELEMENTOS BÁSICOS 11.1 Logotipo 1.2 El degradado Telefónica y el color 1.3 Tipografías 1.4 Fotografía 1.5 Ilustración 1.6 Botones y enlaces 1.7 Favicon 4
5 ELEMENTOS BÁSICOS 1.1 LOGOTIPO Versiones de color Las versiones de color correctas son las definidas en este punto. El logotipo Telefónica siempre se colocará sobre el degradado Telefónica, en negativo, o sobre fondo blanco, en positivo. No se recomienda aplicar el logotipo Telefónica sobre cualquier otro color o fondo. Para los casos en que necesitemos reproducir el logotipo Telefónica en blanco y negro, utilizaremos un 90% de negro en ambas versiones, positivo y negativo. Versión negativo sobre degradado Telefónica Versión positivo sobre fondo blanco Área de protección 1/2x x 3/4x La correcta legibilidad del logotipo Telefónica es de gran importacia, por eso se propone que nunca se reproduzca a un tamaño inferior a 60 píxeles de ancho. Versión negativo monocromática Tamaño mínimo Versión positivo monocromática 60 px Este material está disponible en: Descargar Logotipo_Telefonica.ai 5
6 ELEMENTOS BÁSICOS 1.1 LOGOTIPO. USOS INCORRECTOS Lo que no se debe hacer Existen unas pautas claras a seguir en la utlilización del logotipo Telefónica. Cualquier modificación del logotipo aquí expuesta no está permitida. No elimines de la marca el símbolo establecido. No apliques la marca con colores no especificados. No apliques la marca sobre un fondo de color incorrecto. No aplique la marca sobre fondos fotográficos. No gires la marca, alteres su composición horizontal ni apliques sombras ni otros efectos a la marca. No coloques la marca a una resolución inferior que haga pixelar la imagen. Powered by. AREA CORPORATIVA No endoses la marca. No coloques la marca dentro de un contenedor no especificado. No añadas otros elementos respeta el área de protección. 6
7 ELEMENTOS BÁSICOS 1.2 EL DEGRADADO TELEFÓNICA Y EL COLOR El color La paleta de color Telefónica está conformada por el azul y su degradado mas los colores de resalte. Ambos conforman una paleta de color funcional y atractiva, evocando tonos neutros obtenidos de la naturaleza. Las principales características y usos de nuestra paleta de color son: El Azul Telefónica: se usará como tono principal. El Degradado Telefónica: será una herramienta primordial en la identidad y se convertirá en el elemento diferenciador. Se aplica en sentido diagonal, azul claro en el lado inferior derecho y azul oscuro en el superior izquierdo. Azules claros Telefónica: se usarán para resaltar y crear contraste. El Ocre Telefónica: será exclusivamente el color de apoyo en la tipografía Telefónica Script. Grises Telefónica: se utilizarán como colores de apoyo, para resaltar y crear contraste. Los colores de fondo proporcionan profundidad y ayudan a resaltar determinados campos, además de contribuir a crear diferencias que faciliten la lectura y enriquezcan el aspecto visual de las piezas. Se aplican como fondo de tabla o como fondo de módulos de texto y tienen como objetivo ayudar a resaltar, sobre el blanco de fondo, datos de relevancia, ya sean textuales o numéricos. Azul Telefónica HTML # Degradado Telefónica HTML #002D36 Diagonal HTML #00759A Colores secundarios Azul claro Telefónica Azul claro Telefónica Ocre Telefónica HTML #00C6D7 HTML #D5EEFA HTML #BB650E Blanco Negro Gris medio Gris claro HTML #FFFFFF HTML # HTML # HTML # Colores de fondo HTML #F6F7F9 HTML #F1F3F2 HTML #EDF2F5 HTML #DDE8EA HTML #D3E1E4 7
8 ELEMENTOS BÁSICOS 1.3 TIPOGRAFÍAS Uno de los elementos fundamentales de nuestra identidad es nuestra tipografía. Existen dos grupos de fuentes: La tipografía corporativa, de uso principal. La tipografía HTML, de uso secundario. Se podrán combinar ambas tipografías en Newsletters y s, aplicando siempre la corporativa en titulares y HTML en el cuerpo de texto. También en cualquier caso en el que, por motivos técnicos o de legibilidad, sea necesario. Tipografía corporativa (uso principal) La tipografía corporativa será de uso obligatorio. En aquellos casos en los que no sea posible, se podrá utilizar la tipografía de uso secundario HTML. Como no podemos usar las tipografías corporativas en algunos entornos web, crearemos imágenes con los titulares y subtitulares. Cuando sea necesario hacer uso de imágenes en los titulares deberán ir indexadas para facilitar su presencia en buscadores. Titulares Aa Body copy Aa Siempre utilizaremos en Photoshop el tipo de suavizado nítido en la composición de textos. Escribimos nuestros titulares en Telefónica Headline Light. El body copy en Telefónica Text con las opciones de tres pesos: bold, regular e italic. Normalmente usaremos el peso Regular, cuando queremos resaltar un texto escribiremos en Telefónica Text Bold y aplicaremos el peso italic para los nombres de obras, extranjerismos, etc. En los casos en que la legibilidad de un texto extenso no sea óptima recomendamos sustituir la tipografía corporativa Telefónica por la Arial. Telefónica Headline light ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Telefónica Text Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Telefónica Text Bold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Telefónica Text Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Resaltes Aa Futuro Telefónica Text Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Este material está disponible en: Descargar Fonts_Telefonica 8
9 ELEMENTOS BÁSICOS 1.3 TIPOGRAFÍAS Tipografía HTML (uso secundario) Siempre que no sea posible utilizar la tipografía corporativa Telefónica, por problemas de legibilidad o razones técnicas propias del medio on-line, debemos contemplar la posibilidad de utilizar la tipografía html, es decir tipografía de sistema que asegure su perfecta visualización en cualquier ordenador. Las tipografías html elegidas para Telefónica son: Verdana para titulares y Arial para body copy. Es fundamental, en la elección de la fuente el cuerpo a utilizar, tener clara la jerarquía informativa: resaltar un titular por encima de los subtitulares y a su vez éstos sobre el bodycopy, es básico. El uso de colores también ayuda a la jerarquización informativa por esta razón siempre utilizaremos el azul en titulares y subtitulares y el negro para el cuerpo de texto. Titulares y subtitulares: Verdana Body copy: Arial Aa Aa Usaremos Verdana en cuerpos más grandes, para titulares, subtitulares, precios... y, en general, para los elementos con mayor importancia gráfica. También observar que sus caracteres son más cercanos a la tipografía corporativa Telefónica, con lo que conseguiremos una imagen más homogénea. Usaremos Arial para el grueso de la información, por su alta legibilidad y la menor anchura de los caracteres con respecto a la Verdana. Verdana Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Verdana Bold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Verdana Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Arial Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Arial Bold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Arial Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz Este material está disponible en: Descargar Fonts_Telefonica 9
10 ELEMENTOS BÁSICOS 1.4 FOTOGRAFÍA Cuando miramos con amplitud o cuando nos fijamos en los detalles. Todas nuestras fotografías deben tener una personalidad única, la personalidad Telefónica. Una visión elevada del mundo que nos otorga un conocimiento más objetivo de las cosas. Vista aérea. Fotografía de tierra. Ésta es la visión más amplia de la superficie de la tierra. Nos permite obtener las tomas más impactantes y las escenas más inspiradoras. Desde imágenes rurales a las ciudades más cosmopolitas. Seleccionaremos imágenes impactantes por su grandiosidad o colorido que nos conmuevan y nos enganchen. Vista elevada. Fotografía de tierra/gente. Nuestro zoom se acerca a nivel de la calle. Comenzamos a ver y diferenciar personas desarrollando su actividad cotidiana en entornos reales. La posición ligeramente elevada sobre los protagonistas nos da la sensación de que la marca está en todas partes, nos arropa. Vista cercana. Fotografía de gente. Nos acercamos totalmente a la acción y nos enfocamos sobre los protagonistas, perdiendo así las referencias del entorno pero marcando más los detalles tanto de las acciones como de sus expresiones. Nuestra posición ahora mira de tú a tú a las personas, siempre sin perder el ángulo elevado e incluso, en algunos casos, podrán interactuar con la cámara si necesitamos más cercanía. Vista aérea. Fotografía de tierra. Vista elevada. Fotografía de tierra/gente. Vista cercana. Fotografía de gente. Para más información consultar el capítulo 4 Estilo Fotográfico de la guía de uso de la marca. 10
11 ELEMENTOS BÁSICOS 1.5 ILUSTRACIÓN Por su componente humano y de cercanía, utilizaremos este tipo de ilustración en piezas dirigidas a empleados y a la sociedad (sólo Fundación y Responsabilidad Corporativa). Estas ilustraciones deberán ser conceptuales y limpias, simulando un dibujo de trazo sencillo, hecho a mano alzada. Intentaremos no abusar de este recurso y en la medida de lo posible evitaremos utilizar más de una ilustración por página o soporte unitario. Para el trazo emplearemos el Pantone 153 y si queremos resaltar o decorar elementos dentro de la ilustración usaremos una trama al 30% del Pantone Conceptual Sencilla Imaginativa Para más información consultar el capítulo 3 Sistema de Formatos de la guía de uso de la marca. 11
12 ELEMENTOS BÁSICOS 1.6 BOTONES Y ENLACES El color distintivo de contenido enlazado o de botones de acción será azul, dentro de la gama de colores corporativos. El estado de rollover aparecerá subrayado. #00C6D7 #00C6D7 enlace enlace #00C6D7 #00C6D7 enlace enlace Colores #00C6D7 #00C6D7 Tipografía Aa Aa Telefónica Headline light Color de texto enlazado sobre fondo blanco Color de texto enlazado sobre fondo azul Dependiendo de la acción a ejecutar, se han establecido dos estilos diferentes de botones: los que implican la ejecución o cancelación de una operación y los de ampliación de información. Sobre Blanco #00C6D7 Sobre Degradado Telefónica enlace #00C6D7 Botón con texto Los utilizaremos para destacar una acción o reforzar el call to action Sobre Blanco enlace #00C6D7 Aa #00C6D7 Aa #DDE8EA #DDE8EA Más información Sobre Degradado Telefónica #00C6D7 Más información Colores Tipografía Aa Aa Más información Dependiendo de su importancia en la acción a ejecutar; se han establecido tres estilos diferentes de botones Colores Tipografía Telefónica Headline light Aa Telefónica Headline light Cómo se crean? Para los botones con textos usamos la tipografía Telefónica Headline Light a 16 px de altura. BOTÓN ICONO +TEXTO Son los de más relevancia. En piezas de comunicación, estos botones se pueden utilizar cuando la url de destino inicia un proceso de compra, contratación, activación, descarga... Tipografía: Telefónica Headline Light Color: #FFFFFF #DDE8EA BOTÓN CON TEXTO #00C6D7 Aa Los utilizamos para destacar una acción o reforzar el call to action. Tipografía: Telefónica Headline Light Color: #FFFFFF BOTÓN CON Aa ICONO Para piezas con múltiples enlaces como los listados de productos, se deben acompañar siempre por un literal que aclare la acción a ejecutar. Tamaño: Color: 28x28 px #FFFFFF Este material está disponible en: Descargar Botones-BMP.psd 8 px 28 px 28 px 28 px 14 px 28 px 28 px 12
13 ELEMENTOS BÁSICOS 1.7 FAVICON Favicon El Favicon es un icono de 16 x 16 px que aparece en la barra de direcciones de los navegadores encabezando la url como elemento identificador del website. Debido a las reducidas dimensiones del Favicon, Telefónica no puede aparecer en su totalidad de forma legible por lo que sólo se mostrará Tel 16 px 16 px Este material está disponible en: Descargar Botones-BMP.psd 13
14 LAYOUT DIGITAL 22.1 Logotipo 2.2 La ventana 2.3 Audiencias 2.4 Layout 2.5 Sistema de capas 2.6 Sistema de firma 2.7 Sistema de transiciones 2.8 Integración de vídeo 2.9 Vínculos a Redes Sociales 14
15 LAYOUT DIGITAL 2.1 LOGOTIPO El logotipo Telefónica siempre se colocará sobre el degradado Telefónica, en negativo, o sobre fondo blanco, en positivo. No se recomienda aplicar el logotipo Telefónica sobre otro color o fondo. Si es preciso aplicarlo sobre fotografía, deberá hacerse observando su correcta legibilidad. Para los casos en que necesitemos reproducir el logotipo Telefónica en blanco y negro, utilizaremos un 90% de negro en ambas versiones, positivo y negativo. El logotipo deberá tener aire a lo largo de todo su perímetro, respetando el área de protección en todas las aplicaciones. La correcta legibilidad del logotipo Telefónica es de gran importancia, por eso se propone que nunca se reproduzca a un tamaño inferior a 60 px de ancho. 3/4x 1/2x x 1/2x Tamaño mínimo x 3/4x 60 px 15
16 LAYOUT DIGITAL 2.2 LA VENTANA La ventana es un elemento gráfico clave que nos ayuda a destacar la información de las piezas de comunicación y crea una fuerte identidad de marca. A continuación mostramos cómo se construye la ventana y cabecera destinadas para la web Telefónica, y que como excepción su inclinación será de 2º. Construcción de ventana: -2º -2º Se parte de un rectángulo y con la ayuda de unas guías se aplica -2º de inclinación en los lados superior e inferior derecho. Podemos aumentar el tamaño de la ventana según las necesidades del contenido o diseño, siempre respetando los ángulos de los lados. Construcción de cabecera web: -2º Se parte de un rectángulo cuyo ancho vendrá determinado por la resolución de la web y al que aplicaremos -2º de inclinación en los lados superior e inferior derecho. 16
17 LAYOUT DIGITAL 2.3 AUDIENCIAS Existe un único formato para la comunicación de Telefónica que se adapta según la audiencia. Para audiencias externas predominará el degradado azul sobre el blanco y en el caso de Empleados y Fundación, al contrario. Es primordial distinguir la audiencia a la que va dirigida la pieza publicitaria y conocer las herramientas que tenemos para comunicarnos. Estas herramientas se explican a continuación. Externa Sociedad - Comunicación Institucional - Patrocinios Socios Accionistas Multinacionales Grandes clientes Empleados y Fundación 17
18 LAYOUT DIGITAL 2.3 AUDIENCIAS EXTERNAS Estos son los elementos gráficos que utilizaremos cuando nos comuniquemos con cualquier audiencia externa: sociedad (Comunicación Institucional y Patrocinios), Socios, Accionistas, Multinacionales y Grandes clientes. A continuación veremos en detalle la aplicación de los mismos. Colores Blanco Degradado Tipografía Titulares Telefónica Headline Ligth Body copy Telefónica Text (Regular / Bold / Italic) Ventana Tú puedes crear un mundo mejor. Pantone 3115 Pantone 548 Fotografía 18
19 LAYOUT DIGITAL 2.3 AUDIENCIAS EMPLEADOS Y FUNDACIÓN En esta página mostramos los elementos gráficos que podemos utilizar en una pieza publicitaria dirigida a Empleados y Fundación. A continuación veremos en detalle la aplicación de los mismos. Destacamos dos elementos que sólo se utilizan en piezas para Empleados y Fundación: la tipografía Telefónica Script y la ilustración. Debemos ser muy coherentes en su uso para que no exista confusión entre las distintas audiencias. A continuación veremos en detalle la aplicación de los mismos. Colores Blanco Degradado Pantone 3115 Pantone 153 Pantone 548 Tipografía Titulares Telefónica Headline Ligth Body copy Telefónica Text (Regular / Bold / Italic) Resalte Telefónica Script Ventana Tú puedes crear un mundo mejor Ilustración Fotografía 19
20 LAYOUT DIGITAL 2.4 LAYOUT Dentro de las comunicaciones de Telefónica podemos encontrar audiencias distintas: Empleados y Fundación Audiencias externas Aunque todas tienen en común la presencia de la banda azul con la firma Telefónica, cada uno de ellos posee un estilo propio que detallamos a continuación. Audiencias externas En audiencias externas predominará el color azul en los fondos y ventanas. Los textos sobre fondo azul deberán ir en azul claro y blanco para facilitar su legibilidad. Audiencias internas y Fundación Se utiliza como color predominante el blanco en fondos y ventanas. Los textos deberán aparecer sobre fondo blanco y se podrá hacer uso de la tipografía manuscrita en color ocre para resaltar algunos términos dentro de los titulares. Adicionalmente, para las audiencias internas se podrán utilizar ilustraciones combinando el color ocre y el azul en las mismas. En las comunicaciones, el espacio dedicado a las fotografías, tendrá mayor relevancia que el utilizado para el resto de elementos. El encuadre de las fotos deberá ser cenital o ligeramente picado. Para Comunicaciones internas también se permite el uso de ilustraciones. Ejemplo 1. Audiencia externa Ejemplo 2. Fundación Telefónica Ejemplo 3. Audiencia interna 20
21 LAYOUT DIGITAL 2.5 SISTEMA DE CAPAS Generalmente intentaremos que las composiciones publicitarias tengan tres capas. Si el formato está dirigido a Empleados y Fundación, la ventana de texto es blanca y degradado Telefónica si va dirigido a audiencias externas. En el caso de tener el degradado Telefónica como fondo del formato, es muy importante que una vez encajadas todas las capas ajustemos el degradado, recuerda que se aplica en sentido diagonal, azul claro en el lado inferior derecho y azul oscuro en el superior izquierdo. A continuación mostramos ejemplos donde vemos la composición de estas tres capas. Audiencias externas Te pror simusam rehent pellabo Rum aut assunt. Eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Fondo Ventana fotográfica Ventana de textos Te pror simusam rehent pellabo Rum aut assunt. Eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Empleados y Fundación simutame El pror simusam et rehent pellabo. Te pror simusam et rehent pellabo.ga. Nequam rem dolor molorpore pa conseque corem num, conseque non perum volla suntur? Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Ut estrumqui in rem lanti. Tist prepelit eum eum repro temodis rat aut pos digentiam. Fundación Telefónica simutame El pror simusam et rehent pellabo. Te pror simusam et rehent pellabo.ga. Nequam rem dolor molorpore pa conseque corem num, conseque non perum volla suntur? Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Tist prepelit eum eum repro temodis rat aut pos digentiam quis plit dis volupici cus, ut officte consendias exeribusam volorem. Ut estrumqui in rem lanti. Tist prepelit eum eum repro temodis rat aut pos digentiam. Fundación Telefónica Fondo Ventana fotográfica Ventana de textos 21
22 LAYOUT DIGITAL 2.6 SISTEMA DE FIRMA Para piezas de comunicación en el medio on-line utilizaremos dos sistemas de firma: estático y dinámico. 1/2x x La aplicación de cada uno de ellos dependerá de las especificaciones propias de la pieza de comunicación. 728X90 3/4x Sistema de firma estático El sistema de firma estático carece de animaciones o transiciones y para aplicarlo, bastará con observar las directrices establecidas en cuanto a tamaño de fuente en relación con el formato de la pieza y respetar el área de seguridad definida para el logotipo. Las pautas establecidas en la página de sistema de firma sobre la posición y tamaño del logotipo Telefónica se mantendrán en el resto de formatos publicitarios. 3/4x 1/2x x 3/4x 1/2x x 120x120 3/4x 1/2x x Excepción en el área de reserva para espacios muy pequeños En los casos en los que la marca quede pequeña, como en los minibanners, se deberá dejar un margen de seguridad de 10 pixels o proporcional a esta medida. 10px 10px 1/2x x 300x x60 120x240 1/2x x 3/4x 220x45 3/4x 10 px x 10 px 120x600 22
23 LAYOUT DIGITAL 2.6 SISTEMA DE FIRMA ESTÁTICO En esta página mostramos en diferentes formatos un ejemplo de anuncio publicitario estático. 468x60 728X90 120x600 Robapáginas 300x x200 23
24 LAYOUT DIGITAL 2.6 SISTEMA DE FIRMA ESTÁTICO En esta página mostramos en diferentes formatos un ejemplo de anuncio publicitario estático. 468x60 728X90 120x600 Robapáginas 300x x200 24
25 LAYOUT DIGITAL 2.6 SISTEMA DE FIRMA DINÁMICO Sistema de firma dinámico Se usa cuando no tenemos limitaciones técnicas para hacer transiciones y las especificaciones del formato contemplan un peso óptimo para su ejecución. La firma dinámica se deberá optimizar para obtener un peso máximo de 2 Kb. En nuestra propuesta para un tamaño de 300x250 px el peso es de 1692 bytes. Ejemplo de aplicación en tamaños grandes Paso 1 Paso 2 Paso 3 Ejemplo de aplicación en tamaños pequeños Paso 1 Paso 2 Paso 3 Ejemplo de aplicación de cierre en vídeo Este material está disponible en: Descargar sistemas_firma_dinámicos.swf 25
26 LAYOUT DIGITAL 2.7 SISTEMA DE TRANSICIONES El sistema de transiciones debe ser tratado como un elemento fundamental más que ayude a dar coherencia y personalidad al universo visual de Telefónica. Al igual que la fotografía, el color o la tipografía, las transiciones deben ser el reflejo de ese universo. Se recomienda el uso de transiciones suaves y deben evitarse los saltos bruscos o las transiciones estridentes. También se recomienda minimizar el número de transiciones o pasos para evitar que la secuencia de mensajes se prolongue en exceso. Es importante tener en cuenta el orden de lectura a la hora de mostrar los contenidos tanto si son mensajes de texto como imágenes vinculadas a esos mensajes. Ejemplo 26
27 LAYOUT DIGITAL 2.8 INTEGRACIÓN DE VÍDEO Los vídeos integrados en comunicación on-line suelen ser, por lo general, una adaptación a formato de lo desarrollado para soportes audiovisuales fuera del medio on-line: TV, cine, etc. En estos casos serán una incrustación de vídeo para formatos Rich Media y se planteará un layout contenedor con presencia de la marca que permanecerá en todo momento y que servirá de marco al vídeo. No se aplicará cuando la pieza conviva con fondos Telefónica. En ocasiones, el vídeo puede ser un elemento más de la comunicación al igual que la fotografía, el texto, etc. En estos casos el tratamiento debe ser coherente con el resto de elementos con los que convive y puede liberarse del layout contenedor. Todos los vídeos llevarán un botón de reproducción sobreimpreso así como la posibilidad de poder activar y desactivar el sonido en un momento determinado. De manera preferente, en aquellos casos en los que la pista de audio contenga locución, el vídeo deberá integrar los subtítulos correspondientes. Para facilitar su legibilidad irán siempre en color blanco con un contorno negro. La zona habilitada para la reproducción y parada del vídeo deberá ser el área formada por éste y su marco correspondiente. Ejemplo Audiencia Externa Ejemplo Fundación Telefónica 27
28 LAYOUT DIGITAL 2.9 VÍNCULOS A REDES SOCIALES Los vínculos a redes sociales en la comunicaciones de Telefónica siempre irán ubicados en el área que enmarca el contenido al que hacen referencia, ya sea dentro de una sección, un destacado o cualquier otro espacio similar. Cuando el evento referido en el vínculo tenga un desarrollo continuado en el tiempo se verbalizará como Síguenos en y cuando sea una acción puntual se verbalizará como Compártelo en. Ejemplo 1. Minisite con vínculos a redes sociales Ejemplo 2. Síguenos en Ejemplo 3. Compártelo en Para la composición de textos en los botones utilizaremos Arial regular para textos informativos y Arial Bold para enlaces. Texto normal Arial 11Pt #0086C3 16px Texto enlace Arial 11Pt #5CD2ED 16px 28
29 FORMATOS ESTÁTICOS Newsletter 3.3 Redes Sociales 3.4 Banners 3.5 Minisites 29
30 FORMATOS ESTÁTICOS 3.1 A la hora de diseñar un se deberán observar las siguientes reglas: En la cabecera, el logotipo de Telefónica siempre irá justificado a la derecha, salvo para Fundación Telefónica, en los que aparecerá a la izquierda. Titular y cuerpo de texto se ubicarán siempre sobre la ventana, tanto en su versión azul como blanca. Siempre deberá aparecer un botón que incite al usuario a obtener información adicional o, en su caso, a contratar el servicio que se oferta. Para el pie del se utilizará la tipografía Arial con un tamaño de 11 px. Se deberá personalizar el asunto del . 11pt Arial px 600 px 600 px CABECERA CUERPO DEL MENSAJE CIERRE Para más información de la cabecera consultar el capítulo 10 de Elementos básicos on-line. 30
31 FORMATOS ESTÁTICOS 3.2 NEWSLETTER Para la creación de la newsletter se establecerá una plantilla con tres columnas que se podrá modificar de acuerdo con el contenido a comunicar. El cuerpo de texto se ubicará sobre cajas de color blanco para facilitar su legibilidad. En la cabecera, el logotipo de Telefónica siempre irá justificado a la izquierda conviviendo con el texto Newsletter. Aunque se puede hacer uso del modelo de plantilla con tres columnas, aconsejamos utilizar las retículas mostradas en los ejemplos ya que, en las comunicaciones de Telefónica, suele ser habitual destacar parte de la información dotándola de mayor presencia visual. La estructura de las newsletters seguirá en todos los casos una retícula básica de tres columnas que el administrador utilizará para disponer los diversos módulos de la comunicación. Ejemplo 1. Audiencia externa 600 px 600 px 20 px 20 px px 70 px 70 px 70 px Para más información de la cabecera consultar el capítulo 10 de Elementos básicos on-line px px 10 px 70 px px 31
32 FORMATOS ESTÁTICOS 3.3 REDES SOCIALES. TELEFÓNICA La presencia de la marca Telefónica en redes sociales se define, básicamente, mediante el avatar o imagen de perfil cuyo ancho suele venir establecido por la red social y podrá extenderse en la vertical en función de las necesidades de comunicación y diseño. No obstante, para mantener un mínimo de coherencia, recomendamos utilizar un formato cuadrado para el avatar y su versión reducida. Ejemplos: En Facebook, la versión 50x50 px es una reducción automática del icono de 200x200 px. Aunque en el caso de Tuenti se pueden definir dos tamaños distintos. Para el tamaño grande, adoptaremos el mismo avatar de 200x200 px. Para el pequeño usamos el Favicon a 35x35 px. Ejemplos de páginas para Facebook y Tuenti basados en las especificaciones de las redes sociales y en los que mantenemos la línea estética definida para Telefónica a la hora de presentar los contenidos. Telefónica en Facebook Telefónica en Tuenti Icono de 200x200 px Icono de 200x200 px Favicon 35x35 px 32
33 FORMATOS ESTÁTICOS 3.3 REDES SOCIALES. OTRAS EMPRESAS DEL GRUPO Ejemplos de presencia de marca de otras empresas del grupo: Telefónica Fundación en Facebook Telefónica Fundación en Tuenti En las redes sociales la presencia de Fundación e I+D siguen las mimas normas definidas para la marca Telefónica. En Facebook, la versión 50x50 px es una reducción automática del icono de 200x200 px. Aunque en el caso de Tuenti se pueden definir dos tamaños distintos. Para el tamaño grande, adoptaremos el mismo avatar de 200x200 px. Para el pequeño usamos el Favicon a 35x35 px. Ejemplos de páginas para Facebook y Tuenti basados en las especificaciones de las redes sociales y en los que mantenemos las mismas pautas estéticas definida para Telefónica a la hora de presentar los contenidos. Icono de 200x200 px Icono de 200x200 px Favicon 35x35 px Fundación I+D Fundación Telefónica I+D en Facebook Telefónica I+D en Tuenti 33
34 FORMATOS ESTÁTICOS 3.4 BANNERS En los banners estáticos deberá convivir siempre la creatividad con la firma de la marca. Para audiencias externas, este tamaño se usará exclusivamente para hacer branding y, por tanto deberá aparece la firma. 728x90 468x60 148x60 178x60 107x60 120x600 34
35 FORMATOS ESTÁTICOS 3.4 BANNERS En los banners estáticos deberá convivir siempre la creatividad con la firma de la marca. Para audiencias externas, este tamaño se usará exclusivamente para hacer branding y, por tanto deberá aparece la firma. 300x x x x x x213 35
36 FORMATOS ESTÁTICOS 3.4 BANNERS En los banners estáticos deberá convivir siempre la creatividad con la firma de la marca. En el tamaño mínimo, cuando la comunicación vaya dirigida a audiencias internas, se puede prescindir de la firma, bastará con mostrar el mensaje. Cuando la comunicación se realice dentro de sites de Telefónica podrá prescindirse del logotipo. 728x90 468x60 148x60 178x60 107x60 120x600 36
37 FORMATOS ESTÁTICOS 3.4 BANNERS En los banners estáticos deberá convivir siempre la creatividad con la firma de la marca. En el tamaño mínimo, cuando la comunicación vaya dirigida a audiencias internas, se puede prescindir de la firma, bastará con mostrar el mensaje. Cuando la comunicación se realice dentro de sites de Telefónica podrá prescindirse del logotipo. 300x x x x x x213 37
38 FORMATOS ESTÁTICOS 3.5 MINISITES Los minisites estáticos son aquellos en los que no se hace uso de tecnología flash o similar para presentar los contenidos, quedando reducida la estructura y la navegación de los mismos a plantillas y enlaces html. El logotipo siempre aparecerá en la parte superior izquierda conviviendo con el nombre del minisite en cuestión, que se ubicará a la derecha. A continuación se muestra un ejemplo de minisite en el que se ha aplicado las directrices estéticas y el tratamiento de color adecuado para audiencias internas. No se recomienda que, dentro de una misma página, convivan dos o más piezas animadas. Ejemplo 1: Home Subhome Para más información de la cabecera consultar el capítulo 10 de Elementos básicos on-line. 38
39 FORMATOS DINÁMICOS 44.1 Redes Sociales 4.2 Banners 4.3 Mupis 4.4 Minisites 39
40 FORMATOS DINÁMICOS 4.1 REDES SOCIALES Tal y como se comentó en la sección 3 Formatos Estáticos, cada red social permite un grado de personalización que será mayor o menor en función de su política y sus especificaciones técnicas. Con los formatos dinámicos sucede lo mismo. La mayoría de ellas sólo permiten personalizar determinadas páginas interiores y, dentro de éstas en algunas se puede hacer uso de todo el espacio disponible mientras que otras son más restrictivas al respecto. En general, los formatos dinámicos insertados en las páginas de Redes Sociales funcionan de manera autónoma en cuanto a navegación y acceso a la información que contienen. La implementación del aspecto dinámico del contenido se realizará según las necesidades del desarrollador pero siguiendo siempre las pautas establecidas en esta guía. Icono de 200x200 px 40
41 FORMATOS DINÁMICOS 4.2 BANNERS En cualquier tipo de creatividad que conlleve una animación en banners dinámicos, las transiciones y presentación de los textos deberán realizarse siguiendo el orden natural de lectura, es decir, de arriba a abajo y de izquierda a derecha. En el capítulo 4.3 de esta guía se muestran varios ejemplos genéricos de ejecución de la firma digital dinámica. Cuando el medio en el que se vaya a publicar la pieza no permita el uso del loop (animación cíclica), se deberá añadir un frame adicional al final de la pieza, con un texto que resuma el contenido a publicitar. Banner 120x600 px Banner 120x600 px sin loop Paso 1 Paso 2 Paso 3 Paso 4 Paso 5 Paso 1 Paso 2 Paso 3 Paso 4 Paso 5 Cuando el medio en el que se vaya a publicar la pieza no permita el uso del loop (animación cíclica), se deberá añadir un frame adicional al final de la pieza, con un texto que resuma el contenido a publicitar. Banner 300x250 px Paso 1 Paso 2 Paso 3 Paso 4 Paso 6 41
42 FORMATOS DINÁMICOS 4.2 BANNERS Banners dinámicos deplegables Robapáginas Este caso sería apropiado cuando nos veamos en la necesidad de realizar una comunicación teaser, en la que sólo desvelamos la marca en la resolución de la creatividad. Megabanner desplegable La resolución de esta pieza, como ya se ha comentado en otras ocasiones, deberá realizarse, de arriba a abajo, siguiendo el orden natural de lectura. Preferentemente, y para tener presencia de marca desde el principio, el logotipo se colocaría justificado a la derecha, cuando aún no se ha desplegado toda la información. Si, transcurridos unos segundos, el usuario no interactúa con la pieza, ésta se resolverá de forma automática. Robapáginas Paso 2 Megabanner desplegable Paso 1 Paso 1 Excepción En este caso, al tratarse de una comunicación teaser, el titular a mensaje inicial se podrá colocar fuera de la ventana y el resto de la comunicación se resolverá en esta. Paso 2 Botón de cierre El medio será quien marcará si la pieza puede llevar una aspa de cierre personalizado o deberá ser el del propio medio. Cuando se pueda personalizar se diseñará el mostrado a la izquierda. 28 px 28 px 42
43 FORMATOS DINÁMICOS 4.2 BANNERS Banners dinámicos especiales Las piezas en formato richmedia que incorporen vídeo deberán observar las directrices establecidas en el capítulo 3.5 de esta guía sobre formatos y tratamiento de subtítulos. El intersticial deberá mostrar siempre la marca y durará, dependiendo del medio, entre 10 y 15 segundos, por lo que la comunicación deberá ser lo más breve y concisa posible. Robapáginas Richmedia 300x250 px Intersticial 750x750 px (10-15 ) 43
44 FORMATOS DINÁMICOS 4.2 BANNERS Vídeos preroll En general, el vídeo deberá durar entre 10 y 15 segundos, ser proporcional a 16:9 y seguir las directrices del capítulo 3.5. siempre que sea posible. Cuando el vídeo tenga cartela de cierre con presencia de marca, se prescindirá de la mosca. En caso contrario, ésta deberá ir ubicada en la zona superior derecha, observando lo establecido en el capitulo 1.1 de esta guía en cuanto a su colocación. Vídeos post-preroll En este caso, únicamente mostraremos una cartela que, junto a la marca incluya un breve texto descriptivo resumiendo nuestra comunicación, ya que el frame apenas durará unos segundos. El tratamiento será similar al descrito en este capítulo (página 36) para banners sin loop. Preroll con cartela de cierre Cartela de cierre con presencia de marca Postroll Preroll con mosca 44
45 FORMATOS DINÁMICOS 4.2 BANNERS Banners especiales Estas piezas reciben esta denominación porque pueden combinar varios de los formatos descritos en capítulos anteriores. En la ejecución de su diseño, se seguirán las directrices establecidas para los formatos convencionales. Formatos interactivos Son piezas que aparecen incrustadas en la página web y permanecen como parte de la misma incluso después de haberse resuelto la comunicación. Robapáginas: 200x200, 250x250, 250x350 y el 350x250 px. Megabanners: 728x90 px. Rascacielos o Banner skyscraper: 120x600 y 160x600 px. Botón: Formatos pequeños. Formatos flotantes Como su nombre indica estas piezas se superponen sobre la página web y, una vez desplegadas, desaparecen dejando visible el contenido de dicha página. Las medidas de estos formatos no están estandarizadas, ya que varían en función de la creatividad. Intersticial Layer Over Layer Ejemplo Banner interactivo Esta pieza muestra un carrusel de opciones que el usuario puede elegir. Haciendo clic sobre cada una de ellas, se despliega la información correspondiente. 45
46 FORMATOS DINÁMICOS 4.3 MUPIS Los mupis, como otros soportes digitales, seguirán los normas de diseño establecidas en capítulos anteriores, en cuanto a diseño, transiciones y presencia de marca. Ejemplo de aplicación Paso 1 Paso 2 Paso 3 Paso 4 46
47 FORMATOS DINÁMICOS 4.4 MINISITES En los minisites dinámicos, toda animación que se plantee deberá mantener una coherencia visual con el contenido del mismo. Debido a temas de accesibilidad, en este tipo de minisites no está permitido el uso de tecnología Flash, sólo se podrá hacer uso de HTML Dinámico. En este tipo de minisites no está permitido el uso de tecnología Flash, sólo se podrá hacer uso de HTML Dinámico para poder cumplir con las directrices establecidas en la guía de accesibilidad. 47
48 Si tienes cualquier duda sobre el contenido de esta guía o sobre la aplicación del logotipo en casos no contemplados aquí, por favor, contacta con el Departamento de Gestión de Marca:
Guía básica de la marca Gas Natural Fenosa. Identidad Corporativa y Marca
Guía básica de la marca Gas Natural Fenosa Presentación 1 La guía básica de la marca de Gas Natural Fenosa recoge las directrices generales de uso de la nueva marca. Las pautas aquí expuestas deben ser
Más detallesLINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA
LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA LINEAMIENTOS DE IMAGEN INSTITUCIONAL PARA EL DESARROLLO DE PORTALES DE INTERNET DEL ESTADO DE SONORA
Más detallesGuía de uso de isologotipo y lineamientos para el manejo de marca
Guía de uso de isologotipo y lineamientos para el manejo de marca CONTENIDO 00. Introducción 01. Versiones 02. Tamaños 03. Proporciones 04. Área de reserva 05. Colores 06. Tipografías 07. Restricciones
Más detallesMaqueta Sitio Web para el 2º Nivel
Maqueta Sitio Web para el 2º Nivel Aplicable a Departamentos y Carreras La implementación de un portal web con la extensión usach.cl está supeditada a tres niveles. Cada uno contempla distintas características
Más detallesManual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00
Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00 ÍNDICE DE CONTENIDOS INTRODUCCIÓN...3 ÁREAS DEL SITIO WEB...4 1. ENCABEZADO...5 2. SECCIONES Y PÁGINAS DEFINIDAS...5 3. CONTENIDO...5 4. NOVEDADES
Más detallesEl manejo del nombre institucional deberá de ir de acuerdo a las políticas de identidad y del manual de estilo editorial.
Anexo C Introducción En la actualidad, los banners son una de las herramientas de comunicación más populares y útiles. Su capacidad de expresar de manera concisa información, eventos, valores e imagen,
Más detallesManual del Alumno de la plataforma de e-learning.
2 Manual del Alumno de la Plataforma de E-learning 3 4 ÍNDICE 1. Página de Inicio...7 2. Opciones generales...8 2.1. Qué es el Campus...8 2.2. Nuestros Cursos...9 2.3. Cómo matricularme...9 2.4. Contactar...9
Más detallesANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE
ANEXO. ACCESIBILIDAD UNIVERSIDAD DE ALICANTE ÍNDICE COLORES CORPORATIVOS... 2 INFORMACIÓN DEL DOCUMENTO... 3 FOTOS E IMAGENES... 4 TABLAS... 7 ACCESIBILIDAD... 10 TAW3... 10 Guía de estilo. Anexo accesibilidad
Más detallesSTRATO LivePages Inicio rápido
STRATO LivePages Inicio rápido LivePages es la práctica herramienta de creación de páginas web de STRATO. En pocos pasos podrá crear su propia página web y publicarla en Internet sin necesidad de conocimientos
Más detallesLIBRO DE ESTILO de las aplicaciones de Intranet y Extranet del Gobierno Vasco
JUSTIZIA ETA HERRI ADMINISTRAZIO SAILA DEPARTAMENTO DE JUSTICIA Y ADMINISTRACIÓN PÚBLICA LIBRO DE ESTILO de las aplicaciones de Intranet y Extranet del Gobierno Vasco JUSTIZIA ETA HERRI ADMINISTRAZIO SAILA
Más detallesPaso 1 de 13. Paso 2 de 13. Guía de aprendizaje de Flash CS5 Tutorial 3. Creación de un logotipo textual.
Guía de aprendizaje de Flash CS5 Tutorial 3. Creación de un logotipo textual. Paso 1 de 13 En este tutorial vamos a crear un logotipo basado en un texto al que aplicaremos algunos efectos utilizando filtros
Más detallesINSTRUCTIVO. dominion. méxico
INSTRUCTIVO dominion méxico índice de contenidos INSTRUCTIVO BÁSICO LOGO TIPOGRAFÍAS PLANTILLAS Word Excel Power Point CORREO ELECTRÓNICO Firma pag. 4 pag. 5 pag. 7 pag. 18 plantillas Elementos gráficos
Más detallesImagen Visual Corporativa Ayuntamiento de Málaga NORMAS BÁSICAS DE USO
Imagen Visual Corporativa Ayuntamiento de Málaga NORMAS BÁSICAS DE USO Motivos Sobre este manual y las normas básicas de uso. Es tarea de este manual, normalizar de forma precisa, bajo una definición clara
Más detallesMANUAL DE IDENTIDAD CORPORATIVA
El Manual de Identidad Corporativa recoge los elementos constitutivos de la Identidad Visual de Imart. Como elementos constitutivos establecemos las pautas de construcción, el uso de las tipografías y
Más detallesManual de identidad corporativa
Manual de identidad corporativa Este manual agrupa todas las normas relacionadas con la identidad visual de la marca e-aire; logotipo, marca, colores y tipografía. Recoge también las pautas de diseño que
Más detallesMICROSOFT WORD 2007 AVANZADO. Unidad Didáctica Nº 1
MICROSOFT WORD 2007 AVANZADO Unidad Didáctica Nº 1 I Tablas A) Explicación conceptual y de uso de una tabla B) Creación de tablas C) Trabajo con tablas D) Formato de las tablas Ejercicio de Repaso Portal
Más detallesManual de Microsoft Power Point 2007 Parte 2 Universidad Politécnica de San Luis Potosí
Contenido: Manual de Microsoft Power Point 2007 Parte 2 1. Insertar y dar formato a los cuadros de texto.... 2 2. Insertar cuadros de texto.... 2 3. Estilos de forma - Contornos y colores.... 3 4. Estilos
Más detallesPANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet. Revisión 1.1 Fecha 2006-08
PANEL DE CONTROL (Zona de Administración) MANUAL DE USO Por conexanet Revisión 1.1 Fecha 2006-08 Índice 1. Acceder 2. Menú 3. Gestión Básica 3.1 Añadir 3.2 Editar 3.3 Eliminar 3.4 Eliminación de registros
Más detallesEstas guidelines describen y normalizan la marca Devicare. En ellas se establecen elementos comunes de su identidad visual.
BRAND BOOK Estas guidelines describen y normalizan la marca Devicare. En ellas se establecen elementos comunes de su identidad visual. Es importante aplicar correctamente estas normas básicas de diseño
Más detallesCOMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER
2011 2012 COMO CREAR UNA PÁGINA WEB 2-INTRODUCCIÓN A DREAWEAVER WWW.FAUBELL.COM vicente@faubell.com Hasta ahora hemos visto una pequeña introducción a la creación de las páginas web. No te preocupes por
Más detallesMANUAL DE IDENTIDAD CORPORATIVA GRUPO VELASCO
MANUAL DE IDENTIDAD CORPORATIVA 00_ÍNDICE 01 _ARCHIVOS DE DISEÑO...02 02 _ELEMENTOS DE MARCA...03 03 _MORFOLOGÍA Y RESPETO DEL LOGOTIPO...04 04 _USOS CROMÁTICOS DE MARCA...05/10 _APLICACIÓN PRINCIPAL...05
Más detallesAccede a su DISCO Virtual del mismo modo como lo Hace a su disco duro, a través de:
Gemelo Backup Online DESKTOP Manual DISCO VIRTUAL Es un Disco que se encuentra en su PC junto a las unidades de discos locales. La información aquí existente es la misma que usted ha respaldado con su
Más detallesCONSTANTES DE LA IDENTIDAD
0 CONSTANTES DE LA IDENTIDAD 02 03 03 04 05 05 06 07 08 09 2 El Isologotipo color blanco y negro en positivo blanco y negro en negativa Área de protección Grilla constructiva Reducción mínima admitida
Más detallesGUÍA DE IMAGEN Portales Institucionales www.bajacalifornia.gob.mx
GUÍA DE IMAGEN Portales Institucionales www.bajacalifornia.gob.mx Manual de Imagen para Portales Introducción Este manual de imagen fue elaborado por la Dirección General de Informática del Gobierno de
Más detallesINSTRUCTIVO PARA LA CREACIÓN DE PÓSTER DIGITAL CON PowerPoint Versión 2010
INSTRUCTIVO PARA LA CREACIÓN DE PÓSTER DIGITAL CON PowerPoint Versión 2010 Abrir el programa PowerPoint desde el menú INICIO TODOS LOS PROGRAMAS MICROSOFT OFFICE MICROSOFT OFFICE POWERPOINT (Fig. 1) (Fig.
Más detallesUAM MANUAL DE EMPRESA. Universidad Autónoma de Madrid
MANUAL DE EMPRESA Modo de entrar en ÍCARO Para comenzar a subir una oferta de empleo, el acceso es a través del siguiente enlace: http://icaro.uam.es A continuación, aparecerá la página de inicio de la
Más detallesOperación de Microsoft Excel
Representación gráfica de datos Generalidades Excel puede crear gráficos a partir de datos previamente seleccionados en una hoja de cálculo. El usuario puede incrustar un gráfico en una hoja de cálculo,
Más detallesPara crear una lista como la anterior, primero escribe la información, y después selecciona el texto y aplícale el formato de viñetas.
Módulo 3 Herramientas de Cómputo Listas, tabulaciones, columnas y cuadros de texto Listas En muchas ocasiones es necesario que enumeres diferentes elementos en tus documentos. Word no sólo reconoce números
Más detallesUnión Progreso y Democracia. I. Signos Básicos de Identidad
Progreso y Democracia I. Signos Básicos de Identidad Símbolo a) a) Representación b) Perfil exterior Para aquellos casos en que se use el símbolo sobre algún color que pueda dificultar su visualización,
Más detallesAccesibilidad web GUÍA FUNCIONAL
Accesibilidad web GUÍA FUNCIONAL 0 _ ÍNDICE 01_Introducción 02_Primeros pasos 03_Conceptos 04_Navegación por voz 05_Navegación por teclado 06_Navegación por sonido 07_Compatibilidad con lectores de pantalla
Más detallesCapítulo 6. Desarrollo del Software
Capítulo 6. Desarrollo del Software Introducción El objetivo principal de la presente tesis como su título lo describe, es la animación de las tramas de comunicación principales de WCDMA. Para lograr dicho
Más detallesSesión No. 4. Contextualización INFORMÁTICA 1. Nombre: Procesador de Texto
INFORMÁTICA INFORMÁTICA 1 Sesión No. 4 Nombre: Procesador de Texto Contextualización La semana anterior revisamos los comandos que ofrece Word para el formato del texto, la configuración de la página,
Más detallesIsotipo = 8a Separación = 2a Logotipo = 22a. Longitud del isologotipo = 32a (equivale a cuatro isotipos)
Relaciones entre los elementos En la presente grilla se muestran las relaciones entre elementos y su disposición en el plano, las que no podrán ser modificadas ni alteradas, a fin de conservar intacta
Más detallesPresentaciones. Con el estudio de esta Unidad pretendemos alcanzar los siguientes objetivos:
UNIDAD 8 Presentaciones Reunión. (ITE. Banco de imágenes) as presentaciones son documentos formados por una sucesión de páginas, llamadas diapositivas, que transmiten información estructurada de manera
Más detallesPrincipios fundamentales del diseño
Principios fundamentales del diseño gordongroup Acerca de gordongroup gordongroup es una agencia de marketing y comunicación que proporciona un servicio completo, en un centro único, y ofrece una combinación
Más detallesDiagrama de Gantt en Excel
Diagrama de Gantt en Excel Si pensabas que crear un Diagrama de Gantt en Excel es complicado, en este artículo te mostramos que puede ser muy sencillo en realidad. Tan sólo necesitarás un par de trucos
Más detallesEl módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto:
Plantilla de texto plano El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Título: Es el título que aparecerá identificando
Más detallesManual de uso básico de la aplicación
Manual de uso básico de la aplicación Autor del documento Centro de Apoyo Tecnológico a Emprendedores, Fundación Parque Científico y Tecnológico de Albacete Datos de contacto E-Mail: bilib@bilib.es Página
Más detallesLIBRO DE ESTILO de las aplicaciones de Internet de Euskadi.net
JUSTIZIA ETA HERRI ADMINISTRAZIO SAILA DEPARTAMENTO DE JUSTICIA Y ADMINISTRACIÓN PÜBLICA LIBRO DE ESTILO de las aplicaciones de Internet de Euskadi.net Página: 2/34 1. Objetivo, ámbito de aplicación y
Más detallesCreando un Sitio Web personal.
Creando un Sitio Web personal. FrontPage Express FrontPage Express de Microsoft es un sencillo editor htm 1 l que venía instalado por defecto con Windows 98 o con el Internet Explorer 4 para Windows 95.
Más detallesMANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn
MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn Tegucigalpa M. D. C., Junio de 2009 Que es un CMS Un sistema de administración de contenido (CMS por sus siglas en ingles) es un programa para organizar
Más detallesMAQUETA SITIO WEB PARA EL 1º NIVEL
MAQUETA SITIO WEB PARA EL 1º NIVEL Aplicable a Vicerrectorías y Facultades Sitio Vicerrectoría Sitio Facultad El primer nivel contempla los sitios para Vicerrectorías y Facultades de la Universidad de
Más detallesFormatos publicitarios de vídeo: notoriedad de marca a bajo coste
Formatos publicitarios de vídeo: notoriedad de marca a bajo coste Llegar al público objetivo a través de vídeos no es ni tan caro ni tan difícil como puede parecer. De hecho, el vídeo se ha convertido
Más detallesLineamientos básicos de Imagen Corporativa
Lineamientos básicos de Imagen Corporativa En el presente documento, se encuentran los lineamientos básicos de Imagen Corporativa, con la finalidad de mantenerla unificada y así fortalecerla en cada aplicación.
Más detallesEn términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas.
1 de 18 Inicio Qué es un foro En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas. En el campus virtual, el foro es una herramienta
Más detalles01 Índice. GESTOR DE CONTENIDOS Manual de uso 01 ÍNDICE... 1 02 OBJETO DEL DOCUMENTO... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA... 3
01 Índice 01 ÍNDICE..... 1 02 OBJETO DEL DOCUMENTO..... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA..... 3 04 GESTIÓN DE TABLAS..... 5 05 USO DE TABLAS EN ENVIDUR..... 15 06 GESTIÓN DE FUNCIONALIDAD ADICIONAL.
Más detallesPOWER POINT. Iniciar PowerPoint
POWER POINT Power Point es la herramienta de Microsoft Office para crear presentaciones que permiten comunicar información e ideas de forma visual y atractiva. Iniciar PowerPoint Coloque el cursor y dé
Más detallesESTRUCTURA DE LOS SITIOS DE CATEDRAS
ESTRUCTURA DE LOS SITIOS DE CATEDRAS El de la FCE le enviará el esqueleto vacío del sitio de la cátedra, al cual usted ingresara el contenido de acuerdo a sus necesidades. La tarea principal que tiene
Más detallesGUÍA DE LENGUAJE E. identidad. visual NATURA/ RED DE RELACIONES SUSTENTABLES
GUÍA DE LENGUAJE E identidad visual NATURA/ RED DE RELACIONES SUSTENTABLES introducción Nuestro logotipo, tipografía y los colores que utilizamos representan la esencia de la identidad visual de Natura,
Más detallesColegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS
Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS Versión 2.0 3/05/2010 Manual de Gestión de correo electrónico y SMS (v 2.0) 1 GESTOR DE CORREO ELECTRÓNICO
Más detallesMANUAL DE USO DE LA APLICACIÓN
MANUAL DE USO DE LA APLICACIÓN ÍNDICE 1. Acceso a la aplicación 2. Definición de funciones 3. Plantillas 4. Cómo crear una nueva encuesta 5. Cómo enviar una encuesta 6. Cómo copiar una encuesta 7. Cómo
Más detallesPlantilla de texto plano
Plantilla de texto plano Esta es la plantilla seleccionada por defecto al crear una nueva página. Título: Es el título que aparecerá identificando a la página, así como en la cabecera del documento en
Más detallesMenús. Gestor de Menús
Menús Para dar acceso a las categorías, artículos y generar espacio para los módulos se deben crear menús, éstos son enlaces a determinado recurso en el portal Web, sin ellos no es posible visualizar ninguno
Más detallesMSN Skin. MANUAL DE AGeNCIA. MSN Skin. El formato consta de CINCO archivos: Esta pieza es opcional Puede tener fondo transparente
MANUAL MSN SKIN Características de las piezas El formato consta de CINCO archivos: SCRAPER IZQUIERDO Dimensiones: 141 (a) 770 (h) px. Esta pieza es opcional Puede tener fondo transparente SCRAPER DERECHO
Más detallesFormularios. Formularios Diapositiva 1
Formularios Crear un formulario utilizando el Asistente para formularios Modificación en vista Diseño Adición de Controles a un Formulario Adición de un Subformulario a un formulario Formularios Diapositiva
Más detallesOperación Microsoft PowerPoint 97
Aspecto de las presentaciones PowerPoint está diseñado para proporcionar una apariencia coherente a las presentaciones con diapositivas. Existen tres modos de controlar la apariencia de las diapositivas:
Más detallesQueremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda.
Queremos asegurarnos de que tu sitio aparezca en los resultados de búsqueda. En estas secciones, te enseñamos a: Configurar el sitio para varios dispositivos, que los motores de búsqueda comprendan la
Más detallesPráctica- Clase 6 Conocemos Wix y comenzamos a crear nuestro sitio web
Universidad Nacional de San Luis Facultad de Ciencias Humanas Lic. en Periodismo Práctica- Clase 6 Conocemos Wix y comenzamos a crear nuestro sitio web Tecnología de la Comunicación II Prof. Resp. Esp.
Más detallesAPLICACIONES MICROINFORMÁTICA Apuntes de POWERPOINT
INTRODUCCIÓN CARACTERÍSTICAS DE UNA PRESENTACIÓN ARRANQUE DE POWERPOINT LA PRESENTACIÓN EN BLANCO 4.1. Inserción de nuevas diapositivas. 4.2. Guardar la presentación. MÉTODOS DE VISUALIZACIÓN REALIZACIÓN
Más detalles1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a
1. CREACIÓN Y MANEJO DE OBJETOS Hoy en día un buen documento debe incluir, siempre que sea posible, gráficos o imágenes, sobre todo si se va a distribuir por Internet. Un excelente procesador de textos
Más detallesPlataforma e-ducativa Aragonesa. Manual de Administración. Bitácora
Plataforma e-ducativa Aragonesa Manual de Administración Bitácora ÍNDICE Acceso a la administración de la Bitácora...3 Interfaz Gráfica...3 Publicaciones...4 Cómo Agregar una Publicación...4 Cómo Modificar
Más detallesPresencia en redes sociales de las empresas. del Ibex 35 y sus principales directivos
Marketing online orientado a resultados Presencia en redes sociales de las empresas www.websa100.com del Ibex 35 y sus principales directivos Índice de contenidos 1 2 3 Objetivo y metodología Principales
Más detallesNormas gráficas para sitios web
Dirección de Servicios de Información y Bibliotecas (SISIB) GUÍA Normas gráficas para sitios web Uso del escudo, tipografía y logotipo en los portales de unidades de la Universidad de Chile. 07.2015 I.
Más detallesDiseño de formularios
Universidad Complutense de Madrid CURSOS DE FORMACIÓN EN INFORMÁTICA Diseño de formularios Introducción a las bases de datos Tema 5 El aspecto de los formularios Se puede modificar a voluntad el aspecto
Más detallesINDICE 1 INTRODUCCIÓN 2 ELEMENTOS BÁSICOS LOGOTIPO 3 COLORES CORPORATIVOS 4 APLICACIONES. 1.1 Empresa Nuestra Misión. Página 4
INDICE 1 INTRODUCCIÓN Página 4 1.1 Empresa Nuestra Misión 2 ELEMENTOS BÁSICOS LOGOTIPO Página 6 Página 7 Página 8 Página 8 Página 9 Página 10 Página 11 Página 12 2.1 Logotipo 2.2 Representación en positivo
Más detallesManual de Identidad Corporativa. Campus d Excel lència Internacional
Manual de Identidad Corporativa 1 Contenido Logotipo principal Variantes del logotipo Positivo y Negativo Logotipo y Claim Escala de reducción Opciones de aplicación Espacio reservado Particiones del logotipo
Más detalles1. La nueva interfaz del programa
1. La nueva interfaz del programa 13 1. La nueva interfaz del programa 1.1 La interfaz del nuevo Flash CS4 Al acceder por primera vez a Adobe Flash CS4 llama la atención la nueva disposición de las paletas,
Más detallesAjustes del Curso en egela (Moodle 2.5)
Ajustes del Curso en egela (Moodle 2.5) Manual para el profesorado Versión 2 (12/05/2015) El presente manual ha sido desarrollado por el Campus Virtual de la Universidad del País Vasco / Euskal Herriko
Más detallesOficina de Tecnologías de la Información y Comunicaciones MANUAL DE USUARIO. Diseño básico para elaboración de banners en Macromedia Fireworks 8
MANUAL DE USUARIO Diseño básico para elaboración de banners en Macromedia Fireworks 8 Pág. 1 de 13 ÍNDICE 1. INTRODUCCION... 3 2. EL ESPACIO DE TRABAJO DE FIREWORKS... 3 3. CREAR UN NUEVO DOCUMENTO...
Más detallesMódulo II - PowerPoint
Módulo II - PowerPoint Índice Copiando diapositivas Menú Edición... 2 Copiando diapositivas utilizando la barra de herramientas... 3 Copiando diapositivas utilizando el menú contextual... 3 Copiando diapositivas
Más detalleswww www.generacion21.com Banners
www.generacion.com Banners Un banner es un formato publicitario en Internet que consiste en incluir una pieza publicitaria dentro de una página web. Su objetivo fundamental es atraer tráfico hacia el sitio
Más detallesCÓMO CREAR NUESTRO CATÁLOGO
CÓMO CREAR NUESTRO CATÁLOGO Mediante la aplicación (http://www.prensasoft.com/programas/conline) podemos crear nuestros propios catálogos. Para crear un catálogo necesitamos: - Varios productos que mostrar,
Más detallesInformes. 3. Elija la opción Nuevo (en la parte superior de la ventana) 4. Elija Autoinformes: en tablas y luego la tabla o consulta que se usará.
Informes Se pueden imprimir fácilmente los registros en una tabla o el resultado de un filtro simplemente usando el botón de Impresora de la barra de herramientas, o la opción Archivo / Imprimir. Sin embargo,
Más detallesLECCION 5. Herramientas de Pintura y Edición Parte II. Crear formas de Pincel
LECCION 5. Herramientas de Pintura y Edición Parte II Crear formas de Pincel Además de todas las opciones de pincel vistas anteriormente, Photoshop permite personalizar aún más tus pinceles creando formas
Más detalles3_formato I. NOTA: al pegar unas celdas sobre otras no vacías, se borrará el contenido de estas últimas.
3. Luego se seleccionan las celdas donde se quiere que se sitúen las celdas cortadas. No hace falta seleccionar el rango completo sobre el que se va a pegar, ya que si se selecciona una única celda, Calc
Más detallesINFORMÁTICA APLICADA A LA GESTIÓN COMERCIAL LECCIONES DE OFIMÁTICA BÁSICA: GUIA BÁSICA DE MS - POWER POINT
INFORMÁTICA APLICADA A LA GESTIÓN COMERCIAL LECCIONES DE OFIMÁTICA BÁSICA: GUIA BÁSICA DE MS - POWER POINT QUÉ ES POWER POINT Power Point es uno de los programas más habituales utilizados para realizar
Más detallesEl módulo tipográfico
contenidos teóricos 4 El módulo tipográfico LA GRILLA Un programa de diseño al servicio del proyecto www.tipografiavenancio.com.ar 1/6 Uno de los temas más polémicos entre los estudiantes y profesionales
Más detallesApuntes para hacer páginas Web con FrontPage
1 ASIGNATURA: USOS MATEMÁTICOS DE INTERNET PARA SECUNDARIA Y BACHILLERATO CURSO: Cursos y acciones de postgrado, 2004-2005 PROFESORA: Inés M. Gómez-Chacón CARÁCTER/CRÉDITOS: 3 DEPARTAMENTO: ÁLGEBRA FACULTAD
Más detallesMANUAL DE USO DE MARCA Departamento de Marketing y Diseño. La marca es la más notoria representación visual de nuestra identidad corporativa.
MANUAL DE USO DE MARCA Departamento de Marketing y Diseño Este Manual de Identidad Visual recoge los elementos constitutivos de la Identidad Corporativa del Real Conservatorio Superior de Música de Madrid.
Más detallesICARO MANUAL DE LA EMPRESA
ICARO MANUAL DE LA EMPRESA 1. ENTRANDO EN ICARO Para acceder al Programa ICARO tendremos que entrar en http://icaro.ual.es Figura 1 A continuación os aparecerá la página de Inicio del aplicativo ICARO.
Más detallesDiseño de actividades para el aula con Jclic Módulo 2: Generalidades sobre la creación de Proyectos Jclic
Diseño de actividades para el aula con Jclic Módulo 2: Generalidades sobre la creación de Proyectos Jclic Índice Presentación del módulo... 2 Introducción..3 Creación de un nuevo proyecto... 3 Almacenar
Más detallesManual básico de Identidad Corporatva - 1 -
Manual básico de Identidad Corporatva - 1 - índice 1.- el logotipo...4 2.- el color... 10 3.- la tipografía... 12 4.- aplicaciones en papelería... 14 5.- otras aplicaciones...20 Manual de identidad corporativa
Más detallesMANUAL NORMATIVO. página 03
Guia de referencia 04 Isologotipo 05 La construcción de la marca 05 Forma de la marca 06 Colores corporativos 06 Tamaños mínimos 07 Espacio reservado 08 Tipografía corporativa 08 La marca y su aplicación
Más detallesOperación Microsoft Access 97
Trabajar con Controles Características de los controles Un control es un objeto gráfico, como por ejemplo un cuadro de texto, un botón de comando o un rectángulo que se coloca en un formulario o informe
Más detallesCONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB. Autor: Ing. Ester Regalado Miranda. [Reglas para estructurar y diseñar páginas WEB]
CONSEJOS GENERALES PARA EL DISEÑO DE PAGINAS WEB Autor: Ing. Ester Regalado Miranda [Reglas para estructurar y diseñar páginas WEB] Pasos a seguir para elaborar una página WEB La realización y creación
Más detallesPASOS PARA CREAR UNA PÁGINA WEB
http://www.rafatux.com PASOS PARA CREAR UNA PÁGINA WEB Con éste documento trato de orientar de una forma genérica los distintos pasos que deben de realizarse para crear una página web. PRIMER PASO: Estructura
Más detallesManual CMS Mobincube
Manual CMS Mobincube CMS Mobincube Qué es? El CMS (Sistema de Gestión de Contenidos) es un completo website que permite la creación y actualización de contenido remoto. De esta forma, una vez creada una
Más detallesMinisterio de Educación. Base de datos en la Enseñanza. Open Office. Módulo 5: Report Builder
Ministerio de Educación Base de datos en la Enseñanza. Open Office Módulo 5: Report Builder Instituto de Tecnologías Educativas 2011 Informes con Oracle Report Builder En su configuración original, OpenOffice
Más detallesManual para la utilización de PrestaShop
Manual para la utilización de PrestaShop En este manual mostraremos de forma sencilla y práctica la utilización del Gestor de su Tienda Online mediante Prestashop 1.6, explicaremos todo lo necesario para
Más detallesCÓMO AÑADIR UN FORMULARIO NUEVO O MODIFICAR EL DE CONTACTO DE LA WEB
CÓMO AÑADIR UN FORMULARIO NUEVO O MODIFICAR EL DE CONTACTO DE LA WEB En este manual trataremos de modificar el formulario de contacto que hay en la web y que está debajo de la cabecera de la página. También
Más detallesNuevo diseño de Google Apps Gmail, Calendar, Docs y Sites 28/11/11
Nuevo diseño de Google Apps Gmail, Calendar, Docs y Sites 28/11/11 Te damos la bienvenida al nuevo diseño de Google Apps Motivos del cambio: Ofrecer un diseño uniforme en todas las aplicaciones de Google
Más detallesTIPOS DE PUBLICIDAD EN INTERNET ANUNCIOS Y ENLACES RECTANGULARES Y/O CUADRADOS - BANNER ADS:
TIPOS DE PUBLICIDAD EN INTERNET ANUNCIOS Y ENLACES RECTANGULARES Y/O CUADRADOS - BANNER ADS: Los banners pueden ser estáticos o animados, son de formato rectangular, cuadrado e irregular (con fondo blanco
Más detallesLas imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez.
PARA QUÉ NECESITAMOS OPTIMIZAR LAS IMÁGENES? Las imágenes de los sitios web deben ser livianas para que las páginas se abran con mayor rapidez. Dos cosas sacan usualmente de las casillas a un usuario de
Más detallesG R U P O S INDICE Cómo crear una cuenta en ARQA? Cómo tener un grupo en ARQA? Secciones y funcionalidades de los grupos Configuración del grupo
INDICE Cómo crear una cuenta en ARQA? 4 Cómo tener un grupo en ARQA? 5 Secciones y funcionalidades de los grupos 6 Muro del Grupo 6 Compartir Textos 8 Compartir Imágenes 9 Compartir videos 10 Compartir
Más detallesImagen ::: Dimensiones de una imagen Diseño de materiales multimedia. Web 2.0. 2.4 Dimensiones de una imagen
171 2.4 Dimensiones de una imagen 172 2.4 Dimensiones de una imagen 2.4.1 Reducir el tamaño de una imagen Uno de los principales factores que determinan el peso de un archivo gráfico es el tamaño de la
Más detallesport@firmas V.2.3.1 Manual de Portafirmas V.2.3.1
Manual de Portafirmas V.2.3.1 1 1.- Introducción 2.- Acceso 3.- Interfaz 4.- Bandejas de peticiones 5.- Etiquetas 6.- Búsquedas 7.- Petición de firma 8.- Redactar petición 9.- Firma 10.- Devolución de
Más detallesGuía nuevo panel de clientes Hostalia
Guía nuevo panel de clientes Hostalia Cardenal Gardoki, 1 48008 BILBAO (Vizcaya) Teléfono: 902 012 199 www.hostalia.com 1. Estructura del panel de administración El panel de control presenta un diseño
Más detallesManual de Identidad Corporativa. acuamed. Aguas de las Cuencas Mediterráneas
Manual de Identidad Corporativa Actualizado: Febrero de 2010 0. Índice 1. Normas generales de identidad 1.1 El logotipo: versión color 1.2 El logotipo: versión negativo 1.3 El logotipo: versión blanco/negro
Más detallesMódulo I - Word. Iniciar Word... 2. Finalizar Word... 3. Definición de elementos de pantalla... 4. Escribir texto en un documento... 5. El cursor...
Módulo I - Word Índice Iniciar Word... 2 Finalizar Word... 3 Definición de elementos de pantalla... 4 Escribir texto en un documento... 5 El cursor... 5 Control de párrafos... 5 Nuevos párrafos... 5 Abrir
Más detalles