Manual de normas gráficas para infancia con futuro

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