1
2
Estudio Espacial Visión:
Ser una empresa enfocada en el desarrollo y crecimiento educativo del país, además de estar comprometida a la educación en los niños de nivel primaria. Tener el material a disposición en la mayoría de escuelas que cuentan con pocos recursos para colaborar en la batalla contra el analfabetismo.
Misión:
Como empresa se pretende aumentar los niveles de comprensión en los niños agregando valor gráfico profesional a los materiales pedagógicos que se les proporciona, implementando principios básicos del conocimiento, hasta contenido pedagógico avanzado. 3
4
Indice
Isotipo.............................................6 Estructura geométrica 8 Usos incorrectos 9 Área de seguridad 10 Uso con mas logos 11 Uso sobre fondos 12 Variaciones 14
Fondo y fotografía..........................29 Fotografía 30 Patrones 31 Ilustraciones y 3D 32 Tono de voz....................................34
Color corporativo............................17 Formatos y usos.............................37 Paleta de colores 18 Usos 21 Tipografía......................................22 Tipográfica primaria 24 Tipografía Sustitutiva 26 Reglas 27 5
Isotipo El Isotipo representa nuestra marca como una firma y por eso hay que tener ciertos cuidados a la hora de utilizarlo para cualquier fin. A continuaciĂłn se presentan todas las indicaciones y cuidados necesarios. Esto sirve para no perder nuestra identidad y mantener la lĂnea grĂĄfica. 6
7
Estructura geométrica del isotipo Pasamos de una versión plana y recta a aplicar dinamismo con una profundidad a 45°.
8
Usos Incorrectos El uso alterado del isotipo puede dar un mal mensaje No redibujar, calcar o recrear el logotipo o hasta parecer de mal gusto, para evitar todo mal uso de la imagen ponemos unas prohibiciones en la manipulaciĂłn del mismo: No distorsionar el logotipo No aĂąadir elementos
No cambiar el ĂĄngulo del logotipo
No usarlo en horizontal
No modificar los elementos
No usar otros colores
9
Área de seguridad Para mantener el área visual del logotipo debe respetarse un área de seguridad. Este espacio no debe ser invadido por otras marcas, textos, etc. La medida del área de seguridad se toma del ancho de la sección superior de la letra E.
El tamaño mínimo de uso del logotipo es de 1 cm 10
Uso con mรกs logos El uso del logotipo en cobranding con patrocinadores o cual sea la situaciรณn, debe ser consultada y aprobada con anterioridad. Al momento de utilizar el logotipo en conjunto con el de asociados es importante tener en cuenta varias recomendaciones: Dejar entre nuestro isotipo y el asociado la distancia equivalente a su longitud en ancho. Poner el isotipo siempre al lado derecho o arriba de la composiciรณn.
Recordar no invadir la zona de protecciรณn 11
Usos sobre fondos Se debe respetar el uso de colores definidos para el logotipo, hay que cuidar principalmente el contraste entre el fondo y el icono para que este no se pierda. Sobre blanco y negro
Sobre Color
12
Sobre una imagen
13
Variaciones Tener todas estas versiones del logotipo nos da mĂĄs versatilidad a la hora de realizar una propuesta visual, no hay restricciones o reglas especĂficas, pero si es necesario respetar e identificar el uso correcto y visualmente atractivo. Outlines
Escala de grises
14
Acceso y artes finales Archivos para arte final y reproducción profesional, puedes disponer por separado de distintos archivos para Macintosh® y para PC/ Windows®. Archivos Editables (Uso recomendado) Encontrarás todos los archivos guardados como EPS (Encapsulated Post Script®). Y también archivos Adobe Illustrator® este tipo de archivos no se ve afectado al momento de realizar escala en el logotipo, teniendo la seguridad de que no se “pixelea” o distorsiona de alguna forma. Otros archivos PNG (Portable Networks Graphic) Este formato se puede usar para pantalla y para documentación impresa. Los archivos tienen un fondo transparente para la aplicación sobre fondos apropiados. TIFF (Tagged Image File Format) Mejor resolución para usar en pantalla, pero un peso más grande. No puedes alterar el archivo TIFF. Encontraras todo esto en google drive:
Identificador de archivo: TIPO_Modo.formato 15
16
Color C
orporativo
El color es una de las formas mĂĄs efectivas de connotar visualmente la marca, da una idea del carĂĄcter, el ambiente y el estilo con el que estamos tratando. Para esto escogimos colores y mezclas que combinan con la lĂnea grafica en general y tienen una forma de uso respectivo para cada color. 17
Paleta de colores La paleta de colores se compone de un color primario y 2 colores secundarios que detallaremos mรกs adelante, ademรกs del blanco y negro como colores de respaldo. El uso del color en su proporciรณn y aplicaciรณn adecuada puede ser una ventaja significativa para la imagen de la empresa. Hay que tener el cuidado de usar el tono y los porcentajes correctos y trabajar CMYK y RGB respectivamente al medio impreso o digital.
18
Color de uso Primario Se seleccionó un tono frío ya que representa la seriedad como empresa y da una sensación de serenidad y calma. El azul marino y sus tonalidades en cyan e indigo crean contraste entre la misma gama de color. El blanco se usa más que el negro y siempre deben ser colores de alternativos.
#00AEEF #4754A4 #283171 #10123C 19
Color de uso Secundario Para completar el circulo cromático se emplean los colores amarillo y rojo con su respectiva escala tonal. Esto es porque al tratarse de material didáctico hay que contar con un uso adecuado de las escalas en el círculo para que los alumnos aprendan los conceptos básicos del color al mismo tiempo que perciben nuestra línea gráfica.
#00AEEF #4754A4 #283171 #10123C #10123C #10123C 20
Usos Para dar más flexibilidad a la hora de diseñar pueden utilizarse los colores en un rango limitado de porcentajes descritos a continuación. Los colores no solo sirven para reconocer a la empresa, también para transmiten mensajes diferentes según la combinación y el peso que se use, dependiendo la situación se pueden usar varias combinaciones de color siempre y cuando los colores primarios queden como lo principal del mensaje, a continuación proponemos paletas de colores opcionales. Ejecutivo
Contrastante
Cálido
21
Tipografía La tipografía que usamos ha sido seleccionada para darnos un tono limpio y legible. A continuación detallaremos el modo de uso, tamaños y todo lo necesario para utilizarla de manera adecuada. 22
23
Tipografía Primaria
ROBOTO Pertenece a la familia de tipografías “san serif” y es una tipografía muy limpia y geométrica perfecta para una lectura tranquila y amigable. Cuenta con la versión regular, bold e Itálica para tener más variantes al momento de diagramar, es aconsejable usar la versión regular para textos normales y la versión itálica para resaltar textos o textos complementarios y la versión bold se utilizara para subtítulos o para crear un contraste entre cuerpos de texto y textos de otro tipo.
Roboto Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz áéíóú 1234567890.,;:¡!¿?%&@€$£¥* 24
Tipografía Primaria
Marguaritas Pertenece a la familia caligráfica. Esta tipografía será utilizada para los títulos o bien, textos importantes y vistosos del contenido que tengamos que diseñar. Tamaños standard:
Margarita Regular A BC DEF GH I JK L M NÑO P QR S T UV WXYZ abcdefghijklmnñopqrstuvwxyz áéíóú 1234567890.,;:¡!¿?%&@€$£¥*
No usar en cuerpos de texto. 25
Tipografía Sustitutiva o secundaria
ARIAL Solo en casos donde la tipografía no pueda ser utilizada, por ejemplo algún problema de software o utilización en web es necesario reconocer la tipografía de respaldo. Esta tipográfica es seleccionada por ser la que se encuentra por defecto en casi todos los dispositivos a nivel mundial y cuenta con ser de uso amigable a la vista.
Aria Regular ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz áéíóú 1234567890.,;:¡!¿?%&@€$£¥* 26
Las tipografías de sustitución nunca se deberán utilizar para aplicaciones profesionales o soportes de comunicación impresos dirigidos a grandes grupos.
Reglas Para garantizar el buen uso de la tipografía y de nuestra forma de comunicación desglosamos a continuación los usos adecuados y los errores que no se deben cometer. Usos correctos Elige la justificación de texto adecuada para que funcione en relación al tamaño de la tipografía y el ancho de la zona de texto. Abrevia las palabras sólo si es necesario evitar separar los cuadros de texto con guiones. Utiliza siempre los signos de puntuación completos, abrir y cerrar interrogantes y exclamaciones y comillas dobles. Empieza cada frase nueva con mayúscula y respeta todas las reglas ortográficas de tu idioma. No mezclar diferentes idiomas a menos que sea necesario y haga referencia a algo en específico. (ej. “Branding”) Usos incorrectos No utilizar mayúsculas para iniciar cada palabra a menos que así este descrito. No dejar más de un espacio entra las palabras para los cuerpos de texto. No subrayes las palabras ni las taches o engroses a fuerza, No modifiques la tipografía ni ensanchándola ni condensándola. Para eso se estipularon variantes de la misma familia. No utilices tipografías alternativas a la corporativa que no estén especificadas en este manual. No utilices símbolos “&”, “+” o “xq” dentro del texto, donde en su lugar deberías escribirlos “y”, “más” o “porque”.
Puedes descargar nuestras tipografías desde Drive:
27
28
Fondoy FotografĂa Los fondos y fotografĂas que usamos forman parte clave de la imagen ya que tienen una importancia de 60% en comparaciĂłn con el resto del contenido. Los fondos de color deben ser tomados en base a las diversas paletas de color mostradas anteriormente. 29
Fotografía Debe dar un mensaje de espontaneidad en un ambiente normal, con personas que podrías encontrarte en la vida cotidiana. Esto ayuda a conectar al Grupo Objetivo por que no ofrece versiones inalcanzables de estética y da un mensaje más amigable. Si la fotografía no hace referencia a personas sino a tomas de detalle puedes recurrir a herramientas como desenfoques, contraste, etc. tratando de conservar lo más posible la fotografía original, en otras palabras “No abusar de la edición digital”
30
500px.com/sammonzon
https://500px.com/anthonygil
Patrones Para la creación o uso de patrones, es permitido usar figuras geométricas básicas en dos dimensiones, como el cuadrado o el triángulo o figuras tridimensionales como cubos o pirámides. Lo ideal a la hora de crear o poner un patrón es que exista un juego entre la profundidad y la distribución de los objetos, no alejarse de la simplicidad.
31
Ilustraciones y 3D Para nosotros, la ilustración es una herramienta importante para conectar con el grupo objetivo, es necesario proyectar el estilo de ilustración adecuado al grupo objetivo con el que se trabaja. No existen reglas o prohibiciones además de las normas básicas de dibujo. Consultar con los directores antes de publicar cualquier imagen. No deben olvidarse los principios básicos de percepción, luminosidad, composición, profundidad, perspectiva y encuadre.
32
33
Tono de Voz La forma de hablar por escrito refleja nuestra postura ante las situaciones, es necesario tener un vocabulario técnico y amplio, además de respetar siempre las reglas ortográficas y derechos de autor si fuese el caso. Evitar a toda costa mensajes que mezclen palabras de otros idiomas o bien abreviaturas de informalidades como “LOL”, “SWAG” “OMG”, etc. Si es permitido usar otros idiomas siempre y cuando no se mezclen entre sí, por ejemplo: “milk and galletas” por otro lado si es permitido dar mensajes en otro idioma si el grupo objetivo lo requiere, teniendo en cuenta las reglas ortográficas del idioma y un tono formal a la hora de escribir. Si es un mensaje en redes sociales evitar usar más de 3 tags. 34
35
36
Format o s y Usos Plantearemos algunos formatos y mediadas estรกndar para utilizar, estas son las medidas que mรกs se acoplan a nuestras necesidades. 37
Audiovisuales NO usar por ningĂşn motivo formatos verticales para video.
800 * 600 px 800
1024 * 768 px
1024 * 1024 px 1920 * 1080 px
38
Redes sociales y publicidad en lĂnea
39
Papeleria y Medios Impresos
Media carta
Carta Tabloide
40
Tipo de Encuadernación Esta encuadernación se eligió por ser atractiva y fácil de hacer, no limita la cantidad de hojas y no necesita de compaginación, facilitando su aplicación en documentos informales.
41
Para documentos formales o de publicación en grandes cantidades debe usarse la encuadernación que la imprenta proporcione teniendo en cuenta conceptos de modernidad aplicando la línea gráfica establecida.
42
43
44
45
46