1
Guía de Usuario para Redes Sociales La creatividad, diseño, diagramación y proceso metodológico para la realización de esta publicación de material digital para redes sociales, fue llevado a cabo por la estudiante Dayrin Lilibeth Aragón Orellana como parte del Ejercicio Profesional Supervisado y Proyecto de Graduación del año 2020 de la Licenciatura en Diseño Gráfico de la Escuela de Diseño Gráfico de la Facultad de Arquitectura de la Universidad de San Carlos de Guatemala para el Hospital Veterinario Animales de Compañía, USAC. Es la forma en que se retribuye a la sociedad guatemalteca lo invertido en la Educación Superior Estatal. Licda. Erika Grajeda Godínez Asesor metodológico Licda. Andrea Alejandra Osuna Juárez Asesor gráfica Licda. Carmen Grizelda Arizandieta Altan Tercer asesor
2
3
4
Introducción El presente material es una Guía de Usuario, para el área administrativa y/o persona encargada en redes sociales, será un instrumento de gran utilidad para mantener la adecuada comunicación por medio de Facebook e Instagram; ya que cuenta con el paso a paso de la administración y lineamientos a seguir. Además de los parámetros a seguir en la línea gráfica para poder transmitir los mensajes deseados al público objetivo, de forma correcta. Por ello es que el Documento se divide en dos, la primera parte contiene explicación de la identidad visual del Hospital Veterinario, USAC; diseñado especialmente para dicha institución y la segunda parte contiene un paso a paso del uso de redes sociales. Dicho documento es de uso personal y confidencial de la institución, por ello se recomienda que el documento sea de usó solamente el área administrativa encargados en el tema.
5
Escencia Interior
PERSONALIDAD DE MARCA El Hospital Veterinario de Animales de Compañía, es una institución educativa, con una actitud proactiva de servicio a la comunidad y de interaprendizaje con los estudiantes durante la práctica clínica, la cual se realiza con un enfoque ético y de bioseguridad.
6
VALORES
Liderazgo
Responsabilidad
Ética
Ambiental
Conciencia Social
Excelencia Académica
Equidad
Cultura Científica
7
8
Línea Gráfica 9
Paleta de Colores Primera Paleta de Colores Pantone® 7687 C Reflex Blue U
7745 C 397 U
109 C 108 U
10
CMYK
RGB
#HEX
% Tinta
C M Y K
97 88 8 0
R 48 G 55 B 135
303787
%75
%50
%25
C M Y K
51 10 92 0
R 147 G 181 B 58
93b53a
%75
%50
%25
C M Y K
6 9 89 0
R 248 G 220 B 34
f8dc22
%75
%50
%25
La primera paleta, se refiere a los colores institucionales, los cuales se ven en el logotipo y con estรกs tonalidades se busca transmitir: educaciรณn, salud y naturaleza.
11
Segunda Paleta de Colores Pantone® 7687 C Reflex Blue U
7745 C 397 U
109 C 108 U
109 C 108 U
12
CMYK
RGB
#HEX
% Tinta
C M Y K
97 88 8 0
R 48 G 55 B 135
303787
%75
%50
%25
C M Y K
51 10 92 0
R 147 G 181 B 58
93b53a
%75
%50
%25
C M Y K
6 9 89 0
R 248 G 220 B 34
f8dc22
%75
%50
%25
C M Y K
6 9 89 0
R 248 G 220 B 34
f8dc22
%75
%50
%25
La segunda paleta, es elegida en base a un estudio realizado por medio de encuesta hacia el grupo objetivo del Hospital Veterinario; dichas tonalidades buscan representar a una instituciรณn que vela por la salud de los animales, ademรกs con la uniรณn de ambas paletas se logra transmitir salud, felicidad y dinamismo; demostrando que la instituciรณn cuenta con un ambiente agradable y de confianza para todas las mascota, en especial perros y gatos.
13
Iconos
14
Los presentes iconos aportarán a la marca, ya que servirá para hacer comprensible el texto con una pequeña imagen, fácil de entender por la audiencia.
Contacto
Servicios
Preguntas frecuentes
Información sobre gatos
Información sobre perros
Avisos
Logotipo Usos adecuados sobre imágenes y colores El logo del Hospital Veterinario Animales de Compañía, USAC; es clasificado como un imagotipo, ya que da la opción de trabajar el texto e imagen por separado en un futuro. Dicho imagotipo deberá ser reproducido en full color siempre que sea posible, para ir identificando los colores institucionales. Los valores específicos de color que deben usarse para reproducir el logo (Pantone®, CMYK o RGB) se encuentran delimitados en la sección de color. El blanco es el color de fondo más eficaz para utilizar el logo, ya que provee un contraste limpio para los colores y los elementos. Si la reproducción del color no es viable, el logotipo debe ser reproducido en negro sólido o en una versión inversa en blanco con fondo de color de la paleta establecida. Cuando el logo se coloque en una imagen fotográfica, la imagen debe ser lo más clara posible, específicamente el fondo para proporcionar contraste de forma positiva y para que el imagotipo no se pueda perder entre otros elementos A continuación, presentamos los usos y variaciones permitidos para el imagotipo, color de fondo y de texto. No se recomienda combinar los tonos de otra forma.
15
Usos Correctos
Logo original PantoneÂŽ, CMYK y RGB para usos sobre fondo blanco.
Logo blanco para usos sobre fondo negro.
Logo negro para usos sobre fondo blanco.
Logo en blanco para usos sobre fondo de colores institucionales.
Logo en blanco para usos sobre fondo de colores institucionales.
Logo en blanco para usos sobre fondo de color secundario.
Logo full color para usos sobre fotografĂas que tengan suficiente claridad.
16
Usos Incorrectos
No distorsionar de ninguna manera la proporciĂłn del logo.
No hacer cambio por otros colores que no esten establecidos.
No utilizar fondos de colores no institucionales.
No utilizar fotografĂas que no permitan el contraste adecuado.
17
Ubicación del Logotipo Siempre que sea posible el logo del Hospital Veterinario debe aparecer en la parte superior del centro del formato. En otras aplicaciones el logotipo se debe ubicarse en las esquinas superiores según sea conveniente, dejando un espacio prudente y recomendable de doble “o” del tamaño de la palabra Hospital, como mínimo.
18
En los Posts, el Logotipo debe de estar ubicado en la parte de arriba pegado en la orilla o en el centro, dependiendo de la fotografía y en un área que resalte. Puede estar cerca del título o cerca de la cara de la mascota.
En las historias para Facebook o Instagram, el logotipo debe de ir en medio de del diseño, ya sea en la parte de arriba centrado o en medio del lienzo.
19
Tipografía Se refiere al tipo de letra establecida para el material, los cuales son los siguientes:
Just tell me what ABCDEFG I JKLMNÑOPQRST UVWXYZ
Just tell me what - Italic ABCDEFG I JKLMNÑOPQRST UVWXYZ
abcdefghijklmnopqrstuv wxyz
abcdefghijklmnopqrstuv wxyz
0123456789
0123456789
Futura Bk BT ABCDEFG I JKLMNÑOP QRSTUVWXYZ
Futura ICG XBold ABCDEFG I JKLMNÑ OPQRSTUVWXYZ
abcdefghijklmnopqrst uvwxyz
abcdefghijklmnop qrstuvwxyz
0123456789
0123456789
20
Fotografías Estilo Fotográfico Es ideal tomar fotografías a los visitantes (gatos y perros) o mediante la consulta poder captar algunos momentos con ellos, se recomiendo tomas iluminadas, evitando filtros que opaque la foto y que reflejen un animal feliz, por el hecho que la salud de la mascota es esencial para los dueños y es necesario transmitirlo por medio de una imagen feliz. Pueden fotografiar a las mascotas con sus dueños, si ellos lo permiten o que salga solo su mano o alguna pequeña parte de la persona, no es necesario que salga completo, ya que la vista siempre estará dirigido al animal.
21
Textura Fotográfica Para aplicar la marca a un entorno es necesario seguir ciertos estándares para mantener la coherencia. En cuanto a la creación de espacios se recomienda utilizar los siguientes materiales: • Pasto • Naturaleza • Área clínica • Ambiente Universitario
22
Tono y Manera Por su carácter amigable, la comunicación del Hospital Veterinario Animales de Compañía, USAC; debe reflejar felicidad, dinamismo y confianza. Todos sus mensajes deben tratar de tú, hablar directamente a la persona y buscar resolver sus dudas. La marca debe dirigirse a sus visitantes como sus amigos, resaltando las características de confiabilidad, seguridad y amabilidad que ofrece en sus instalaciones. La comunicación también debe integrar cápsulas informativas o de interés para los dueños de pacientes, así como información de las actividades que organiza o comunicados para los estudiantes.
23
24
Publicaciones
25
Jerarquía Visual en publicaciones La jerarquía en una imagen es organizar los elementos dentro de una imagen, creando puntos de enfoque, ya que ayudamos a orientar la vista de las personas a lo queremos que vean de primero. Las personas suelen leer de izquierda a derecha y de arriba hacia abajo, así que es muy importante ordenar los elementos en una imagen para poder ser
2
1
3
1. Se coloca la imagen de lado izquierdo, es importante que la foto sea de algún mascota, ya que las imágenes con animales tienden a llamar más la atención del grupo objetivo, además el uso de líneas blancas u otro color ayudará a llamar la atención de una acción o elemento especifico. 2. La vista pasa al logotipo, el cual se coloca sobre un fondo donde no se pierda por el color y el logotipo en la parte superior ayudará a identificar mejor la publicación.
26
3. La vista pasa a leer la información proporcionada en la imagen. También se hace uso de los iconos para establecer el tema de cada post.
1
2
3
2
1
En este ejemplo vemos que el tamaño del titulo puede hacer la diferencia, entre una imagen muy saturada, ya que el titulo llega a llamar más la atención por su ubicación y color.
27
MEDIDAS EN
Publicaciones de
FACEBOOK Portada de Facebook 1640 px.
856 px.
Las portada de Facebook se deben de trabajar pensando en que se verán en una computadora y también en un celular. Es recomendable trabajar en un diseño que se adapte a los diversos dispositivos y evitando que los textos o logotipos queden muy cerca de las orillas. En el celular se cortarán los laterales, por lo que es importante pensar en texto muy corto y con una imagen atractiva, tomar en cuanta que las medidas pueden varíar con el paso del tiempo.
28
Formas incorrectas Evitar colocar texto y logos muy a la orilla, para que no salgan cortados al verlos desde el celular.
ยกTe esperamos!
Escoger fotos con un fondo amplio para evitar que los rostros salgan cortados en el celular.
ยกTe esperamos!
29
Foto de Perfil de Facebook
170 px.
170 px. Evitar que el logotipo quede pegado a las orillas.
Post de Facebook
1080 px.
30
1080 px.
Historia de Facebook (Stories) 750 px.
1334 px.
En las Stories para redes sociales, comunicar actividades del momento que representen algĂşn sentimiento alegre y transmita confianza, es muy importante hacer uso de fotos o videos cortos, pero tambiĂŠn se puede utilizar imagenes para comunicar algo.
31
MEDIDAS EN
Publicaciones de
Instagram Foto de Perfil de Instagram
160 px.
160 px. Evitar que el logotipo quede pegado a las orillas.
32
Post cuadrado
1080 px.
1080 px.
Post vertical
1080 px.
1350 px.
33
Post horizontal 1080 px.
566 px.
Las publicaciones al estar dentro del perfil de instagram se verรกn siempre de forma cuadrada, al momento de dar un click en la imagen y abrirla se podrรก ver completa ya de forma rectagular en modo horizontal o vertical. Como en el ejemplo de la par.
34
Historia de Facebook (Stories) 750 px.
1334 px.
35
Gestiรณn y Contenidos 36
37