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
Infancia con Futuro Manual de marca Tabla de contenidos
REALIZADO POR: E. ALEJANDRO REYES BARRIOS CARNET: 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
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
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 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.
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 los identifica. El logotipo está compuesto por el nombre 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.
Manual de Marca 7 // 52
Logotipo completo
Logotipo Completo
Logotipo Logotipo Simple Logo
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 8 // 52
Construcción de logotipo y espacio a utilizarlo 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 nunca debe cambiarse de ninguna manera.
Espacio libre
x
x
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
Para calcular el espacio de libre se toma la altura del logotipo y dividir 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
Que hacer y no hacer
POR FAVOR, LEA ATENTAMENTE LAS COSAS QUE NO DEBE HACER 1. No coloque la fuente del logo en 4 lineas 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.
Parametros 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.
Numeros
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
Fuente 01 Avenir Next LT
z
Pro
0
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
-
-
Numeros
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
-
-
Numeros
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 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
Caracteres
Manual de Marca 19 // 52
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
Metricss Agency Typo
Metricss Titles
Metricss
Manual de Marca 20 // 52
MĂŠtricas Manual de Marca
Los colores son mĂĄs importante una marca a los
n una de las cosas es para transferir s clientes.
Manual de Marca 21 // 52
Manual de Marca 22 // 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.
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
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 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.
ร 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 24 // 52
Material Impreso
Esto 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.
Parametros
Dimenciones 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 Esto muestra los diseños aprobados con los elementos principales del sistema de papelería de la ONG Infancia con Futuro para Tarjeta de Presentación parte frontal
tarjetas de presentación
Parameter Dimensions 85 x 55 mm
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 26 // 52
Sobre de la ONG
Esto 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
Parametros
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 Esto muestra los diseños aprobados con los elementos principales del sistema de papelería de Infancia con Futuro para el forlder de la ONG.
Parametros
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 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. Esto le ayudará a tener la interacción más eficaz con sus seguidores o visitantes de redes sociales.
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.
Manual de Marca 29 // 52
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: 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”. 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 30 // 52
Uso corporativo de reticula
EL SISTEMA DE RETICULA -
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.
Manual de Marca 31 // 52
Ejemplos de reticulas para una hoja carta
Parametros Ejemplos de reticula DIN A4 297 x 210mm
Manual de Marca 32 // 52
Diseño y Desarrollo Movil 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
Manual de Marca 33 // 52
Ejemplo de uso de Reticula iPad
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 34 // 52
Diseño y Desarrollo Movil 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
Manual de Marca 35 // 52
Ejemplo de uso de Reticula iPad
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 36 // 52
DiseĂąo y Desarrollo de reticulas
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
Reticula ejemplo 1
Reticula ejemplo 2
Screen Grid Systems
Reticula ejemplo 3
Reticula ejemplo 4
Reticula ejemplo 5
EJEMPLOS DE USO DE RETICULA HORIZONTAL -
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 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 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 39 // 52
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
Manual de Marca 40 // 52
Nunca dejes de inspirarte
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 41 // 52
Manual de Marca 42 // 52
Imagenes para Infancia con Futuro 01
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.
- 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 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.
LA PALETA DE ICONOGRAFÍA
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 ATENCIĂ“N A ESTA GUĂ?A DE MANUAL DE MARCA 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
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
Manual de Marca 49 // 52
Contacto y Apoyo CONTACTO Organizaciรณn: Infancia con Futuro
Contacto:
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 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: Mark Anderson 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
IF.
Gracias por ser parte de nosotros.
FECHA DE CREACIÓN : AGOSTO 2017
CREADO PARA : INFANCIA CON FUTURO
REALIZADO POR: ALEJANDRO REYES 20111489