Brand book 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 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