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 CARNÉ: 201114891 PROYECTO PARA LA ONG INFANCIA CON FUTURO
Infancia con Futuro Manual de marca Tabla de contenidos
REALIZADO POR: E. ALEJANDRO REYES BARRIOS CARNÉ: 201114891
Manual de Marca 3 // 52
SEC. 00
|
INTRODUCCIÓN
04
SEC. 01
|
LOGOTIPO CORPORATIVO
06
SEC. 02
|
TIPOGRAFÍA CORPORATIVA
SEC. 03
|
SISTEMA CORPORATIVO DE COLOR
20
SEC. 04
|
MATERIAL IMPRESO
22
SEC. 05
|
GUÍA DE REDES SOCIALES
28
SEC. 06
|
USO DE RETICULAS
30
SEC. 07
|
DISEÑO Y DESARROLLO WEB
36
SEC. 08
|
NUNCA DEJES DE INSPIRARTE
40
SEC. 09
|
IMÁGENES PARA INFANCIA CON FUTURO
44
SEC. 10
|
ICONOGRAFÍA CORPORATIVA
46
SEC. 11
|
RESUMEN Y CONTACTOS
48
SEC. 12
|
DESCARGAS Y SISTEMAS DE ARCHIVOS
50
12
Manual de Marca 4 // 52
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 comunicación 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, qué imágenes utilizar, qué íconos pueden ir dentro, hasta el uso de #Hashtag 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 se puede 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 implementados si la ONG Infancia con Futuro permite el acceso y para el uso de los mismos. La modificación o la alteración de dichos 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.
Manual de Marca 5 // 52
En Infancia con Futuro queremos lo mejor para los niños de Aldea Cerritos en Amatitlán y tú puedes ser parte del cambio.
Manual de Marca 6 // 52
Logotipo Coporativo El logotipo para Infancia con Futuro es su identidad, es el elemento visual con el cual las personas le identifican. El logotipo está compuesto por el nombre de la organización (Infancia con Futuro) y un corazón, símbolo que representa el amor, siendo este el principal valor de dicha organización. El logotipo de Infancia con Futuro, tiene dos elementos, 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 niños que son parte de Infancia con Futuro. El logotipo utiliza la “False Positive Round-BRK“ san serif grotesca, la cual permite ser 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 que inspira confianza, pero también es frío y pasivo, además se asocia con la fantasía. En el artículo de hoy se analizan 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.
Manual de Marca 7 // 52
Logotipo completo
Logotipo Completo
Logotipo Logo
Logotipo Simple
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 Round-BRK.
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 8 // 52
Construcción de logotipo y espacio a utilizar Es importante mantener el logotipo libre de cualquier otro elemento gráfico. 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 preferentemente no ha de cambiarse.
Espacio libre
x
x
x
DEFINICIÓN 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
Para calcular el espacio libre se toma la altura del logotipo y se divide por la mitad. (Espacio libre = Altura / 2). x
x
Manual de Marca 9 // 52
Construcción de Logo
x
x
x 1x
x x 1x
Fondos de Logo
Qué hacer y qué no hacer
POR FAVOR, LEA ATENTAMENTE LAS COSAS QUE NO DEBE HACER 1. No coloque la fuente del logo en 4 líneas. 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 10 // 52
GuĂa para la colocaciĂłn del logotipo
Manual de Marca 11 // 52
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.
Parรกmetros Ejemplo de colocaciรณn de logotipo 297 x 210mm DIN A4
Manual de Marca 12 // 52
Tipografía a utilizar 01
Bold
Regular
Las fuentes y la tipografía a utilizar 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.
Números
Caracteres
Manual de Marca 13 // 52
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
a
b
c
d
e
n
o
p
q
r
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
z 0
Fuente 01 Avenir Next LT Pro Fuente Primaria : Avenir Next LT Pro Diseñadores :
!
“
§
¡
“
«
∑
$
%
¶ €
&
¢ ®
/
[ †
(
] Ω
)
| ¨
= {
⁄
? }
ø
` ≠
π
•
;
:
¿
‘
±
‘
Adrian Frutiger, Akira Kobayash -
Manual de Marca 14 // 52
TipografĂa a utilizar 02
Bold
Regular
Fuente 02 Montserrat Primary Font :
Designer :
Montserrat
Julieta Ulanovsky
-
-
NĂşmeros
Caracteres
Manual de Marca 15 // 52
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
0
!
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 16 // 52
Tipografía a utilizar 03
Bold
Regular
Fuente 03 Source Sans Pro Primary Font :
Diseñador :
Source Sans Pro
Paul D. Hunt
-
-
Números
Caracteres
Manual de Marca 17 // 52
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 18 // 52
Tipografia y Jerarquía de texto La jerarquía tipográfica es otra forma de
Bold
Regular
jerarquía visual, una sub jerarquía pertenece a un proyecto de diseño global. La jerarquía tipográfica presenta letras para que las palabras
Números
más importantes se muestren con mayor impacto, esto para que los usuarios puedan leer el texto y obtener información clave. La jerarquía tipográfica crea contraste entre los
Caracteres
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
Caracteres
Manual de Marca 19 // 52
Texto del subtítulo
Source Sans Pro Regular 6 pt / 9 pt Líder
Infancia con Futuro
Sub textos
Source Sans Pro Regular 8 pt / 11 pt Líder
Infancia con Futuro
Titulares
Montserrat Regular 10pt / 10pt Líder
Infancia con Futuro
Texto en el párrafo
Avenir Next LT Pro 16pt / 16pt Líder
Titulares importantes
Avenir Next LT Pro 34pt / 30 pt Líder
Título Subtitulo
Avenir Next LT Pro 48pt / 48 pt Líder
Infancia con Futuro
Infancia con Futuro
Infancia con Futuro
Manual de Marca 20 // 52
Manual de Marca
Los colores son u mรกs importantes marca a los segu
Manual de Marca 21 // 52
uno de los elementos s para transferir una uidores.
Manual de Marca 22 // 52
Sistema Corporativo de Color EL SISTEMA DE COLOR PRIMARIO Y LOS CÓDIGOS DE COLOR.
COLOR PRIMARIO INSTITUCIONAL ROSA.
COLOR PRIMARIO INSTITUCIONAL AZUL.
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 sea coherente.
COLOR PRIMARIO
COLOR PRIMARIO
ROSA
AZUL
-
-
CÓDIGO DE COLOR
CÓDIGO DE COLOR
CMYK : RGB : Web :
CMYK : RGB : Web :
C016 M084 Y000 K000 R223 G056 B159 #DF389F
C091 M062 Y000 K000 R003 G093 B180 #035DB4
Manual de Marca 23 // 52
Sistema de color secundario
Uso del color
Fundamentaciรณn: Los colores secundarios son complementarios a los colores oficiales, pero no son 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.
ร selos para acentuar y apoyar la paleta de colores primarios.
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 24 // 52
Material Impreso
Muestra los diseños aprobados con los elementos primarios del sistema de papelería de infancia con Futuro para el lado frontal del material impreso.
Parámetros
Dimensiones 210 x 297 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
-
Manual de Marca 25 // 52
Tarjetas de presentación Muestra los diseños aprobados con los elementos principales del sistema de papelería de la ONG Infancia con Futuro Tarjeta de Presentación parte frontal
para tarjetas de presentación
Parámetros
Dimensiones 85 x 55 mm
Tarjeta de presentación parte trasera
FORMA 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.
peso 400g/m blanco mate impresión CMYK
Manual de Marca 26 // 52
Sobre de la ONG
Muestra los diseños aprobados con los elementos principales de la papelería de Infancia con Futuro para el frente y el reverso de los sobres corporativos.
Sobre parte frontal
Parámetros
Dimensiones 210 x 105 mm 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
-
Manual de Marca 27 // 52
Folder de presentación de Infancia con Futuro Muestra los diseños aprobados con los elementos principales del sistema de papelería de Infancia con Futuro para el forlder de la ONG.
Parámetros
Dimensiones 9 x 12 pulgadas
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 28 // 52
Guía de Redes Sociales 01
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 o 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.
Directrices de Facebook Fundamentación 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. Le ayudará a tener una interacción más eficaz con sus seguidores o visitantes en redes sociales.
Manual de Marca 29 // 52
1. Personalidad
2. Proteja
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. Lo que usted escribe es en última instancia su responsabilidad.
Sea 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. Sea honesto: Si usted tiene un interés en algo que está discutiendo, sea el primero en señalarlo y ser específico sobre lo que se trata. Sea usted mismo: Sólo escriba lo que sabe. Si publica 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”. Debe estar actualizado: Si ya no labora para Infancia con Futuro, por favor recuerde actualizar su información de empleo en sitios de redes sociales.
Cuide lo que dice: 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: Juegue bien. Cualquier cosa que publique debe ser verdadera y no engañosa, y todas las reclamaciones deben ser justificadas y aprobadas. No sobrepublique: Se debe ser juicioso, esto ayudará a que su contenido sea más nítido y relevante para el público.
3. Use su 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. Agregue valor: Hay millones de palabras por ahí, haga que la suya sea útil y estimule. Recuerde, es una conversación, así que manténgala real. Construya una comunidad publicando contenido que invite a las respuestas, y luego permanezca 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 arruinó? Si comete un error, admítalo. 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 deje claro que lo ha hecho.
Manual de Marca 30 // 52
Uso corporativo de retícula
EL SISTEMA DE RETICULA -
En el diseño gráfico, una retícula 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 Retícula DIN A4 297 x 210mm
Fundamentación: La retícula 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.
Manual de Marca 31 // 52
Ejemplos de retículas para una hoja carta
Parámetros Ejemplos de retícula DIN A4 297 x 210mm
Manual de Marca 32 // 52
Diseño y Desarrollo Móvil 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. Parámetros Ejemplo de la utilización del logotipo 297 x 210mm DIN A4
Manual de Marca 33 // 52
Ejemplo de uso de Retícula iPad
EJEMPLOS DEL USO DE LA RETICULA HORIZONTAL DE PANTALLA Fundamentación: Esto muestra un diseño aprobado con una retícula 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 organización.
Manual de Marca 34 // 52
Diseño y Desarrollo Móvil 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 Infancia con Futuro de otras maneras. Parámetros 297 x 210mm DIN A4
Manual de Marca 35 // 52
Ejemplo de uso de Retícula iPad
EJEMPLOS DEL USO DE LA RETICULA HORIZONTAL DE PANTALLA Fundamentación: Esto muestra un diseño aprobado con una retícula 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 organización.
Manual de Marca 36 // 52
DiseĂąo y Desarrollo de retĂculas
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
Manual de Marca 37 // 52
Retícula ejemplo 1
Retícula ejemplo 2
Ejemplos de Retícula
Retícula ejemplo 3
Retícula ejemplo 4
Retícula ejemplo 5
EJEMPLOS DE USO DE RETICULA HORIZONTAL Fundamentación: Esto muestra un diseño aprobado con una retícula para una pantalla 16: 9 de la página Infancia con Futuro. Esto se utilizará para presentaciones de empresa en PowerPoint o Keynote.
Retícula ejemplo 6
Retícula ejemplo 7
Retícula ejemplo 8
Manual de Marca 38 // 52
Esquema de página web
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 retícula de un sitio web. Los wireframes se crean con el fin de organizar elementos para lograr mejor un propósito particular.
Manual de Marca 39 // 52
Reticula Dos Columnas
Retícula Tres columnas
Retícula Cuatro columnas
Retícula 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 Retícula base
Tienda Ejemplos de Productos
Tienda Ejemplos de Productos
Manual de Marca 40 // 52
Nunca deje de inspirarse
Si en algĂşn momento pierde la inspiraciĂłn, revise este muro y recuerda porque lo hace.
Be inspired. Be glad. Be glorious. Be grateful.
Manual de Marca 41 // 52
Manual de Marca 42 // 52
Imagenes para Infancia con Futuro 01 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 serán reportadas por esta organización.
CONTEXTO DE INFANCIA CON FUTURO Requerimientos: - Colores desaturados - Alto contraste - Imágenes de alta calidad - Minimalistas
Manual de Marca 43 // 52
02 Infancia con Futuro
Requerimientos 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 44 // 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. 2) Utiliza un modo de imagen para combinar la imagen. 3) Ajusta la capa en modo “multiplicar”
Imágenes claras
Manual de Marca 45 // 52
Cómo agregar los modos de fusión a las imágenes corporativas LOS MODOS DE MEZCLA DE INFANCIA CON FUTURO PARA LAS IMÁGENES -
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 46 // 52
Iconografía corporativa LA PALETA DE ICONOGRAFÍA
LA ICONOGRAFÍA CORPORATIVA DE INFANCIA CON FUTURO Un ícono 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 ícono 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.
Manual de Marca 47 // 52
Iconos de Infancia con Futuro
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 48 // 52
Resumen y Contactos GRACIAS POR SU INTERÉS EN ESTE MANUAL DE MARCA RESUMEN
El anterior manual de normas gráficas para la organización no gubernamental Infancia con Futuro presta el contenido a utilizar por personal interno de la organización. Cualquier tipo de alteración o uso incorrecto del contenido será denunciado por Infancia con Futuro. Si es nuevo dentro de Infancia con Futuro se recomienda leer todo el manual y seguir las recomendaciones sugeridas en el mismo.
Si tienes alguna duda de cómo utilizar alguna sección del manual de normas gráficas se debe consultar con alguna de las autoridades de la ONG Infancia con Futuro.
Manual de Marca 49 // 52
Contacto y Apoyo
CONTACTO Organización: Infancia con Futuro
Contacto: Queremos seguir contribuyendo con el desarrollo sostenible del municipio de Amatitlán en especial con la Aldea Cerritos ubicada a las orillas del lago, promoviendo, coordinando y orientando niños y jóvenes de esta región en las áreas de salud, nutrición y educación.
Agradecemos a cada una de las personas por ser parte de Infancia con Futuro, de poder dar un poco de su amor a cada niño que se acerca la organización.
Director de ONG: Jesús Torres 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 50 // 52
Descargas y Sistema de archivos Logo
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.
Iconos
Manual completo
Manual de Marca 51 // 52
CONTACTO Web link Link : http://www.IF.com/cd/logo.zip
Organización: Infancia con Futuro
Contacto: Web link Link : http://wwwIF.com/cd/stationery.zip
Director de ONG: Jesús Torres E: manderson@Infa.com P: +01.132.4567.890
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
Web link Link : http://www.IF.com/cd/fullmanual.pdf
E: manderson@Info.com P: +01.132.4567.890
Infancia con Futuro Gracias por ser parte de nosotros.
FECHA DE CREACIÓN : AGOSTO 2017
CREADO PARA : INFANCIA CON FUTURO
REALIZADO POR: ALEJANDRO REYES 20111489