2. 1
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
ÍNDICE
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
ÍNDICE
5. 4
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.
INTRODUCCIÓN
6. 5
° 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!.
OBJETIVOS
7. 6
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.
GLOSARIO
8. 7
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.
GLOSARIO
9. 8
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.
GLOSARIO
10. 9
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.
GLOSARIO
11. 10
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.
ANTECEDENTES
13. 12
* 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
MISIÓN - VISIÓN
14. 13
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.
VALORES
16. 15
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.
DESCRICIÓN DEL DISTINTIVO
17. 16
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.:,;‘ “ (!?) +-*/=
TIPOGRAFÍA
18. 17
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.:,;‘ “ (!?) +-*/=
TIPOGRAFÍA
19. 18
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”.
CONSTRUCCIÓN GRÁFICA
20. 19
El “punto” del símbolo de exclamación
define el límite como el área de respeto.
X=
ÁREAS DE PROTECCIÓN
21. 20
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.
REDUCCIONES
22. 21
Al ser un 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.
VARIACIONES AUTORIZADAS
23. 22
Nunca girar la marca Nunca ensanchar la marca
Nunca alargar la marca
USOS INCORRECTOS
Nunca utilizar en sentido vertical
24. 23
Nunca cambiar la
relación de los colores
USOS INCORRECTOS
Nunca utilizar en degradado
Nunca utilizar
contornos en el
logo
Nunca utilizar
o p a c i d a d e s
e n e l lo go
26. 25
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
GUÍA DE COLOR
29. 28
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.
APLICACIONES PRIMARIAS
30. 29
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.
APLICACIONES SECUNDARIAS
31. 30
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.
APLICACIONES SECUNDARIAS
32. 31
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
APLICACIONES ESPECIALES
33. 32
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.
RESTRICCIONES DE COLOR
34. 33
No usar degradados en el fondo o en
el logo ya que de esta manera pierde
totalmente su identidad y visibilidad.
RESTRICCIONES DE COLOR
36. 35
“Optimiza tu 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.
DESCRIPCIÓN DEL SLOGAN
OPTIMIZA TU MUNDO
37. 36
Para la creacion de este slogan utilizamos
la tipográfia “Aero” de 29pt forma regular.
TIPOGRAFÍA
FORMA GRÁFICA
OPTIMIZA TU MUNDO
38. 37
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.
FORMA GRÁFICA
39. 38
OPTIMIZA TÙ MUNDO
No usar en 90ª No cambiar la
posición del slogan
No cambiar la tipografìa
OPTIMIZA TÚ MUNDOMIZA TÚ M
USOS NO AUTORIZADOS
40. 39
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
USOS NO AUTORIZADOS
42. 41
21 CM
CONTACTOS
TIPOGRAFÍA
times new roman
8 puntos
IMPRESIÓN
papel bond 90 gr
UBICACIÓN
ZONA DEL LOGO
ÁREAS DE RESPETO:
1CM X 1 CM
HOJA MEMBRETADA
ELEMENTOS
DECORATIVOS
43. 42
9 CM
ZONA DEL LOGO
UBICACIÓN
CONTACTOS
5,5 CM
TARJETA DE PRESENTACIÓN
44. 43
SOBRE OFICIO
TAMAÑO:
22.5 cm x 11 cm
IMPRESIÓN:
Ofset
150 g
TIPOGRAFÍA:
Times New Roman
14 puntos
3.5cm
22.5cm
Quito - Ecuador
022334459
www.oeoptimizatumundo.com
45. 44
22.5 cm
2 cm
4.5 cm
33 cm
Quito - Ecuador
022334459
www.oeoptimizatumundo.com
SOBRE A4
TAMAÑO:
22.5 cm x 33 cm
IMPRESIÓN:
ofset
Papel bond 150 g
TIPOGRAFÍA:
Times New Roman
a 14 puntos
46. 45
ESPACIO PARA LA TARJETA
22 cm
Quito - Ecuador
022334459
1.5 cm 1.5 cm
TIRO RETIRO
TAMAÑO:
22.5 cm x 33 cm
IMPRESIÓN:
Ofset
250 g
TIPOGRAFÍA:
Times New Roman
a 14 puntos
CARPETA
54. 53
ATRIBUTOS DIFERENCIADOS
BENEFICIOS
º Fluidez
º Actualidad
º Económico
º La mejor rapidez en juegos para nuestros usuarios.
º Los juegos más actuales para nuestros clientes.
º Precios más accesibles para el pñublico objetivo.
ATRIBUTOS DIFERENCIADOS
BENEFICIOS
62. 61
FOTO DE PERFIL (450 X 450 PX)
Las medidas son correctas para utilizarlo
en cualquier foto de perfil de cualquier
red o aplicación social ya que no
afecta en nada su entendimiento y
puede ser apreciado correctamente.
PUBLICACIÓN (1200 X 900 PX)
Esta cantidad de pixeles
es necesaria ya que asÍ
permite apreciar toda la
publicación sin recorte alguno
y con una buena calidad
visual para que pueda ser
apreciado correctamente.
FACEBOOK
63. 62
1000 X 800 PX
Para una publicacion de video
en cualquier plataforma web se
necesita esta cantidad de pixeles
paraque el logotiposeavisibleparael
expectador y este no tenga ninguna
alteracion en su forma o colores.
800 X 800 PX
Se utiliza esta cantidad de pixeles
para una foto de perfil de instagran
para que no se vea pixelada y asi
pueda se correctamente visible y
entendiblepara todaslaspersonas.
YOUTUBE