GUIA DE IDENTIDAD VISUAL
www.vidayestilomagazine.com
2
www.vidayestilomagazine.com
Índice 05 10 22 24 26 31 38 44 50
Discurso de Identidad Signo de Identidad Papelería Institucional Estrategia de Comunicación Sistema Visual Pautas para Redes Sociales Interacción Instagram Interacción Facebook Interacciones con Otras Redes
www.vidayestilomagazine.com
3
4
www.vidayestilomagazine.com
Interacciones Instagram
Discurso de
Identidad V&E es un Magazine digital, orientado a la difusión de contenidos culturales, sociales, deportivos, de entretenimiento y ocio. El corazón de V&E son las historias particulares, los momentos, las distintas formas de vida y sus datos de color. Posee satélites transmedia que refuerzan su mensaje desde diferentes plataformas, como redes sociales y otros medios. Es una organización de resultados con fines de lucro, que a través de un discurso narrativo y poético -haciendo especial énfasis en las dimensiones humanas- establece una dialéctica recíproca con su interlocutor. El objeto de V&E es entretener y visibilizar diversas actividades creativas, proponiendo un espacio lejos del ruido característico de la vorágine de la modernidad. V&E tiene un fuerte sentido de la responsabilidad social empresarial, siendo uno de sus pilares principales la conciencia ambiental. Es del tipo de organización que funciona como un organismo vivo, siendo un sistema abierto a la contingencias de la agenda cotidiana.
www.vidayestilomagazine.com
5
Manifiesto
Vida y Estilo La propuesta es contar lo que hay detrás de las historias, costumbres, cultura, anécdotas, propuestas que inspiran. Enfocamos nuestra visión en la búsqueda de una mejor calidad de vida. Queremos crear un vínculo con el lector, ese momento íntimo, compartiendo con él un poco de silencio interior ante la maleza de información en la que cotidianamente nos encontramos sumergidos. Proponemos, lugares, vidas inspiradoras, aventura, perfumes y lugares irrumpiendo en la rutina con propuestas movilizadores, despertando en estos momentos de continuo cambio, pulsiones de vida. Todo aquello que puede parecer perdido, remoto o inexistente queremos acercarlo haciéndolo real y accesible. V&E curiosea, entre aquellas actividades, e intereses que ponen en valor indispensable tiempo de recreo y disfrute que le dan sentido a la vida. Nuestro objetivo es compartir, intercambiar, y descubrir nuevos gustos y experiencias. Solo por pasarla bien, eligiéndonos todos los días en este viaje a través de espacios que el mundo nos brinda para ser un poco más felices.
6
www.vidayestilomagazine.com
www.vidayestilomagazine.com
7
Qué es V&E
Es un medio de apoyo, está detrás del telón del escenario que brinda a los protagonistas. Es un medio curioso que busca inspirar, interactuar, experimentar, conectar con las dimensiones humanas.
Es un medio de entretenimiento y ocio que ofrece al usuario contenido con variadas temáticas relacionadas a
Es un medio que cuyos contenidos están justificados a
la cultura, turismo, entretenimiento, deporte y ocio.
razón de su importancia.
Es un medio que intenta promocionar y visibilizar acti-
Es un medio que propone al lector pasajes, actividades
vidades recreativas y creativas con las que el receptor
concretas y recreativas.
puede no estar familiarizado. Es un medio que comparte aspiracionales. Es un medio que conversa con su consumidor, que se nutre de la retroalimentación (feedback) que éste le
Es un medio interesado en la alta cultura, así como la
profiere.
cultura popular. También incursiona en el método creativo, tanto su proceso como en el producto final.
Es un medio que toca temáticas que pueden tener postura política (no partidaria).
Es un medio interesado en el ámbito Gourmet, la pesca, los deportes, la tecnología, la computación.
Es un medio que contempla el cuidado ambiental como uno de sus principales pilares.
Es un medio interesado en historias particulares, historias de personas en su vida diaria, datos de color, de-
Es un medio animalista.
talles curiosos. Relatos capaces de llevar al lector a un viaje propio, que interpele sus sentimientos e intelecto.
Es un medio contemplativo, cuyo objeto es visualizar temáticas sin ser sensacionalista o amarillista.
Es un medio digital que apuntará a estar presente en redes de manera dinámica y activa.
Es un medio con una visión natural y holística, sobre todo en lo referente a la salud, alimentación y medio ambiente. Es un medio que difunde de manera contemplativa y respetuosa las perspectivas e intersubjetividades de diferentes formas de vida, esto para V&E es Lifeslyle.
8
www.vidayestilomagazine.com
Qué no es V&E No es un medio que tome temáticas referidas a la salud No es un medio de noticias de actualidad política.
o la medicina de forma trivial. V&E no habla de medicinas ni colabora o difunde opciones que tengan que ver
No es un medio sensacionalista.
con “la industria de los medicamentos y la salud”.
No es un medio en invasivo e intrusivo.
No es un medio prejuicioso con culturas o religiones.
No es un medio que venda productos promocione acti-
No es personalista, no pretende ser líder de opinión
vidades que no sean respetuosas con el medio ambiente.
(Influencer), ni utilizar una figura central para sus contenidos (Starsystem).
No es un medio que ofrezca espacios comerciales a marcas y empresas que promuevan servicios o productos
No es rebuscado, ni artificioso. Es llano, apunta a una
relacionados con mineras, laboratorios, comida chatarra,
manera de ver la vida con una simpleza poética, y con un
o empresas que estén implicadas con elementos conta-
toque de estilo, glamouroso no forzado, como innato.
minantes, insanos o que involucren crueldad animal. No es no es superfluo o banal, burdo u obvio al abordar No es un medio que venda personajes que puedan pro-
sus temáticas.
vocar en el usuario malestar emocional o psicológico. No hace humor vulgar. No es un medio que utilice la espectacularización de comunidades con fines comerciales.
No produce mensajes que subestimen al usuario.
No es un medio que utilice temáticas LGBT como eje
No es un medio dirigido para selectos intelectuales, pero
periodístico.
si para gente medianamente inquieta intelectualmente. No pretende ser un medio internacional en primera instancia. Principalmente difunde temas de la cultura federal pero también puede abordar un tema que trasciende las fronteras del País, si está dentro de la coherencia temática del magazine.
www.vidayestilomagazine.com
9
Signo de
Identidad V&E “Vida y Estilo” se origina como un emprendimiento comercial, que tiene como objetivo promocionar actividades culturales, deportivas, comerciales y/o emprendimientos independientes. V&E “Magazine” es una célula de identidad de “Vida y Estilo”, y su principal objetivo es la difusión de información y contenidos audiovisuales, ya sea a través de su plataforma principal o de sus canales alternativos. Además tiene como fin promover y revalorizar dichas actividades en un espacio de colaboración interdisciplinario. Como marca comercial, apunta a brindar servicios de comunicación a través de espacios publicitarios segmentados, brindando posibilidades de inserción por categorías. El signo de identidad se presenta como un logotipo simple, despojado de complejismos formales y connotaciones innecesarias. Es una marca que no pretende ser protagonista de los espacios que comparte con sus patrocinadores. En su lenguaje visual, se ajusta a lo clásico y formal, con una tipografía romana clásica serif, de gran carácter y elegancia. Se trabajó la armonía en sus espacios interletrados, cuidando los detalles tipográficos de legibilidad y contraste. En su contexto de clase, permanece discreta, sin llamar la atención, pero tampoco sin pasar desapercibida. Puede interactuar en espacios de gran complejidad formal, sin comprometer su estructura sintáctica, lo que la hace altamente reconocible.
10
www.vidayestilomagazine.com
www.vidayestilomagazine.com
11
12
www.vidayestilomagazine.com
Concepto de Identidad Definición de la Marca:
Semiótica:
La marca se constituye en un signo logotípico, bajo sus siglas “v&e”, y un anclaje verbal descriptivo. La designación comercial es “Vida y Estilo” para su presentación formal y la comunicación interna, y “Magazine” como descripción de apoyo en la significación, tanto para la presentación efectiva, como para la comunicación exterior. Utiliza un anglicismo como recurso dialéctico de fonética y mnemotecnia. Se presenta en un contexto de clase de marcas como referencia a los medios de comunicación de vanguardia.
El signo de identidad se origina desde una perspectiva tradicional, resuelta en una síntesis formal, bajo un juego tipográfico como sello distintivo. Es la contracción de dos palabras “Vida y Estilo”, en una sigla. Además se reemplaza la “y” griega por la “y” francesa, para evocar la idea de caminos que se cruzan, de idas y vueltas que conectan las diversas vidas con los diversos estilos. Por último la letra “e” minúscula, haciendo énfasis en su caja alta, esbozando la idea de una mirada y una sonrisa, para humanizar el arquetipo distintivo.
TIPOGRAFÍA PRINCIPAL Romana BT. Presentación renovada del estilo clásico romano (serif). Perfil tipográfico moderno y elegante. Se buscó un criterio evocativo, haciendo referencia a los medios de comunicación de vanguardia.
SINTÁCTICA V&E es una contracción, cuyas siglas corresponden al nombre institucional “Vida y Estilo”.
SEMÁNTICA TIPOGRAFÍA SECUNDARIA Gerbera Light. Espacio destinado a la designación comercial, slogan, claim y arquitectura de marca.
Hace referencia a las diversas vidas y estilos que se cruzan. Se humaniza el arquetipo y se describe como un medio que se enfoca en la difusión de información y de contenidos de carácter social y cultural.
www.vidayestilomagazine.com
13
Construcción de la Marca La marca se constituye bajo los criterios formales de construcción tipográfica. Los espacios de distribución estarán determinados por los ajustes de interletrado e interlineado. Se tuvieron en cuenta las proporciones de las cajas tipográficas.
14
www.vidayestilomagazine.com
Las dimensiones escalares de la marca y la designación comercial son de 1/3 proporcional. Se establecieron como tipografías institucionales Romana BT para el logotipo y Gerbera Light para designaciones y slogan.
Área de seguridad de la Marca Es el área donde la marca no debería ser interferida por ningún elemento exterior. Esta zona debe permanecer en lo posible libre de figuras, tipografías o imágenes, para asegurar la integridad de identidad de la marca.
Está constituida por la división de los módulos resultantes de la construcción de la marca. Se toma como unidad modular la altura del interlineado tipográfico definido para los textos alternativos y designaciones.
www.vidayestilomagazine.com
15
Familias Tipográficas Bitter Google Font
Gerbera
Familia tipográfica de estilo romana, serif. Es la tipografía principal para todas las aplicaciones de diseño y comunicación visual. Es una fuente provista por Google Fonts, diseñada por “Huerta Tipográfica”. Se caracteriza por un estilo clásico, de curvas cuidadas y armonías formales. Diseñada y optimizada para una mejor lecturabilidad en dispositivos digitales, pero sin descuidar la posibilidad de formatos impresos. En el cuerpo de texto genera gran armonía en la composición tipográfica, invitando al lector a recorrer la narrativa.
Familia tipográfica de estilo clásico, sans serif. Inspirada en la afamada “Helvética” pero con cajas redondeadas y remates regulares. Es una tipografía designada al acompañamiento de la marca, tanto para designaciones comerciales como slogans. Gerbera es un nuevo concepto “sans-serif” con una personalidad distinta, que fusiona elementos geométricos y orgánicos. Es a la vez moderno y pintoresco, claro pero idiosincrásico, sobrio pero sensual. Sus proporciones de mayúsculas clásicas deliberadamente variadas y su estructura geométrica se equilibran con una tensión ligeramente invertida y terminales pinzados en trazos curvos. Esta fuente ofrece una variedad de características de tipo abierto, que incluyen versalitas, caracteres alternativos y puntuación, cinco conjuntos de cifras y compatibilidad con CE, Báltico y Cirílico.
Quicksand Google Font Familia tipográfica estilo sans serif, rounded. Es la tipografía secundaria para todas las aplicaciones de diseño y comunicación visual. Es una fuente provista por Google Fonts, diseñada por “Andrew Paglinawan”. Se caracteriza por la utilización de formas geométricas como base central. Está diseñado para fines de exhibición, pero se mantiene lo suficientemente legible para usarlo también en tamaños pequeños. En 2016, en colaboración con Andrew, Thomas Jockin lo revisó a fondo para mejorar la calidad. En 2019, Mirko Velimirovic convirtió a la familia en una fuente variable.
16
www.vidayestilomagazine.com
Bellota Text Familia tipográfica de estilo cásico y moderno, sans serif, estilizada y discreta. Es una tipografía designada a cuerpos de texto institucionales y comunicación interna. Bellota Text fue diseñada por Kemie Guaida, y está disponible en Google Fonts para uso en dispositivos digitales e impresión.
Bitter (Google)
Quicksand (Google)
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz #$%&/()¿?¡!;:_][*”@ 1234567890
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz $%&/()¿?¡!;:_][*”@ 1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz #$%&/()¿?¡!;:_][*”@ 1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz $%&/()¿?¡!;:_][*”@ 1234567890
Gerbera
Bellota Text
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz #$%&/()¿?¡!;:_][*”@ 1234567890
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz #$%&/()¿?¡!;:_][*”@ 1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz #$%&/()¿?¡!;:_][*”@ 1234567890
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz #$%&/()¿?¡!;:_][*”@ 1234567890
www.vidayestilomagazine.com
17
Paleta Cromática El esquema de color propuesto nace de la idea de comunicar dos caminos bien diferenciados, que se complementan en la dualidad del discurso. Por un lado tenemos un color azul verde, para todo aquello que evoque serenidad, naturaleza y seguridad. Estas connotaciones estarán acompañada en los discursos relacionados al medio ambiente, salud y proteccionismo. En contraparte, tenemos un color llamativo, que grita por sí mismo, sin ser estridente en todo sentido. En este caso un rojo purpúreo, para todo lo relacionado con aquello que se manifiesta con amor y pasión, energía y juventud. Ambos pueden coexistir para transmitir emociones cruzadas.
Colores primarios Están constituidos por Azul-verde trullo y Rojo purpúreo, acompañado de base blanco y negro. Se utilizarán para todas las piezas de comunicación y de aplicaciones de diseño. Se definen sus valores en sus diferentes espacios de color.
Acentos de Color Podrán ser utilizados para resaltar ciertos atributos de comunicación en algunas piezas de diseño. Estos matices servirán para crear efectos de color sobre imágenes y ser utilizados en casos especiales que requieran cierta variedad tonal. Todos los colores pueden ser tramados para generar tonos más claros o enriquecidos con base de color hacia negro. Se recomienda evitar gradientes entre colores primarios.
18
www.vidayestilomagazine.com
PALETA DE COLORES PRIMARIOS
RGB CMYK PANTONE HEXA
039 | 176 | 186 75 | 8 | 30 | 0 P7466C #27B0BA
Azul/Verde Trullo
RGB
239 | 016 | 091
RGB
CMYK
0 | 100 | 50 | 0
CMYK 60 | 40 | 40 | 100
PANTONE HEXA
P62-8C #EF105B
Rojo Purpúreo
000 | 000 | 000
PANTONE HEXA
Black C #000000
Negro Enriquecido
ACENTOS DE COLOR
RGB CMYK PANTONE HEXA
243 | 227 | 198 0 | 10 | 20 | 5 P15-1C #F3E3C6
Beige Arena
RGB
094 | 084 | 067
RGB
004 | 028 | 044
CMYK
55 | 55 | 70 | 35
CMYK
90 | 75 | 55 | 70
PANTONE HEXA
P13-15C #5F5443
Marrón Sepia
PANTONE HEXA
P 296C #041C2C
Azul Petróleo www.vidayestilomagazine.com
19
Alternativas de Marca Según la necesidad, se podrá recurrir a las variantes de marca, las cuales estarán sujetas a los criterios comunicacionales que se presenten en cada situación.
20
www.vidayestilomagazine.com
El signo de identidad debe reconocerse en cualquier espacio, y se ponderará que se encuentre en la mejor ubicación posible para ser interpretada correctamente.
Variantes Cromáticas Las variantes de color se aplicarán a diferentes situaciones, más específicamente con relación al tipo de contenido que estamos comunicando. Además es importante remarcar la importancia del contraste en todo momento, para que los niveles de lecturabilidad sean idóneos.
El color celeste institucional principal es blanco sobre negro, para toda pieza de comunicación relacionada con la comunicación externa. En segundo lugar tendremos Negro sobre blanco para la división editorial.
www.vidayestilomagazine.com
21
Papelería
Institucional Queda establecida bajo el concepto de identidad planteada, la línea gráfica básica de presentación de piezas institucionales, para la papelería básica y comercial y aplicaciones merchandising. La premisa radica en la utilización de imágenes monocromáticas, relacionadas al discurso institucional. Se utilizarán los colores primarios de identidad para destacar cada esquema de presentación. Se juega con un estilo simplificado, de carácter formal y elegante, evitando complementos que carezcan de significación.
22
www.vidayestilomagazine.com
www.vidayestilomagazine.com
23
Estrategia de
Comunicación Uno de los principales pilares es tener una visión amistosa y cuidadosa del medio ambiente, el amor animal, ideologías de género y de igualdad social y además un respetuoso tratamiento de los temas de salud y alimentación. Estos valores son condicionantes a la hora de aceptar sponsors o auspiciantes. Se evitarán avisos que promuevan servicios o productos relacionados con mineras, laboratorios, comida chatarra, o empresas que estén implicadas con elementos contaminantes, insanos o que involucren crueldad animal. La línea gráfica deberá ajustarse a las pautas de diseño definidas en el manual de identidad. La presentación de los contenidos tienen que respetar el discurso de identidad. Utilización de imágenes bien construidas, de gran calidad e impacto. Mantener la línea de calidad de la presentación. El principal objetivo estará dirigido al posicionamiento, publicidad, engagement y difusión de la marca y los contenidos. Se establecerán los parámetros comunicacionales de acuerdo a los lineamientos del discurso de identidad. La imagen institucional deberá ser provista para generar la línea gráfica (sistema visual). Todas las publicaciones y campañas de difusión en cada una de las plataformas, deberán estar coordinadas bajo un mismo criterio comunicacional.
24
www.vidayestilomagazine.com
Target Group & Objetivos Estratégicos Transmitir y consolidar los mensajes de: - Calidad narrativa e informativa - Calidad gráfica y publicitaria - Exclusividad / Estilo de vida - Oportunidades de negocios - Respeto al medio ambiente y a los animales - Federalismo y valores nacionales
Perfil demográfico: Nivel socio-cultural medio y elevado. Grupo de personas con buen poder adquisitivo. Rango etario de entre 25 y 60 años. Sector comercial, emprendedor y productivo.
Público objetivo: Se divide en dos grupos de audiencia. El primero comprende al perfil lector y consumidor. Personas que buscan relajarse, disfrutar de la buena lectura, que buscan información y entretenimiento. Personas que están interesadas en actividades sociales, culturales, los gustos personales, los placeres y el confort. El segundo grupo está determinado por el sector comercial y productivo. Son emprendedores y/o empresas que buscan posicionarse en el mercado. Instituciones gubernamentales, municipios, gobernaciones, secretarias y ministerios de carteras relacionadas con las temáticas de cultura, turismo a través de la difusión de eventos, festividades, agendas
culturales, actividades sociales, al aire libre, turísticas como propuestas educativas y/o apoyo y difusión a emprendedores relacionados con las temáticas artísticas, artesanales, y sociales. Cámaras de comercio y Turismo de todo el País.
OBJETIVO DE COMUNICACIÓN Generar posicionamiento institucional a través de las redes sociales, para reforzar la promoción de la plataforma y la difusión de contenidos. Ofrecer información de calidad para mejorar el engagement y generar leads de audiencia.
OBJETIVOS COMERCIALES Difusión de contenidos informativos de calidad y gran impacto, presentados a través de una plataforma digital (magazine). Posicionar los bloques de información para cada rubro, orientados a promover actividades, productos y servicios en los sectores comerciales definidos (segmentación). Dirigir las campañas a los sectores productivos que buscan promocionar sus actividades y agendas. Captar el interés de dichas instituciones gubernamentales para que elijan el medio para difundir sus agendas y actividades, dentro de un espacio relajado libre de divergencias políticas. Crear un espacio dinámico para facilitar la búsqueda y el posicionamiento de los contenidos, asociados a los diferentes perfiles informativos y creando oportunidades de negocio.
www.vidayestilomagazine.com
25
Lineamiento del Sistema Visual de Identidad La identidad visual del sistema gráfico está compuesto por diversos elementos que acompañan y refuerzan el mensaje institucional. Las propuestas se deberán justificar como elementos de valor y no connotaciones arbitrarias. Se sugieren algunos atributos a tener en cuenta, los cuales no son determinantes a la hora de realizar una pieza de comunicación.
Simplicidad La economía visual en las piezas presentadas son fundamentales en la comunicación de V&E. Evitar el ruido en la composición es sinónimo de entender la administración de los recursos necesarios para comunicar. Menos es más.
Adaptabilidad Se sugiere confeccionar diseños que consideren la adaptabilidad a los diferentes soportes y tamaños. Predefinir adecuadamente la maquetación de las piezas para su futura presentación en los diferentes espacios amplía las posibilidades de comunicación en los medios.
Texturas (overlays) Se entiende como tal, todas aquellas imágenes en superposición (overlays) que puedan aportar, reforzar o construir un valor significativo a una pieza de comunicación con intención de comunicar. Es importante no abusar de este recurso, ya que podría recurrir en significaciones innecesarias. Las tex-
26
www.vidayestilomagazine.com
turas sugeridas enfatizan aquellos valores relacionados con las tradiciones de producción pre-digital y artesanales en sus diferentes expresiones gráficas.
Juegos tipográficos La tipografía como elemento interactivo entre el mensaje y la propuesta de diseño. El juego entre los diferentes planos, la profundidad, luces, sombras, tratamientos, tamaños y colores que puedan transmitir o manifestar el contenido de un mensaje con mayor naturalidad, será un factor determinante.
Recortes Para que exista una interacción entre la tipografía y los diferentes planos compositivos, se puede recurrir a los recortes de elementos entre la figura y fondo de una imagen o fotografía. Por otro lado aquellos recortes utilizados como recursos visuales (collage) que sugieran una estética vintage o retro, siempre y cuando respete la intención del mensaje.
Tratamiento fotográfico Dependiendo del desarrollo y la comunicación de una propuesta gráfica, la fotografía puede ser tratada en algunos casos en escala de grises, altos contrastes, monocromáticos, vectorizados de alto nivel de iconicidad e imágenes tratadas con efectos de envejecimiento en overlay (texturas, colores pasteles o sepia).
Simplicidad Compositiva
Los mejores resultados en percepción de mensajes, según estudios en comunicación visual, rondan las 7 unidades significantes. En este caso tenemos tres bloques de elementos de los cuales en uno se agrupan por similitud.
Simplicidad en la composición en cuanto sea posible. Titulares cortos, colores institucionales, elementos esenciales para comunicar. Crear espacios o silencios visuales mejoran la percepción del conjunto de elementos. En este caso podemos apreciar algunas texturas para romper con los plenos de fondo, sin ser invasivos.
www.vidayestilomagazine.com
27
Texturas & Olverlays En este caso podemos apreciar cómo se enfatiza un efecto fotográfico con texturas relacionadas. Se realizó una capa con efecto en overlay para otorgar connotaciones al mensaje que se intenta comunicar.
Textura: "Foto antigua"
Overlay: Sobreexponer 40%
Original
Resultado final de la pieza de diseño.
28
www.vidayestilomagazine.com
Sepia
Foto Original + tratamiento sepia.
Dinámica de textos & Tipografía
Una vez realizado el trabajo de recorte, se procede a crear la separación de las capas con las cuales podremos superponer los planos tipográficos con nuestra imagen final. De esta forma creamos cierta interacción texto-imagen. La familia tipográfica principal para la mayoría de las piezas de diseño será “Bitter”. Sin embargo es posible realizar propuestas que integren otras tipografías siempre y cuando esté correctamente justificada.
En esta pieza podemos apreciar cómo se utilizan los planos de figura-fondo para realizar una interacción con la tipografía. Para ello se debe realizar un recorte de la figura (máscara) con la cual podremos separar figura y fondo y luego trabajar la composición de textos.
www.vidayestilomagazine.com
29
Fotografías & Vectorizados
Uno de los objetivos de comunicación en V&E es producir cambios en el receptor, accionar pensamientos y crear reflexión sobre ciertas temáticas. Para ello se debe entender la retórica publicitaria y, planificar los mensajes visuales de cada campaña. Se podrán trabajar las imágenes en alto contraste, monocromías, recortes y vectorizados para definir el mensaje de comunicación.
30
www.vidayestilomagazine.com
En este ejemplo, se aisló el sector más significativo, se realizó una síntesis visual con efecto de alto contraste y se vectorizó para poder tratar la imagen con colores plenos.
PAUTAS PARA REDES SOCIALES
www.vidayestilomagazine.com www.vidayestilomagazine.com
31
Aplicaciones en redes sociales
Composición general de piezas PARA REDES SOCIALES Todas las imágenes y contenidos audiovisuales deberán estar presentadas de manera óptima, para garantizar la correcta interpretación de las piezas de comunicación.
Formatos Las imágenes tienen que exportarse en JPG o PNG, dependiendo de las admisiones de carga. Se recomienda PNG para que los motores de compresión de cada plataforma trabaje directo sobre las mismas, evitando la doble compresión. Los formatos PNG sin pérdida (loseless) permiten tonalidades y gradientes más ricos.
Calidad Todas las imágenes y/o videos, deben ser renderizadas y/o exportados en la mejor calidad posible para Web. Evitar la pérdida de nitidez o interpolados de píxeles innecesarios. Utilizar imágenes de dimensiones superiores a 1080p para cualquier tipo de composición. Si bien la resolución final es de 72dpi, se recomienda tener en cuenta que el tamaño final de la imagen debe coincidir con el módulo de presentación que cada plataforma ofrece en sus espacios de visualización.
Diseños La confección de piezas de diseño deberá respetar los lineamientos propuestos para la identidad visual. Tener cuidado en el juego tipográfico, la lecturabilidad y legibilidad de los
32
www.vidayestilomagazine.com
textos, los contrastes, el itinerario de lectura, la presentación de la marca y sus disposiciones, la composición general, los espacios y silencios visuales, los recursos y los colores institucionales correctamente nomenclados.
Edición Se recomienda utilizar programas de edición profesionales, o alternativas de calidad que permitan la confección o maquetación de piezas de diseño y el renderizado o la exportación de formatos compatibles para Web de manera óptima. No se recomienda el uso de programas que no estén diseñados para tal fin, como Paint, Word, Excel, o editores online, cuyo propósito no es indicado para el tratamiento de diseños de piezas de comunicación institucionales.
Audiovisuales Todos los contenidos audiovisuales, deberán ser trabajados con programas de edición profesional, cuidando los aspectos anteriormente mencionados para exportar las piezas finales en las condiciones requeridas. Se deberá en lo posible obtener los archivos de la fuente original, tanto de imágenes, videos como de audios. No utilizar recortes o descargas de videos ya editados de otras fuentes, con overlays o marcas de agua, textos alternativos de otras presentaciones, o composiciones forzadas. El trabajo de cada una de ellas tiene que cumplir con el estándar de calidad para V&E Magazine.
Publicación de Imágenes y Carátulas
Aplicaciones en redes sociales
TRATAMIENTO Imágenes Por lo general se presentan en formato cuadrado, para casi todas las plataformas. Podremos utilizar las distintas alternativas de presentación desarrolladas en la identidad visual.
Formatos Fotografía en Blano y Negro, con tratamiento de negros desaturados y blancos subexpuestos. Hacer énfasis con un color institucional en un porcentaje máximo del 5%.
Fotografía en Color, con énfasis en colores desaturados, filtros de color institucional y simulación de correción del componente gris. Tratar de mantener el encuadre y la composición.
El tamaño ideal deberá superar los 1000x1000 píxeles, en una resolución de 72 dpi. Todas las imágenes tienen que respetar la normativa vigente para cada red social.
Estilo Se utilizarán los tratamientos gráficos, efectos y filtros propuestos en identidad para comunicar de manera correcta cada una de las piezas.
Plantillas
Vectorización de escenas y personajes, con énfasis en colores institucionales sin gradientes. Se busca resaltar la expresión del mensaje. Juegos tipográficos en distintos planos y pesos visuales.
Fotografía en Color o Blanco y Negro, con tratamientos y efectos vintage, sin perder lo actual. Juego tipográfico basado en la composición, para reforzar el mensaje.
Se podrán consultar y utilizar los archivos y plantillas diseñados para las piezas de comunicación. Estarán disponibles en las carpetas remotas de Vida y Estilo Magazine. Deberá tener acceso de administrador en caso de requerir dichos documentos.
www.vidayestilomagazine.com
33
Aplicaciones en redes sociales
Formatos generales PRESENTACIÓN RECOMENDADA
1200 x 720 px 1080 x 1080 px
1080 x 1920 px
Cuadrados
Horizontales
Verticales
Utilizado para la presentación de publicaciones generales en todas las redes. Ideal para ser visibilizado en celulares. Compatible con publicidades intercaladas a entradas de noticias.
Utilizado para imágenes enlazadas de otras fuentes, publicaciones promocionales, Facebook Watch y publicaciones informativas que no requieran demasiada atención hacia la imagen. Ideal para tablets y PC.
Pondera la visualización en pantalla completa vertical de celulares, tanto para imágenes, videos y posteos de contenido llamativo o persuasivo, como historias, reels, publicidad e interactivos.
34
www.vidayestilomagazine.com
Aplicaciones en redes sociales
Recursos Responsivos
ordenadores
Visible en dispositivos
Visible en TV En la mayoría de las plataformas sociales, dispondremos de la posibilidad de mostrar un contenido institucional, como las portadas, cuyo tamaño deberá adaptarse a los distintos dispositivos y resoluciones (responsividad). Además cada Red Social cuenta con su propia guía de medidas, que deberemos consultar desde las webs oficiales, en
la sección de ayuda. Las medidas pueden cambiar con el tiempo dependiendo de las actualizaciones de la interfaz de cada plataforma. Al presentar un diseño, se deben confeccionar las variantes de tamaños para cada pieza, según los criterios establecidos en cada red social. Para ello también deberemos utilizar las disposiciones generales de textos en las propuestas de diseño a continuación planteadas.
www.vidayestilomagazine.com
35
Aplicaciones en redes sociales
Disposición de títulos y cajas de texto para Piezas de Diseño 1/9
Texto de Ejemplo
Titulares Se deberán tomar como referencia las disposiciones de diseño de identidad planteadas, y trabajar sobre las piezas dejando un margen de 1/9 en relación al total del ancho de la pieza para todos los textos. Las alternativas de presentación recomendadas son orientativas y tendrán como principal objetivo presentar los textos acorde a la imagen institucional definida.
36
www.vidayestilomagazine.com
Texto de Ejemplo
Titulares
Aplicaciones en redes sociales
Alternativas de Presentación General vidayestilomgz 13h
vidayestilomgz 13h
vidayestilomgz 13h
vidayestilomgz 13h
Texto de Ejemplo
Titulares
Texto de Ejemplo
Titulares Enviar Mensaje
Texto de Ejemplo
Texto de Ejemplo
Titulares Enviar Mensaje
Titulares
Texto de Ejemplo
Titulares Enviar Mensaje
Enviar Mensaje
Texto de Ejemplo
Titulares www.vidayestilomagazine.com
37
Interacciones Instagram
Interacción
Instagram La presentación de V&E en Instagram está dirigida a compartir momentos, historias y también, noticias. La premisa se centra en la organización de los contenidos, bajo los lineamientos pautados en la identidad visual.
La propuesta para Instagram deberá considerar: - Sumo cuidado del tratamiento de las imágenes - Cuidar la resolución de los contenidos audiovisuales - Respetar la organización de la presentación de la grilla - Trabajar el SEO para cada publicación, tal como se indica - Respetar la programación de Community Management - Mantener la prolijidad de la composición - Seguir los lineamientos de identidad visual La composición deberá mantener el mismo perfil del itinerario de lectura, dentro de los parámetros de comunicación visual propuestos. Las imágenes deberán complementar la voz de Vida y Estilo, respetando los colores institucionales, la tipografía institucional, el uso de filtros y efectos convencionalizados, tener coherencia con el discurso de identidad y evitar rupturas en la semántica visual que perjudiquen el mensaje.
38
www.vidayestilomagazine.com
Pautas de Publicación
Interacciones Instagram
FEEDS Las publicaciones de Instagram deberán respetar una grilla de composición, bajo las premisas de identidad visual. Las imágenes pueden componer combinaciones de dos bloques verticales para mantener la unidad. Los bloques horizontales se pueden agrupar en sentido 4x2, 3x1. Los colores institucionales pueden combinarse tanto para composiciones de imágenes en blanco y negro como en color. Para evitar cierta monotonía, se recomienda generar propuestas de presentación periódicamente, para de esta forma enriquecer la composición dentro de la grilla de publicaciones. En feeds de Instagram TV se podrán utilizar imágenes basadas en la misma línea gráfica, respetando lo anteriormente mencionado.
www.vidayestilomagazine.com
39
Interacciones Instagram
COMBINACIÓN DE BLOQUES Para evitar rupturas en la sintáctica de la presentación, se recomienda utilizar 2 bloques verticales para mantener una composición lecturable. De igual forma, el resto de los bloques se pueden utilizar individuales o agrupados para generar alguna propuesta alternativa.
A la izquierda podemos observar los bloques agrupados de 4x2 y 2x1 respectivamente. Los bloques verticales mantendrán siempre la disposición, no así los horizontales. Y para composiciones más complejas, podemos utilizar agrupaciones de 1x3 y 3x3 respectivamente, considerando que podría llegar a perder su estructura sintáctica a medida que existan nuevas publicaciones.
40
www.vidayestilomagazine.com
Interacciones Instagram
Feed de Instagram Tradicional
Sliders Conjunto de imágenes que intentará desarrollar la historia de manera expresiva. Por ejemplo, una secuencia donde mostramos los diferentes oficios de un luthier, mostrando detalles de cada trabajo desarrollado.
Imágenes Para publicaciones tradicionales de imágenes sobre notas y difusión de contenidos. Se ponderan las imágenes que puedan expresar la idea sin necesidad de recurrir a textos o títulos de apoyo, sin descartar dicha posibilidad.
Videos Los videos para publicaciones están limitados a 1 minuto de duración. El formato recomendado es cuadrado, y se deberá agregar una portada personalizada bajo los criterios de composición y de grilla propuestos. La imagen de la portada debe ser acorde a dicho contenido. Utilizaremos los recursos audiovisuales propuestos en el desarrollo de identidad, cuidando los aspectos de comunicación.
www.vidayestilomagazine.com
41
Interacciones Instagram
Historias, Reels y Videos Institucionales Los contenidos audiovisuales deben respetar el formato, el estándar de calidad y los criterios de diseño propuestos.
Historias Un espacio efímero, dedicado al ocio y al entretenimiento. La idea de compartir historias, momentos, contar anécdotas, inspirar, conocer lugares, gente, actividades, promocionar y difundir contenidos de interés que sean de gran valor y apropiados para el discurso institucional. Las temáticas pueden o no estar relacionadas a las publicaciones del magazine. La duración máxima de las historias son 15 segundos, por lo que deberemos aprovechar las secuencias de manera correcta.
Reels Un espacio similar a las historias, con la posibilidad de extendernos por 30 segundos. Se pueden guardar y compartir. Nace de la idea de la plataforma social “TikTok”, con similar comportamiento de interfaz. No tiene la finalidad de crear espacios publicitarios, si no que es exclusivamente para compartir momentos y mostrar cosas únicas y llamativas.
Instagram TV Se recomiendan para todo este tipo de contenidos, aprovechar la máxima resolución, en formato vertical, con un mínimo de duración de 1 minuto hasta 15 máximo. Podremos mostrar contenidos amplios, entrevistas, viajes y curiosidades.
42
www.vidayestilomagazine.com
Interacciones Instagram
Contenidos / SEO Textos, Hastags y Menciones 01
Tenemos que considerar el límite de caracteres disponibles en el área de descripción. Transmitir lo esencial del contenido informativo, bajo las premisas planteadas en la estrategia de comunicación.
01 02
02
Las menciones son importantes para la tracción de audiencia, colab con otras instituciones y empresas, citas y feedback general. Recordar que forman parte de los 2200 caracteres disponibles.
03 Hasta 30 hashtags. Lo ideal es de 7 a 13, anteponiendo en lo posible las siguientes palabras clave: #vidayestilomgz, #vidayestilomagazine, #vidayestilo, #magazine y “#categoría”. De esta forma podremos enlazar publicaciones al fanpage.
03
Imágenes
Textos
Metadatos
De acuerdo a lo propuesto, la imagen deberá transmitir el mensaje dentro de la máxima simplicidad posible. Pisadas de texto y títulos mínimos para resolver la pieza de comunicación. Lo que se intenta es transmitir lo esencial, contando lo que no se cuenta, desde la perspectiva de V&E Magazine.
Instagram cuenta con un máximo de 2200 caracteres disponibles en su cuerpo descriptivo, en el cual se resumirá el contenido para invitar al lector a continuar leyendo desde la plataforma principal. Se recomienda generar recursos narrativos de gran impacto y calidad, persuadiendo al lector.
Se podrán utilizar menciones, considerándolas dentro de los 2200 caracteres disponibles. Sin embargo podremos agregar además un máximo de 30 hashtags para ayudar a los indexadores de búsqueda a facilitar el posicionamiento, tanto en Instagram como en los principales navegadores.
www.vidayestilomagazine.com
43
Interacciones Instagram
Interacción
Facebook La presentación de V&E en Facebook está orientada a distribuir los contenidos de la plataforma principal. Será un lugar de pre-lectura, interacción y estadísticas.
La propuesta para Facebook deberá considerar: - Respetar los lineamientos para la publicación de contenidos enlazados - Presentar de manera correcta los contenidos audiovisuales - Trabajar el SEO para cada publicación, tal como se indica - Respetar la programación de Community Management - Seguir los lineamientos de identidad visual - Gestionar correctamente las campañas de difusión y publicidad - Administrar las relaciones humanas bajo los criterios del discurso y personalidad Las imágenes deberán complementar la voz de Vida y Estilo, respetando los colores institucionales, la tipografía institucional, el uso de filtros y efectos convencionalizados, tener coherencia con el discurso de identidad y evitar rupturas en la semántica visual que perjudiquen el mensaje. Los contenidos interactivos no deben tener matices ideológicos o políticos, pensamientos implícitos y/o connotaciones. La idea es generar curiosidad, invitar a la lectura, promover la participación y consolidar el engagement.
44
www.vidayestilomagazine.com
Pautas de Publicación
Interacciones Instagram
SECCIÓN NOTICIAS La principal actividad de Vida y Estilo en Facebook será la de compartir publicaciones de origen, potenciar las visitas al magazine y administrar nuestras estrategias de comunicación. Los contenidos promocionales y publicitarios estarán administrados desde el Centro de Anuncios, y Facbook Creator, donde se podrá configurar y modificar cualquier tipo de publicación tanto para Facebook como Instagram. A diferencia de Instagram, Facebook tiene como principal objetivo socializar. Aquí la gente puede reaccionar ante publicaciones y contenidos interactivos, crear debates y participar de eventos. Es el punto de encuentro entre el usuario y el comitente, es generar engagement, otorgar presencia y consolidar el compromiso social.
Versiones Light & Dark Mode En la actualidad, las interfaces están diseñadas para mejorar la lectura y cuidar la visión. Por lo tanto tendremos que considerar los aspectos fundamentales de presentación en las versiones clara u oscura a la hora de realizar publicaciones y organizar la identidad visual.
Las herramientas de Facebook nos permitirán obtener información de la interacción, la cual podrá ser analizada y trabajada para mejorar y/o redirigir campañas de difusión.
www.vidayestilomagazine.com
45
Interacciones Instagram
TIPO DE PUBLICACIONES La plataforma permite diferentes tipos de publicaciones, aunque de manera limitada. A diferencia de Instagram, Facebook tiene como objetivo compartir bloques de contenido estático. Es decir, minimiza la interacción a publicaciones de imagen y video o relacionadas con la comunicación social EmiRec o del comitente. La plataforma está optimizada para escritorio, a diferencia de Instagram, exclusivamente diseñada para dispositivos móviles. Por lo tanto las diferencias se basan principalmente en la experiencia del usuario, enfocado en los comentarios y reacciones sobre publicaciones estáticas.
Promociones y Publicidad
Foto/Video
Dos de las herramientas más potentes de la plataforma son sin duda Facebook Creator y Facebook Business.
Tipo de publicación principal, donde compartiremos contenidos multimedia dentro de la sección de noticias de nuestro FanPage. Las opciones sobre cada tipo de contenido puede variar a lo largo del tiempo. Se recomienda subir imágenes en formato 1:1. En cuanto a contenidos audiovisuales se prefiere también formato 1:1 para publicaciones de la sección noticias.
Facebook Creator nos ofrece la posibilidad de gestionar todo tipo de publicaciones, tanto para Facebook como Instagram. Es el centro de operaciones de nuestra actividad en la sección de noticias e historias de ambas plataformas. Además nos permitirá visualizar estadísticas y movimientos relacionados a las mismas, y monetizar nuestra actividad.
Eventos y Transmisiones en vivo Son actividades y videos programados para realizar presentaciones relacionadas a los servicios o productos asociados.
Tienda Una de las características que ofrece la plataforma para crear una tienda virtual de productos y/o servicios, con la cual podremos gestionar un catálogo online.
46
www.vidayestilomagazine.com
Por otro lado, desde Facebook Negocios podremos gestionar la plataforma comercial, que nos brindará la posibilidad de tomar el control de todas nuestras campañas publicitarias en las dos redes.
Citas y Empleos Agenda destinada a concertar y concretar eventos de carácter social, comercial y/o laboral.
Interacciones Instagram
Publicaciones principales Sección de Noticias Fotos y Videos
Las imágenes deberán ser subidas en alta calidad, en una resolución de 1200 x 1200px en 72dpi. Se deberá trabajar en espacio de color RGB. El formato recomendado es 1:1 tanto para fotos como para videos. Facebook no ofrece la posibilidad de crear galería de fotos del tipo “slider” como Instagram. Los videos para Facebook deberán ser en formato 1:1 para la sección de noticias.
Enlaces Las publicaciones con enlaces estarán relacionadas al contenido extraído desde la página web principal. Para ello se podrá utilizar la herramienta de desarrollo de Facebook “Open Graph”. Esto creará una miniatura y enlazará el contenido (URL, título y descripción) en los posts.
www.vidayestilomagazine.com
47
Contenidos / SEO Textos, Hastags y Menciones 02
01
Las imágenes deben cumplir con las premisas planteadas en la estrategia de comunicación. Se deberán ajustar a los lineamientos visuales del sistema gráfico propuesto y el discurso institucional.
02
03
Los textos deben ser concisos y a la hora de comunicar los contenidos, ya sean de carácter informativo, publicitario o interacciones para campañas de difusión. Es importante utilizar los recursos de diagramación ya convencionalizados.
Se recomienda hasta 20 hashtags. Lo ideal es de 7 a 13, anteponiendo en lo posible las siguientes palabras clave: #vidayestilomgz, #vidayestilomagazine, #vidayestilo, #magazine y “#categoría”. De esta forma podremos enlazar el SEO a las publicaciones del fanpage.
03
01 Imágenes
Textos
Metadatos
Al igual que las propuestas que se presentan en Instagram, Facebook deberá mantener la línea gráfica principal. También se podrán compartir aquellas imágenes que pertenezcan a las imágenes de la fuente. En ambos casos se deberá cuidar la estrategia de comunicación visual planteada.
El límite de texto en Facebook es muy amplio (63mil caracteres), a diferencia de Instagram (2200 caracteres). Lo ideal es resolver la comunicación de manera efectiva, evitando misceláneas o información irrelevante. Crear un itinerario de lectura que permita captar la atención del lector.
Al igual que Instagram, podremos incorporar hashtags y menciones con el fin de mejorar los resultados en búsquedas y el posicionamiento. Las menciones deberán hacer referencia a las cuentas relacionadas con la plataforma de Facebook, y en el caso de Instagram incorporar el enlace.
48
www.vidayestilomagazine.com
www.vidayestilomagazine.com
49
Interacción
Otras Redes Instagram y Facebook son los principales canales de comunicación en las redes sociales. Se complementará con Twitter para los medios de prensa y difusión. Además se tendrán en cuenta nuevas plataformas que puedan apoyar la misma. Si bien cada una de ellas permite la publicación de contenidos similares, establecen su propio perfil de discurso y orientación de públicos específicos.
Lineamientos para redes complementarias: - La calidad gráfica es un requisito primordial en las presentaciones - Respetar los formatos nativos de presentación propuestos (responsividad) - Trabajar el SEO para cada publicación de manera óptima - Respetar la programación de Community Management - Seguir los criterios establecidos en la identidad visual - Gestionar correctamente las campañas de difusión y publicidad - Crear contenidos acorde a cada una de las plataformas - Complementar la comunicación redirigiendo a las redes principales - Incentivar la interacción a través de diferentes medios de contacto Para todos los casos se recomienda crear un plan de trabajo, donde se puedan nuclear y coordinar las acciones de redes, manejando eficientemente las presentaciones bajo un cronograma de actividades que se ajuste a una estrategia de comunicación.
50
www.vidayestilomagazine.com
Características principales PARA REDES COMPLEMENTARIAS Twitter
Youtube
Plataforma orientada a la difusión de información y prensa, complementado con notas y comentarios sobre tendencias y actualidad. Se prioriza la información en lugar de la presentación. Las imágenes y videos o enlaces deberán estar adaptadas a los requerimientos de dicha plataforma.
Espacio destinado a la carga de contenidos audiovisuales relacionados con las publicaciones de la plataforma principal. También es un refuerzo importante en el SEO y un recurso multimedia de inserción para notas y presentaciones.
Tik Tok
Espacio destinado al intercambio interdisciplinario, de interés comercial y profesional. Conectar con empresas y emprendedores del medio, relacionadas a las actividades de V&E Magazine. Publicar contenidos de interés para promocionar o difundir información relevante.
De manera similar a las historias de Instagram, los contenidos expuestos en esta interfaz están orientados al entretenimiento. Por ese motivo, se priorizan las publicaciones relacionadas al ocio, tendencias y virales, creando un canal dinámico para tal fin. El formato recomendado es vertical (9:16), con una resolución mínima de 1080x1920px. Se recomienda crear y editar los contenidos externamente, preparándolos para dicha plataforma. Ajustar las cajas de texto a los espacios disponibles según la visibilidad de los elementos de la interfaz. Una de las premisas de la plataforma es intentar respetar ciertas tendencias musicales y de efectos visuales que se viralicen, para de esta forma aprovechar los picos de visualización que pueden permitir mejores conversiones.
Recursos Audiovisuales Se organizarán todos los recursos de producción de contenidos en servidores y alojamientos virtuales. Se propone la creación de un gestor de datos desde la nube, asociado al dominio principal. Los recursos deberán estar separados por categorías, las cuales comprenden: recursos vectoriales, recursos tipográficos, imágenes, recursos audiovisuales, recursos de animación, plantillas y efectos para edición de títulos, secuencias de imágenes y motion graphics (After Effects),
Un proyecto realizado por Germán Torres y Julieta Paz.
www.germantorres.com.ar
