Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Manual corporativo oe
Próximo SlideShare
Manual corporativo OEManual corporativo OE
Cargando en ... 3
1 de 83

Más contenido relacionado

Manual corporativo oe

  1. MANUAL DE IDENTIDAD VISUAL CORPORATIVA
  2. 1 ÍNDICE 1. La marca 1.1. Introducción 1.2. Objetivos 1.3. Glosario 1.4. Antecedentes 2. Filosofía Corporativa 2.1. Misión - Visión 2.2. Valores 3. Distinitivo visual y elementos 3.1. Descripción 3.2. Tipografía 3.3. Construcción grá ca 3.4. Áreas de protección 3.5. Reducciones 3.6. Variaciones autorizadas 3.7. Usos incorrectos 4. Crómatica 4.1 Guía de color 4.2 Aplicaciones primarias 4.3 Aplicaciones secundarias 4.4 Aplicaciones especiales 4.5 Restricciones de color
  3. 2 5. Slogan 5.1 Descripción del slogan 5.2 Forma grá ca 6. Papelería 6.1 Hoja membretada 6.2 Tarjeta de presentación 6.3 Sobres 6.4 Carpeta 7. Activos digitales 7.1 Hoja de word 7.2 Hoja de Excel 7.3 Presentación de Power Point 7.4 Firma mail
  4. LA MARCA1
  5. INTRODUCCIÓN1.1
  6. 5 Este manual corporativo tiene el fin de dar a conocer el cuidado de la línea gráfica y el porqué del nombre que se usó en el isótipo, el cual se justifica en qué es una expresión exclamativa misma que será tomada como la reacción de todos los clientes al conocer y usar la plataforma virtual. El logo está conformado por dos colores los cuales son el amarillo que representa la alegría, energía y curiosidad y el naranja que representa juventud e impulsividad, los cuáles sabemos que estan representados por el manejo que tiene la empresa. Está diseñado para adaptarse sobre cualquier superficie o color de tal manera que sea muy accesible para cualquier lugar o zona, lo que permite ser conocidos y recordados en todas las partes ya que al realizar un “logo camaleón” las personas llegaran a tener más interés en tener nuestra marca. Es creado para llamar la atención de jóvenes y adultos ya qué esta nueva plataforma permite conectarse a una matríz madre de juegos que no tendrá restricción de datos y para evitar que los niños utilicen ésta plataforma, tendrá un costo mensual de suscripción para así mantener seguro el usuario.
  7. OBJETIVOS1.2
  8. 7 ° Dar a conocer mediante el manual la creación del logotipo OE!. ° Informar los pasos realizados para la creación del logotipo y el manual corporativo. ° Explicar cada paso necesario para la realización y la creación de OE!.
  9. GLOSARIO1.3
  10. 9 Isotipo: Es un dibujo usado para comunicar una marca, una idea o un símbolo cualquiera sin el uso de letras o frases. Logo camaleón: Se adapta a cualquier tipo de color, forma o superficie. Líneagráfica: Crear una imagen que cuide la identidad de la empresa con la que se trabaja. Plataforma virtual: Sistema que permite la ejecución de diversas aplicaciones bajo un mismo entorno. Aventura Gráfica: Juego de tipo narrativo que consiste en hacer avanzar el personaje de manera lineal por una sucesión de niveles que conforman una historia. Beta: En el desarrollo de software, una versión beta o un producto “en la versión beta” es una versión del software que, si bien no está terminado, en general, contiene muchos elementos de la final. Backup: Es la copia total o parcial de información importante del disco duro, CDs. Beat´em up: Tipo de videojuego de lucha, que suele tomar la forma de un jugador o dos contra numerosos adversarios. Bug: Es un error en la programación de un juego, muchas veces pueden ser usadas por el jugador para sacar ventaja y otras puden llegar a desesperar al jugador.
  11. 10 Captura de movimiento :Es una técnica consistente en grabar y almacenar el movimiento de un personaje. Crackers: Es cualquier persona que viola la seguridad de un sistema informático de forma similar a como lo haría un hacker. Código de región: Código numérico que determina las posibilidades de reproducción de un videojuego en una zona geográfica concreta. Easter egg: Es un mensaje oculto, o una capacidad escondida, contenido en un objeto, como una película, un disco compacto, DVD, programa informático. Lag: Es el retraso producido en una telecomunicación que dificulta el desarrollo normal de la misma. Motor gráfico: Es un término que hace referencia a una serie de rutinas de programación que permiten el diseño. Multicuentas: Son usuarios que están inscritos en el foro dos o más veces, haciéndose pasar por diferentes miembros. Branding: Este término, muy utilizado en mercadotecnia. Cabecera:Elconcepto“cabecera”, hace referencia en términos periodísticos al título dominante en la portada de una publicación. Degradado: En un conjunto de colores, el degradado hace referencia a la transición de tonalidad entre dos colores de manera linealmente ordenada.
  12. 11 Diseño plano: El diseño plano, o «flat design», es una técnica que se viene aplicando cada vez más en apariencias web. Espacio de color: El espacio de color es el modelo con el que los humanos percibimos los colores. Ilustración vectorial: Este es un concepto vinculado a la imagen digital. Infografía: La infografía supone una herramienta de comunicación visual muy potente, dado que se compone de información representada de forma visual mediante diagramas, esquemas y diferentes símbolos. Innovación: Introduce novedades e incluye nuevas propuestas. Lápiz litográfico: El lápiz litográfico o “lápiz graso”, es una tradicional herramienta de artistas y dibujantes. Lorem Ipsum: Texto que se usa en diseño gráfico y diseño web para referirse a demostraciones de tipografías. Marca Personal: La importancia de este término radica en su definición, ya que siendo bien desarrollada. Mezcla aditiva del color: La mezcla aditiva o , hace referencia a un sistema de formación del color. OpenType: Se trata de un formato vectorial de tipos o fuentes tipográficas escalables para PC. Preimpresión: La preimpresión es todo el proceso posterior.
  13. 12 Sangría: En tipografía, la sangría desplaza la línea o líneas de introducción de un texto con determinados caracteres blancos. Tamaño final: El tamaño resultante que tendrá un trabajo impreso. Temperatura de color: Es un método de medición en kelvin. Tipografía monoespaciada: Ésta es aquella tipografía que contiene una fuente o tipo de letras con un mismo ancho de composición asignado. Usabilidad: Término que nos permite medir la cualidad de una página web a la hora de aportar una buena experiencia al usuario al interactuar. Packaging: Hace referencia al diseño de envoltorios o paquetería. Trama: Es una textura de puntos que se utiliza como método para simular diferentes tonalidades y dispersión de color. Píxel: Unidad básica de una imagen digitalizada en pantalla a base de puntos de color o en escala de grises. Favicon: Es un pequeño icono (normalmente de 16×16 píxels o de 32×32 px) que se utiliza para identificar un sitio web en las pestañas de un navegador. Kerning: Es el ajuste del espacio entredoscaracteresentu tipografía. El kerning, por lo general, busca lograr un equilibrio de espacio más proporcional y atractivo entre cada carácter.
  14. ANTECEDENTES1.4
  15. 14 El desarrollo de las tecnologías, en la última década, ha dado un impulso notable a nuevos medios de las plataformas virtuales y la empresa OE! Comienza a ser creada por estudiantes en el mes de Abril, en Quito. Elaborando un diseño para el logo el cual sea llamativo para los clientes que harán uso de la página virtual. La creación de esta plataforma virtual contiene juegos para personas jóvenes y adultas con el fin de divertir al público, el objetivo es ofrecer un acercamiento a los videojuegos que centran la atención. La empresa surge para poder ofrecer almercado y a los jugadores un modelo amplio de accesibilidad tanto para hombres como mujeres. Ya que la empresa es joven, con el mercado inexplorado ha podido observar el crecimiento que va teniendo, el deber es avanzar en los videojuegos teniendo un amplio catálogo para los clientes.
  16. FILOSOFÍA CORPORATIVA 2
  17. MISIÓN - VISIÓN2.1
  18. 17 * Brindar entretenimiento de primera a gamers ecuatorianos. * Otorgar la mejor experiencia en videojuegos al público objetivo. Aspirando a ser la mejor plataforma con su propia línea de videojuegos en el año 2024. MISIÓN VISIÓN
  19. VALORES2.2
  20. 19 Lealtad: La plataforma de ve identificada con este valor ya que si se piensa en grande se necesitará que todo el equipo de trabajo se encuentre unido y firme para que se pueda conseguir los objetivos y planes a realizar. Calidad: Se necesitará que todo el que desee trabajar para la plataforma se comprometa en realizar un buen trabajo para que así se pueda brindar una buena experiencia con nuestro público objetivo. Responsabilidad: De la misma manera se necesita compromiso y entrega de los trabajadores ya que de esta forma los cambios y arreglos que se requieran en la plataforma puedan ser presentados a un buen periodo de tipo. Sinceridad: Mediante este valor se podrá generar una buena comunicación y se presenciará un ambiente grato y honrado a la hora de trabajar. Competitividad: Será la iniciativa con la que se realizarán mejoras en la plataforma.
  21. DISTINTIVO VISUAL Y ELEMENTOS 3
  22. DESCRIPCIÓN DEL DISTINTIVO 3.1
  23. 22 Oe! es una plataforma de video juegos, que está enfocada en el área de entretenimiento al público en general, se constituye de letras con forma simple y colores llamativos los cuales son el amarillo y el naranja, los cuales evocan energía y entusiasmo al usuario. Además su signo de exclamación es una expresión grá ca de la emoción que provoca en las personas el uso de sus videojuegos.
  24. TIPOGRAFÍA3.2
  25. 24 La tipografía que se utilizó para la creación del logo fue realizada por los estudiantes mediante trazos y figuras dando la forma del nombre de la empresa (OE!). Century Gothic: Esta tipografía representa la elegancia en el contenidodelmanual.Se usólasvariaciones(Italic,boldyregular). Italic: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.:,;‘ “ (!?) +-*/= Bold: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.:,;‘ “ (!?) +-*/= Regular: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.:,;‘ “ (!?) +-*/=
  26. 25 Times New Roman: Esta tipografía se utiliza para el desarrollo de la papeleria de la empresa. (Regular). Regular: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.:,;‘ “ (!?) +-*/= Keep Calm: Tipografía que se desarrollara títulos y temas importantes de la empresa. (Regular). Regular: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.:,;‘ “ (!?) +-*/= A E R O : P ar a l a cr ea ci o n d e e s t e s lo g an utilizamos la tipografía de 29pt forma regular. Regular: ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890.:,;‘ “ (!?) +-*/=
  27. CONSTRUCCIÓN GRÁFICA 3.3
  28. 27 El logotipo mide 8x de altura por 10x de anchura lo cual hace que este logo sea un tanto rectangular y esto permite que el mismo se adapte a distintos tamaños sin perder su calidad visual. Se ha tomado como medida referencial el punto del símbolo exclamativo denominado “X”.
  29. ÁREAS DE PROTECCIÓN3.4
  30. 29 El “punto” del símbolo de exclamación define el límite como el área de respeto. X=
  31. REDUCCIONES3.5
  32. 31 1cm de alto x el proporcional Descripción: El logotipo a pesar de haber perdido su medida actual sigue teniendo su misma apariencia y es muy entendible a simple vista. 45px x 45px Descripción: el logotipo fue reducido gradualmente a una medida de 45 px con esta reducción nos damos cuenta que el logotipo sigue manteniendo su apariencia entendible a pesar de que perdió gran tamaño. 12px x 12px Descripción: Al reducirlo a 12 px de miniatura nos damos cuenta que a pesar de que el logo es demasiado pequeño sigue manteniendo su calidad visual y aun es entendible lo cual hace que este logo sea perfecto para utilizarlo de cualquier modo.
  33. VARIACIONES AUTORIZADAS 3.6
  34. 33 Al serun logo simple, su símbolo representativo es el signo de exclamación, por lo que es el elemento que se puede sustraer para identificar visualmente a la plataforma de manera rápida en un favicon. De esta manera se obtiene una variación en el logo.
  35. USOS INCORRECTOS3.7
  36. 35 Nunca girar la marca Nunca ensanchar la marca Nunca alargar la marca
  37. 36 Nunca utilizar en sentido vertical Nunca cambiar la relación de los colores
  38. 37 Nunca utilizar en degradado Nunca utilizar contornos en el logo Nunca utilizar opacidades en el logo
  39. CROMÁTICA4
  40. GUÍA DE COLOR4.1
  41. 40 P A N T O N E S A M A R I L L O N a r a n j a P1-7C CMYK AMARILLO Naranja C= 16% C= 0% M= 0% M= 70% Y= 98% Y= 95% K= 0% K= 0% RGB AMARILLO Naranja R= 230 R= 236 G= 223 G= 102 B= 0 B= 25
  42. 41 HEXADECIMAL AMARILLO Naranja E6DF00 EC6619 ESCALA DE GRISES C= 0% C= 0% M= 0% M= 0% Y= 81% Y= 0% K= 0% K= 52%
  43. 42 BLANCO 100% NEGRO 100%
  44. APLICACIONES PRIMARIAS 4.2
  45. 44 Se manejaran las siguientes aplicaciones, invirtiendo sus colores corporativos ya que su contraste es perfecto con fondos amarillos y naranja y su signo exclamativo se lo usará en color blanco.
  46. APLICACIONES SECUANDARIAS 4.3
  47. 46 El logo se lo puede usar con una variación de color café entre claro y oscuro, para generar un contraste y así hacer referencia a una superficie de cuero. El logo se lo puede usar con una variación de color azúl pastel entre claro y oscuro, para generar un contraste y así hacer referencia a una superficie de vidrio.
  48. 47 el logo se lo puede usar sobre una superficie oscura, sienmpre y cuando se use el logo en color blanco para generar un alto contraste y mayor visibilidad. El logo se lo puede usar con una totalidad de color negro para generar contraste y mayor visibilidad sobre una superficie con fondo blanco o transparente.
  49. APLICACIONES ESPECIALES 4.4
  50. 49 Se observa el logo en cerámica, en la cual se la realiza en sublimación, dándole un acbado brilloso, liso y contrastando con el color de fondo. Se observa el logo en cuero, en el cual se destaca la profundidad del logo y su tono oscuro en comparación al material, además se evidencia el acabado del logo. Se observa el logo en vidrio, se caracteriza por tener una textura porosa en la cual se evidencia el acabado del logo
  51. RESTRICCIONES DE COLOR 4.5
  52. 51 No usar colores de fondo iguales o similares al del logo ya que de esta manera perdería visibilidad al momento de imprimir o sublimar.
  53. 52 No usar degradados en el fondo o en el logo ya que de esta manera pierde totalmente su identidad y visibilidad.
  54. SLOGAN5
  55. DESCRIPCIÓN DEL SLOGAN 5.1
  56. 55 OPTIMIZA TÚ MUNDO “Optimiza tú mundo” nace con la finalidad de adaptar una plataforma virtual para que el consumidor o los servidores puedan conectarse a juegos online desde cualquier servidor que tenga acceso a internet y desde cualquier parte del mundo.
  57. FORMA GRÁFICA5.2
  58. 57 Para la creacion de este slogan utilizamos la tipográfia “Aero” de 29pt forma regular. OPTIMIZA TÚ MUNDO TIPOGRAFÍA
  59. 58 RELACIÓN EN EL LOGO OPTIMIZA TÚ MUNDO x UBICACIÓN: Se ha puesto el slogan en la parte inferior del logo ya que asÍ puede ser visible y entendible para la vista del observador. ÁREAS DE SEPARACIÓN: La distacia correcta en la que se debe poner el slogan junto al logotipo debe ser una medida de (x= A la separación entre las letras O y E), para que compagine con la diagramación del logotipo y este no pierda proposiones. COLORES: Se utilizó un color sólido el cual es el negro ya que asÍ puede ser entendible y fácil de visualizar.
  60. 59 OPTIMIZA TÙ MUNDO No usar en 90ª No cambiar la posición del slogan No cambiar la tipografìa OPTIMIZA TÚ MUNDOMIZA TÚ M
  61. 60 OPTIMIZA TÚ MUNDOTIMIZA TÚ MUN OPTIMIZA TÚ MUNDO OPTIMIZA TÚ MUNDO No cambiar los colores No invertir el slogan No agrandar ni espaciar el slogan
  62. PAPELERÍA6
  63. HOJA MEMBRETADA6.1
  64. 63 29,7 CM 21 CM CONTACTOSUBICACIÓN ZONA DEL LOGO ÁREAS DE RESPETO: 1CM X 1 CM ELEMENTOS DECORATIVOS
  65. TARJETA DE PRESENTACIÓN 6.2
  66. 65 9 CM ZONA DEL LOGO UBICACIÓN CONTACTOS 5,5 CM
  67. SOBRES6.3
  68. 67 SOBRE OFICIO
  69. 68 SOBRE A4
  70. CARPETA6.4
  71. 70
  72. ACTIVOS DIGITALES 7
  73. HOJA DE WORD7.1
  74. 73
  75. HOJA DE EXCEL7.2
  76. 75
  77. PRESENTACIÒN DE POWER POINT 7.3
  78. 77 PORTADA
  79. 78 SUBTÌTULO
  80. 79 INFORMACIÒN INTERNA
  81. 80 CONTRAPORTADA
  82. FIRMA MAIL7.4
  83. 82