Infancia con Futuro Manual de marca Una guía de identidad visual para la ONG Infancia con Futuro
Creemos en los niños Creemos en el futuro de Guatemala
UNIVERSIDAD SAN CARLOS DE GUATEMALA FACULTAD DE ARQUITECTURA
ESCUELA DE DISEÑO GRÁFICO PROYECTO DE GRADUACIÓN ESTUARDO ALEJANDRO REYES BARRIOS CARNET: 20111491 PROYECTO PARA LA ONG INFANCIA CON FUTURO
Manual de Marca 3 // 52
Infancia con Futuro Manual de marca Tabla de contenidos
SEC. 00
|
INTRODUCCIÓN
04
SEC. 01
|
LOGOTIPO CORPORATIVO
06
SEC. 02
|
TIPOGRAFÍA CORPORATIVA
12
SEC. 03
|
SISTEMA CORPORATIVO DE COLOR
20
SEC. 04
|
MATERIAL IMPRESO
22
SEC. 05
|
GUÍA DE REDES SOCIALES
26
SEC. 06
|
USO DE RETICULAS
32
SEC. 07
|
DISEÑO Y DESARROLLO WEB
40
SEC. 08
|
NUNCA DEJES DE INSPIRARTE
42
SEC. 09
|
IMÁGENES PARA INFANCIA CON FUTURO
44
SEC. 10
|
ICONOGRAFÍA CORPORATIVA
48
SEC. 11
|
RESUMEN Y CONTACTOS
50
SEC. 12
|
DESCARGAS Y SISTEMAS DE ARCHIVOS
52
REALIZADO POR: E. ALEJANDRO REYES BARRIOS CARNET: 201114891
Manual de Marca
Manual de Marca
4 // 52
5 // 52
En Infancia con Futuro
Introducción EL TRABAJO DEL MANUAL DE MARCA DE LA ONG INFANCIA CON FUTURO SE REALIZÓ CON BASE A SU LOGOTIPO Y EL USO DEL MISMO, ASÍ COMO SUS VARIANTES Y COMO DEBE USARSE.
Durante la última década la comunicación digital ha tenido una constante evolución en cuanto a los medios de comunicación, inició con el telégrafo hasta llegar a la computadora. Los sistemas de comunicaciones tienen sus orígenes en dos ramas de la ingeniería: la electrónica y las telecomunicaciones, y el tema fundamental es la transmisión de mensajes. Para lograr una óptima comunicación digital se debe tener normas y reglas de cómo utilizar la imagen de Infancia con Futuro, esto puede ser el uso del logotipo, que imágenes utilizar que iconos pueden ir dentro y hasta el uso de #Hastag en sus publicaciones En el siguiente manual se presentan todos los elementos gráficos que se pueden utilizar al momento de realizar un material gráfico para la ONG Infancia con Futuro. En las siguientes páginas puedes observar los colores primarios y secundarios a utilizar en cada arte, así como las tipografías adecuadas y por supuesto el uso correcto de todo su material impreso.
Estos elementos podrán ser de uso si la ONG Infancia con Futuro permite su acceso y el uso de los mismos. La modificación o la alteración de los mismos recursos deberá ser autorizado por el director de Infancia con Futuro. El uso de cada uno de los elementos dentro del manual de marca de Infancia con Futuro está pensado para expresar la misión y visión de dicha ONG. El material debe utilizarse de forma responsable respetando los ideales de Infancia con Futuro en todo momento.
queremos lo mejor para los niños de Aldea Cerritos en Amatitlán y tú puedes ser parte del cambio.
Manual de Marca
Manual de Marca
6 // 52
7 // 52
Logotipo completo
Logotipo Coporativo
Logotipo Completo
El logotipo para Infancia con Futuro es su identidad, Logotipo
es el elemento visual con el cual las personas los
Logotipo Simple
identifica. El logotipo está compuesto por el nombre
Logo
de la organización (Infancia con Futuro) y un corazón, símbolo que representa el amor que tiene esta ONG El logotipo de Infancia con Futuro, tiene dos elementos, una su tipografía que representa el nombre de la organización y la abstracción de un corazón. Este corazón representa el amor que tiene la ONG por los infantes que son parte de Infancia con Futuro. El logotipo utiliza la “False Positive Round-BRK“ san serif grotesca, la cual permite se legible a una distancia considerable. Su combinación entre altas y bajas permite combinar el nombre de la ONG de forma correcta. La ONG Infancia con Futuro utiliza dos colores institucionales complementarios, esto permite tener un alto contraste entre ellos. Utiliza el azul #025bb5 y el rosado #d04491. Son colores secundarios, resultado de algunas combinaciones.
El azul es un color amable, simpático y que inspira confianza, pero también es frío y pasivo, y además se asocia con la fantasía. En el artículo de hoy voy a analizar para ti las cualidades e implicaciones psicológicas del color azul, haciendo un pequeño recorrido por sus orígenes a lo largo de la historia. El color rosa es un color relajante que influye en los sentimientos invitándolos a ser amables, suaves y profundos, e induciéndonos de esta forma a sentir cariño, amor y protección. Las palabras claves que se asocian con el rosa son inocencia, amor, entrega y generosidad.
EL SIMBOLO DE LOGO
TEXTO DEL LOGO
LOGO SIMPLE
El elemento del corazón representa el amor que tiene Infancia con Futuro con cada uno de los niños y jóvenes que se acercan a la organización. Las curvas que tiene el corazón hacen un complemento con las curvas de la fuente False Positive RoundBRK.
Esta fuente compuesta de altas y bajas da la sensación de dinamismo en la lectura del logotipo. El texto tiene una unión con la letra F que permite tener una lectura continua de logo.
El logotipo tiene una versión corta la cual utilizan en publicaciones o con personas que ya conocen la ONG Infancia con Futuro. En esta versión se utiliza las iniciales de la ONG dentro del corazón que hacen una mejor composición visualmente hablando.
Manual de Marca
Manual de Marca
8 // 52
9 // 52
Construcción de logotipo y espacio a utilizarlo
Construcción de Logo
x
x
x 1x
x x 1x
Es importante mantener el logotipo libre de cualquier otro elemento gráfico.
Fondos de Logo
Para regular esto, se ha establecido una zona de exclusión alrededor del logotipo. Esta zona de exclusión indica cuál es la posición más cercana de cualquier otro elemento gráfico o mensaje que pueda colocarse en relación con la marca. El símbolo y el nombre de la organización tienen una relación fija que nunca debe cambiarse de ninguna manera.
Espacio libre
x
x
Que hacer y no hacer x
DEFINICIÓND Cada vez que utilice el logotipo, debe estar rodeado de espacio libre para garantizar su visibilidad e impacto. Ningún elemento gráfico de ningún tipo debe invadir esta zona.
x
ESPACIO RECOMENDADO
x
x
x
POR FAVOR, LEA ATENTAMENTE LAS COSAS QUE NO DEBE HACER
-
1. No coloque la fuente del logo en 4 lineas
Para calcular el espacio de libre se toma la altura del logotipo y dividir por la mitad. (Espacio libre = Altura / 2).
2. No invierta el símbolo del logotipo 3. Nunca cambie las proporciones del logotipo vertical u horizaontalmente ni altere la apariencia de ninguna manera.
4. No altere el estilo de la fuente del logotipo 5. No cambie la relación del tamaño entre el símbolo del logotipo y la fuente 6. No altere el símbolo del logotipo
Manual de Marca
Manual de Marca
10 // 52
11 // 52
Guía para la colocación del logotipo
Correcta colocación de Logotipo
LA COLOCACIÓN DEL LOGOTIPO Fundamentación: Para colocar el logotipo de la ONG Infancia con Futuro de la manera correcta, utilice uno de los estilos aprobados que se muestran a la derecha. No se permite colocar el logotipo de la ONG Infancia con Futuro de otras maneras.
Parametros Ejemplo de colocación de logotipo 297 x 210mm DIN A4
Manual de Marca
Manual de Marca
12 // 52
13 // 52
Tipografía a utilizar
A
B
C
D
E
F
G
N
O
P
Q
R
S
T
a
b
c
d
e
f
g
n
o
p
q
r
s
t
A
B
C
D
E
F
G
N
O
P
Q
R
S
Las fuentes y la tipografía a
a
b
c
d
e
utilizar
n
o
p
q
r
01
La tipografía juega un papel importante en la comunicación de un tono general y la calidad. El uso cuidadoso de la tipografía refuerza nuestra personalidad y garantiza claridad y armonía en todas las comunicaciones de la ONG Infancia con Futuro. Hemos seleccionado Avenir Next LT Pro, Montserrat y Source Sans Pro, que ayudan a inyectar energía y entusiasmo en las comunicaciones de toda la ONG Infancia con futuro, como las tipografías primarias y secundarias.
Bold
Regular
Numeros
0
1
2
3
I
J
V
W
X
Y
Z
i
j
k
l
m
v
w
x
y
z
H
I
J
K
L
M
T
U
V
W
X
f
g
h
i
j
k
s
t
u
v
w
x
4
H U h u
5
6
K
7
L
M
Y l
m y
8
Z
9
Fuente 01 Avenir Next LT
z
Pro
0
Fuente Primaria : Avenir Next LT Pro -
Caracteres
!
“
§
¡
“
«
∑
$
%
¶ €
&
¢ ®
/
[ †
(
] Ω
)
| ¨
= {
⁄
? }
ø
` ≠
π
•
;
:
¿
‘
±
‘
Diseñadores : Adrian Frutiger, Akira Kobayash -
Manual de Marca
Manual de Marca
14 // 52
15 // 52
Tipografía a utilizar 02
Bold
Regular
Fuente 02 Montserrat Primary Font :
Designer :
Montserrat
Julieta Ulanovsky
-
-
A
B
C
D
E
F
G
N
O
P
Q
R
S
T
a
b
c
d
e
f
g
n
o
p
q
r
s
t
A
B
C
D
E
F
G
N
O
P
Q
R
S
T
a
b
c
d
e
f
g
n
o
p
q
r
s
t
Numeros
0
Caracteres
!
1
“
2
§
3
$
¡
“
¶
«
∑
€
4
%
®
†
i
u
K
L
M
W
X
Y
Z
j
k
l
m
w
x
y
z
I
J
K
L
M
U
V
W
Y
Z
h
i
j
v
w
u 6
(
k x
y
z 0
` ≠
π
m
9
? }
ø
l
8
= {
⁄
X
7
)
| ¨
J
v
H
] Ω
V
h
/
[
I
U
5
&
¢
H
; ¿
•
: ‘
±
‘
Manual de Marca
Manual de Marca
16 // 52
17 // 52
Tipografía a utilizar 03
Bold
Regular
Fuente 03 Source Sans Pro Primary Font :
Diseñador :
Source Sans Pro
Paul D. Hunt
-
-
Numeros
Caracteres
A
B
C
D
E
F
G
H
I
J
N
O
P
Q
R
S
T
U
V
W
a
b
c
d
e
f
g
h
i
j
k
n
o
p
q
r
s
t
v
w
x
y
z
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
a
b
c
d
e
f
g
h
i
j
l
m
n
o
p
q
r
s
t
u
v
w
0
!
1
“
2
§
¡
“
«
∑
3
$
%
¶ €
4
®
5
&
¢
/
[ †
u
(
] Ω
6
¨
k x
ø
Y
Z m
y
z 0
` ≠
π
M
9
? }
L
l
8
= {
⁄
X
7
)
|
K
; ¿
•
±
: ‘ ‘
Manual de Marca
Manual de Marca
18 // 52
19 // 52
Tipografia y Jerarquía de texto La jerarquía tipográfica es otra forma de
Texto del subtítulo
Source Sans Pro Regular 6 pt / 9 pt Líder
Metricss Agency Typo
Sub textos
Source Sans Pro Regular 8 pt / 11 pt Líder
Metricss Agency Typo
Titulares
Montserrat Regular 10pt / 10pt Líder
METRICSS AGENCY TYPO
Texto en el parrafo
Avenir Next LT Pro 16pt / 16pt Líder
Titulares importantes
Avenir Next LT Pro 34pt / 30 pt Líder
Secuenciador y Título para Marketing
Avenir Next LT Pro 48pt / 48 pt Líder
Bold
Regular
jerarquía visual, una sub jerarquía perteneces a un proyecto de diseño global. La jerarquía tipográfica presenta letras para que las
Numeros
palabras más importantes se muestran con mayor impacto, esto para que los usuarios pueden leer el texto y obtener información clave. La jerarquía tipográfica crea contraste
Caracteres
entre los elementos. Hay una variedad de maneras de crear un sentido de jerarquía. Estas son algunas de las técnicas más comunes para los diseños de Infancia con Futuro
Metricss Agency Typo
Caracteres
Metricss Titles
Metricss
Manual de Marca
Manual de Marca
20 // 52
21 // 52
MĂŠtricas Manual de Marca
Los colores son una de las cosas mĂĄs importantes para transferir una marca a los clientes.
Manual de Marca
Manual de Marca
22 // 52
23 // 52
Sistema Corporativo de Color EL SISTEMA DE COLOR PRIMARIO Y LOS CÓDIGOS DE COLOR. El color juega un papel importante en el programa de identidad gráfica de la ONG Infancia con Futuro. Se ha desarrollado una paleta de colores primarios, que comprende el esquema de colores “One Voice”. El uso constante de estos colores contribuirá al aspecto cohesivo y armonioso de la identidad de marca de la ONG Infancia con Futuro en todos los medios relevantes. Consulte con su diseñador o impresora cuando se utilizan los colores que siempre será coherente.
Sistema de color secundario Fundamentación: Los colores secundarios son complementarios a nuestros colores oficiales, pero no son identificadores identificables para la ONG Infancia con Futuro. Los colores secundarios se deben utilizar con moderación, es decir, en menos del 10 por ciento de la paleta en una sola pieza.
COLOR PRIMARIO
COLOR PRIMARIO
ROSADO
AZUL
COLOR PRIMARIO
COLOR PRIMARIO
ROSADO
AZUL
-
-
CODIGO DE COLOR
CODIGO DE COLOR
CMYK : RGB : Web :
CMYK : RGB : Web :
C016 M084 Y000 K000 R223 G056 B159 #DF389F
Uso del color
C091 M062 Y000 K000 R003 G093 B180 #035DB4
Úselos para acentuar y apoyar la paleta de colores primaria.
Color Codes CMYK : Pantone : HKS : RGB : Web :
C020 M000 Y000 K080 442C 98K R000 G000 B000 #000000
Color Codes CMYK : Pantone : HKS : RGB : Web :
C020 M000 Y000 K080 442C 98K R000 G000 B000 #000000
Color Codes CMYK : RGB : Web :
C057 M032 Y100 K017 R118 G129 B015 #76810F
Color Codes CMYK : RGB : Web :
C017 M097 Y100 K007 R192 G032 B022 #C02016
Manual de Marca
Manual de Marca
24 // 52
25 // 52
Material Impreso
Tarjetas de presentación
Esto muestra los diseños aprobados con
Esto muestra los diseños aprobados con
los elementos primarios del sistema de
los elementos principales del sistema de
papelería de infancia con Futuro para el lado frontal del material impreso.
papelería de la ONG Infancia con Futuro para Tarjeta de Presentación parte frontal
tarjetas de presentación
Parametros
Parameter
Dimenciones 210 x 297 mm
Dimensions 85 x 55 mm
Peso 90g/m Blanco mate
FORMA DE USO
Impresión CMYK
El material impreso se utilizarán para todos los contactos y comunicaciones oficiales de la ONG Infancia con Futuro. Inserte el mensaje de Infancia con Futuro en el material impreso y envíe sus documentos por todo el mundo
-
Tarjeta de presentación parte trasera
FORAM DE USO Las tarjetas de presetnación se utilizarán para el contacto oficial y la comunicación de Infancia con Futuro. Coloque sus datos en las tarjetas de presentación de Infancia con Futuor y no dude en darlos a sus clientes y socios.
Weight 400g/m Uncoated white Print CMYK
Manual de Marca
Manual de Marca
26 // 52
27 // 52
Sobre de la ONG
Folder de presentación de Infancia con Futuro
Esto muestra los diseños aprobados con los
Esto muestra los diseños aprobados con
elementos principales de la papelería de
los elementos principales del sistema de
Infancia con Futuro para el frente y el reverso de los sobres corporativos.
Sobre parte frontal
papelería de Infancia con Futuro para el forlder de la ONG.
Parametros
Parametros
Dimensiones 210 x 105 mm
Dimensiones 9 x 12 pulgadas
Peso 85g/m Papel mate
FORMA DE USO
Impresión CMYK
El sobre se utilizará para todos los contactos y comunicaciones oficiales de la ONG Infancia con Futuro. Utilice el sobre membretado y envíe sus documentos por todo el mundo.
Sobre parte trasera
-
FORMA DE USO La carpeta de presentación se utilizará para todos los contactos y comunicaciones oficiales de la ONG Infancia con Futuro. Inserte el material informativo y no olvide incluir una tarjeta de presentación.
Peso 400g/m Papel mate Impresión CMYK
Manual de Marca
Manual de Marca
28 // 52
29 // 52
Guía de Redes Sociales 01 Directrices de Facebook
Página de Facebook Imagen de perfil: Debe tener al menos 180 x 180 píxeles La foto aparecerá en la página como 160 x 160 píxeles La miniatura de la foto aparecerá en Facebook a 32 x 32 píxeles Esta es la foto que representa a usted oa su marca en Facebook. Esta foto cuadrada aparecerá en su línea de tiempo y sobre su foto de portada. También aparecerá cuando publique en otros muros, al comentar sobre los mensajes o cuando se realice una búsqueda con el buscador de Facebook.
1. Personalidad
2. Protege
Su honestidad -o deshonestidad- se notará rápidamente en el entorno de los medios sociales. Por favor, represente a Infancia con Futuro de manera ética y con integridad.
Asegúrese de que toda esa transparencia no viola la confidencialidad de Infancia con Futuro ni las pautas legales para el habla de la ONG o su propia privacidad. Recuerde, si está conectado, está en el registro, todo en Internet es público y se puede buscar. Y lo que usted escribe es en última instancia su responsabilidad.
Se transparente: Si hace un endoso o recomendación sobre Infancia con Futuro, debe revelar que trabaja para la ONG. Si es alguien ajeno a “Infancia con Futuro”, utilice “#InfanciaConFuturo” en sus publicaciones. Se honesto: Si usted tiene un interés en algo que está discutiendo, ser el primero en señalarlo y ser específico sobre lo que es.
-
Se tu mismo:
Fundamentación
Sólo escribe lo que sabes. Si publicas en un sitio web fuera de Infancia con Futuro utilice una renuncia de responsabilidad como este: “Las publicaciones en este sitio son mías y no representan necesariamente las posiciones, estrategias u opiniones de Infancia con Futuro”.
Aquí encontrará las directrices de redes sociales para Facebook. Esto le ayudará a preparar sus mensajes de manera correcta y le dará las mejores posibilidades para proporcionar imágenes y enlaces de medios a su audiencia. Esto le ayudará a tener la interacción más eficaz con sus seguidores o visitantes de redes sociales.
Debes estar actualizado: Si ya no laboras para Infancia con Futuro, por favor recuerde actualizar su información de empleo en sitios de redes sociales.
Cuida lo que dices: Nunca revele información clasificada o confidencial de Infancia con Futuro. Si está publicando su descripción de trabajo en LinkedIn, asegúrese de no revelar información confidencial sobre la ONG. Si no está seguro, consulte con un director de Infancia con Futuro. Los temas fuera del límite incluyen litigios, información financiera no publicada y información de producto no publicada. Además, respete la ONG, la marca comercial, los derechos de autor, el uso equitativo y los secretos comerciales. No golpee la competencia: Juega bien. Cualquier cosa que publique debe ser verdadera y no engañosa, y todas las reclamaciones deben ser justificadas y aprobadas. No sobrepubliques: Se debe ser juicioso, esto ayudará a que su contenido sea más nítido y relevante para el público.
3. Usa tu sentido común La percepción es realidad y en las redes sociales, estas líneas entre público y privado, personal y profesional, están borrosas. Con solo identificarse como empleado de Infancia con Futuro, está creando percepciones sobre su experiencia y sobre la ONG. Agrega valor: Hay millones de palabras por ahí, haga que la suya sea útil y estimule. Recuerda, es una conversación, así que manténgala real. Construye una comunidad publicando contenido que invita a las respuestas, y luego permanece comprometido. También puede ampliar el diálogo citando a otros que están escribiendo sobre el mismo tema y permitiendo que su contenido sea compartido. ¿Lo arruinaste? Si comete un error, admítelo. Sea sincero y sea rápido con su corrección. Si va a publicar en un blog, puede optar por modificar una publicación anterior, simplemente haga claro que lo ha hecho.
Manual de Marca
Manual de Marca
30 // 52
31 // 52
Uso corporativo de reticula
EL SISTEMA DE RETICULA
Ejemplos de reticulas para una hoja carta
-
En el diseño gráfico, una rejilla es una estructura formada por una serie de líneas verticales rectilíneas (verticales, horizontales y angulares) que se cruzan para estructurar el contenido.
Dimensiones Ejemplo de Reticula DIN A4 297 x 210mm
Fundamentación: La rejilla sirve como una armadura en la que un diseñador puede organizar elementos gráficos (imágenes, glifos, párrafos) de una manera racional, fácil de manejar. Se puede utilizar una cuadrícula para organizar elementos gráficos en relación con una página, otros elementos gráficos de la página o relación con otras partes del mismo elemento gráfico o forma.
Parametros Ejemplos de reticula DIN A4 297 x 210mm
Manual de Marca
Manual de Marca
32 // 52
33 // 52
Diseño y Desarrollo Movil
Ejemplo de uso de Reticula iPad
LA COLOCACIÓN DEL LOGOTIPO Fundamentación: Para colocar el logotipo de la ONG Infancia con Futuro de la manera correcta, utilice uno de los estilos aprobados que se muestran a la derecha. No se permite colocar el logotipo de la ONG Infancia con Futuro de otras maneras. Parametros Ejemplo de la utilización del logotipo 297 x 210mm DIN A4
EJEMPLOS DEL USO DE LA RETICULA HORIZONTAL DE PANTALLA Fundamentación: Esto muestra un diseño aprobado con una reticula para una pantalla de un iPad de la página Infancia con Futuro. Esto se utilizará para los sitios web para móviles de la.
Manual de Marca
Manual de Marca
34 // 52
35 // 52
Diseño y Desarrollo Movil
Ejemplo de uso de Reticula iPad
LA COLOCACIÓN DEL LOGOTIPO Fundamentanción: Para colocar el logotipo de la ONG Infancia con Futuro de la manera correcta, utilice uno de los diseños aprobados que se muestran a la derecha. No se permite colocar el logotipo de la Infancia con Futuro de otras maneras. Parametros 297 x 210mm DIN A4
EJEMPLOS DEL USO DE LA RETICULA HORIZONTAL DE PANTALLA Fundamentación: Esto muestra un diseño aprobado con una reticula para una pantalla de un iPad de la página Infancia con Futuro. Esto se utilizará para los sitios web para móviles de la.
Manual de Marca
Manual de Marca
36 // 52
37 // 52
Diseño y Desarrollo de reticulas
Reticula ejemplo 1
Reticula ejemplo 2
Screen Grid Systems
Reticula ejemplo 3
Reticula ejemplo 4
Reticula ejemplo 5
EJEMPLOS DE USO DE RETICULA HORIZONTAL -
HEADLINE ONE
HEADLINE ONE
HEADLINE ONE
HEADLINE ONE
Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut ea conet volo blantia plaborepel is natqui officil magnihi.
Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut ea conet volo blantia plaborepel is natqui officil magnihi.
Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut ea conet volo blantia plaborepel is natqui officil magnihi.
Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut ea conet volo blantia plaborepel is natqui officil magnihi.
Octotasseque eosapit dolest explit ped ma sit modipsam ventio tem. Et earum volo
Octotasseque eosapit dolest explit ped ma sit modipsam ventio tem. Et earum volo
Octotasseque eosapit dolest explit ped ma sit modipsam ventio tem. Et earum volo
Octotasseque eosapit dolest explit ped ma sit modipsam ventio tem. Et earum volo
Reticula ejemplo 6
Reticula ejemplo 7
Reticula ejemplo 8
Fundamentación: Esto muestra un diseño aprobado con una reticula para una pantalla 16: 9 de la página Infancia con Futuro. Esto se utilizará para presentaciones de empresa en PowerPoint o Keynote.
Manual de Marca
Manual de Marca
38 // 52
39 // 52
Esquema de página web
Reticula Dos Columnas
Reticula Tres columnas
Reticula Cuatro columnas
Reticula Cinco Columnas
Equipo de página Ejemplo
Landing Page Una página de diseño
Blog de Página Simple
Blog Page Ejemplo
Página de Portfolio 3 columnas
Página de Portafolio Reticula base
Tienda Ejemplos de Productos
Tienda Ejemplos de Productos
Un wireframe de sitio web, también conocido como esquema de página o plan de pantalla, es una guía visual que representa la reticula de un sitio web. Los wireframes se crean con el fin de organizar elementos para lograr mejor un propósito particular.
Manual de Marca
Manual de Marca
40 // 52
Nunca dejes de inspirarte
41 // 52
Si en algĂşn momento pierdes la inspiraciĂłn, revisa este muro y recuerda porque lo haces.
Be inspired. Be glad. Be glorious. Be grateful.
Manual de Marca
Manual de Marca
42 // 52
43 // 52
02
Imagenes para Infancia con Futuro 01
Infancia con Futuro
CONTEXTO DE INFANCIA CON FUTURO Requerimientos:
Dark Images INFANCIA CON FUTURO USO DE IMAGENES : DESCRIPCIÓN Estas son algunas imágenes que se puede y debe utilizar para algún aspecto gráfico de Infancia con Futuro. Aquí hay una serie de ejemplos de los ángulos y aspectos a considerar al momento de usar imágenes que representen la ONG. Infancia con futuro debe ser quien apruebe el uso de sus imágenes y todas aquellas alteradas o de uso inadecuado seran reportadas por esta organización.
Requerimientos
- Colores desaturados - Alto contraste - Imágenes de alta calidad - Minimalistas
USO DE IMÁGENES DENTRO DE INFANCIA CON FUTURO Descripción: - Saturación de color - Contraste suave - Imagen de alta calidad - Acciones de IF
Manual de Marca
Manual de Marca
44 // 52
45 // 52
Imágenes y modos de mezcla ¿Cómo? Cómo crear mezcla de imágenes
Imágenes obscuras
1) De preferencia utiliza una imagen en blanco y negro
LOS MODOS DE MEZCLA DE INFANCIA CON FUTURO PARA LAS IMÁGENES
2) Utiliza un modo de imagen para combinar la imagen. 3) Ajusta la capa en modo “multiplicar”
Cómo agregar los modos de fusión a las imágenes corporativas
-
Imágenes claras
Los efectos de imagen y los modos de mezcla aumentan el reconocimiento de una marca. También son capaces de dividir el contenido y otros elementos gráficos que se utilizan en los diseños.
Manual de Marca
Manual de Marca
46 // 52
Iconografía corporativa
LA ICONOGRAFÍA CORPORATIVA DE INFANCIA CON FUTURO Un icono es un pictograma que se muestra en una pantalla o diseño de impresión para ayudar al usuario a navegar a través del contenido de una manera más fácil. El icono en sí es una imagen o símbolo pequeño que sirve como una representación rápida e “intuitiva” de una herramienta de software, una función o un archivo de datos.
47 // 52
Iconos de Infancia con Futuro
LA PALETA DE ICONOGRAFÍA
1. Preparación
2. El Incono
3. Tamaño
4. Bajar de escala
-
-
-
-
Crear un fondo cuadrado en color corporativo
Elige tu icono desde el rango de iconos corporativos
Agranda el icono elegido hasta el tamaño de su fondo cuadrado
Reducir el tamaño del icono elegido con un valor del 46% y el centro
Fondos De Iconos a Utilizar Fondo Obscuro
Light Background
Manual de Marca
Manual de Marca
48 // 52
49 // 52
Resumen y Contactos
Contacto y Apoyo CONTACTO -
GRACIAS POR SU ATENCIÓN A ESTA GUÍA DE MANUAL DE MARCA
Organización: Infancia con Futuro
RESUMEN
Tequis magnam everunt re volupti ntiusament at et omnimo totatin venimus anturis explaut alique quatem qui utemquia dolo erum soluptas alite tet id qui utempor esequis evelesc iaecabor re conseque qui officab orruntota cus ium rempedi gendandu qui utempor esequis evelesc iaecabor re s veniscidus erum as ut idebit, toremporias ea conet volo blantia plaborepel is natqui officil magnihi. Octotasseque eosapit dolest explit ped ma sit modipsam ventio tem. Et earum volo voluptibus. Dandunte voluptaqui nias re
Contacto:
voluptate occust, tet id qui utempor esequis evelesc iaecabor re, occabor itatem et fuga. Nem faccaeptiae expliae core prorporepera ipicte sinvele stectis modis num re sandant. Quas dolentiur? Et ut mo beate nobis autendenihil iducias adit quostrum accus et aut et rem quidipsa quam recus. quatem iur? Velenes de plab il imenim fugitatent voloreh enisquis et arunt venihitin cus et rero beatet experrum faccupti tecus volupta tatatem aces volo officipsunto omnist ommodi dolupta desciatur, sediorio
inctia voluptat odicim exerum fugit, sam as re, ea voluptas earcia quas quundanda natur sitionectent asincit, core esciminit asimolut dendige niminul luptae vendae sandem que que vollesenime oditat. Sent odipsum etureic to que et duciunt eos vendae natqui susae doluptis dolores molor sum fuga. Nam quossi inverum nectatem nusam qui sim comnim quatest landusame omnienda nimagnihic to blaborr. Ovidunt aspid quo et aut apis velestibus inis diciis vid que voles aut fugitios sae rerferi
tiatur magnimus etur minvereriate net, utecte velescilit enist vit, ipis magnienda core preptasi quae pratur? Quia sit et rempos volupti ariti sum hiliqui omnihit atquia quistruptum nonsequati to cus magnate ctecum et aut aute lit, opta aut restia quianti nem. Nem quis seque dolorem fugia que voluptatus eictem eum qui que praepel modi officaborio bla pel isincit aditis destis excepre rnatemo eius.
Director de ONG: Mark Anderson E: manderson@Infa.com P: +01.132.4567.890 Coordinador: Dean Michaels E: dmichaels@Infan.com P: +01.132.4567.890 Gerente general: Mark Anderson E: manderson@Info.com P: +01.132.4567.890
Manual de Marca
Manual de Marca
50 // 52
51 // 52
Descargas y Sistema de archivos CONTACTO
Logo Web link Link : http://www.IF.com/cd/logo.zip
DISEÑO COPORATIVO DE INFANCIA CON FUTURO, ENLACES DE DESCARGA
Pepelería
Fundamentación: En este espacio se presentan los links de descargas si se necesita algún elemento para diseñar o utilizar de la ONG Infancia con Futuro. Para descargar los elementos individuales, escanee los códigos QR o siga el hipervínculo indicado. También encontrará el Manual completo de la marca como un archivo PDF para enviarlo a agencias responsables o persona que necesite sus directrices.
Organización: Infancia con Futuro
Contacto: Web link Link : http://wwwIF.com/cd/stationery.zip
Director de ONG: Mark Anderson E: manderson@Infa.com P: +01.132.4567.890
Iconos Web link Link : http://www.IF.com/cd/icons.zip
Coordinador: Dean Michaels E: dmichaels@Infan.com P: +01.132.4567.890 Gerente general: Mark Anderson
Manual completo Web link Link : http://www.IF.com/cd/fullmanual.pdf
E: manderson@Info.com P: +01.132.4567.890
Infancia con Futuro
IF.
Gracias por ser parte de nosotros.
FECHA DE CREACIÓN : AGOSTO 2017
CREADO PARA : INFANCIA CON FUTURO
REALIZADO POR: ALEJANDRO REYES 20111489