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
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.
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!.
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.
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.
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
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.
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.
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.:,;‘ “ (!?) +-*/=
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”.
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.
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.
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
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.
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.
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
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.
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