Manual explicativo / Herramienta de expresión

DIBUJO

PLANEACIÓN

EXPRESIÓN

TÉCNICA

MANUAL EXPLICATIVO Herramienta de expresión

Elaboración: Tamara Olmedo A. Diseño, planificación y diagramación Revisión a cargo de : Arq. Gabriela Mejía Manual Gráfico de Dibujo Septiembre, 2020

Objetivo Manual explicativo de publicaciones, diagramación, tipografía y colores implementados. Este manual es una guía de herramientas de dibujo y expresión gráfica.

Elaboración del manual con la intención de entender las decisiones tomadas, explicando cada punto del progreso.

Recopilación de información del período de prácticas.

Índice

07

Logo empresarial

08

Tipografía

11

Publicación/ Diagramaciones

Índice

14

Paleta de colores

15

Hora / Tiempo

17

Edición de fotografías

Uso de logo empresarial

- Uso de logo negro empresarial para publicaciones.

- UbicaciĂłn en esquina inferior derecha.

- Uso de logo blanco empresarial para papelerĂ­a.

PĂĄg

07

Tipografía Font family (Tipografía escogida, de acuerdo a la clasificación de tipografía principal, secundaria y complementaria ).

Paleta de color para tipografía Colores: Blanco Negro Verde

arquitectónico

Font size (Tamaño varía de acuerdo a la ubicación del texto)

Font Style ( Estilo de acuerdo a las características de la tipografía escogida ).

Estilos : Bold Regular Light

Explicación de tipo, tamaño y estilos de fuente usados.

Pág

08

Tipografía principal Font Style: Regular Font family : Centhury Gotic

arquitectónico

DISEÑO

Font family : Impact

Font size : 50 pt Font size : 45 pt

Font Style: Bold

Elección de tipografía para llamar la atencion inmediata de la persona que lo lee. Dimensión de letras muestran jerarquía y color escogido hacen contraste con el fondo negro.

Pág

09

Tipografía secundaria Font family : Centhury Gotic

Color establecido para letra: Blanco

Diseño Arquitectura Planificación

Font size : 45 pt

Font Style: Bold Tres palabras representarán al proyecto, sus intenciones y los servicios de la empresa. Palabras deberán variar en cada publicación. Ubicación de franja triple de palabras en costado superior derecho.

Pág

10

Publicación / Diagramación tipo 1 Arial Color negro Regular 15,49 pt

2014

Bellcenter

QUITO

Arial Color verde claro Regular 18,59 pt

1080 px

Microsoft JhengHei Color negro Light 28 pt

Diseño Arquitectura Planificación

608 px

608 px

Fotografía

Nombre proyecto

Año proyecto

2014

Bellcenter

QUITO

Ciudad del proyecto

2017

Anagaes

QUITO

1080 px

Diagramación de publicaciones tipo 1 , ubicación de elementos (logo empresarial color negro en extremo inferior derecho, tipografía principal y tipografía secundaria en el extremo inferior izquierdo).

Pág

11

1080 px 1,1802

Publicación / Diagramación tipo 2

Diseño Arquitectura Planificación

Retail comercial

Arial Color negro Regular 15,49 pt

2014

Bellcenter

QUITO

Microsoft JhengHei Color negro Light 28 pt

Carpintería de muebles especiales

Fotografía

Nombre proyecto

Año proyecto

2014

Bellcenter

QUITO

1080 px Microsoft JhengHei Color negro Light 7,76 pt

Proyectos de gestión

0,48

Arial Color verde claro Regular 18,59 pt

0,47

Asesoría en diseño

1080 px

Proyectos de gestión

Fotografía

Recuadro Color verde claro

Asesoría en diseño

2014

Bellcenter

Ciudad del proyecto

Señaladores de actividades realizadas, materiales implementados

0,49

QUITO

1080 px

Diagramación de publicaciones tipo 2 , ubicación de elementos (logo empresarial color negro en extremo inferior derecho, tipografía principal y tipografía secundaria en el extremo inferior izquierdo, señaladores de actividades que realiza la empresa).

Pág

12

1080 px

QUITO

Arial Color verde claro Regular 18,59 pt

DISEÑO

Microsoft JhengHei Color negro Light 28 pt

608 px

arquitectónico

Fotografía

0,47

2014

Bellcenter

0,48

Arial Color negro Regular 15,49 pt

1,1802

Publicación / Diagramación tipo 3

608 px

Nombre proyecto

2014

Bellcenter

QUITO

2014

Ciudad del proyecto

Bellcenter

QUITO

0,49

Año proyecto

1080 px

Diagramación de publicaciones tipo 3 , ubicación de elementos (logo empresarial color negro en extremo inferior derecho, tipografía principal y tipografía secundaria en el extremo inferior izquierdo).

Pág

13

Adobe Color Rueda cromática , permite encontrar colores monocromáticos que combinen entre sí.

Búsqueda de paletas de color, uso de colores base del logo empresarial para fondo de publicaciones. Paleta de color parte del color negro, hasta tonalidades grises.

Paleta de color secundaria de tonalidades verdes, marcan información importante.

Fuente: Adobe Color

Fuente: Adobe Color

Fuente: Adobe Color

Colores base en paleta de colores (negro y verde). Búsqueda de paleta de color en rueda cromática, estableciendo una armonía del color. Colores monocromáticos.

Pág

14

Hora y tiempo de publicaciones Martes

Horario

Día destacado de publicación

8 AM 5 PM

Miércoles

Día destacado de publicación

8 AM

Horario

Lunes

2 AM 8 AM 5 PM

Fuente: CoSchedule Blog

Publicaciones en horas y días específicos elevan el nivel de interacción en la página empresarial.

Mantener un flujo de publicaciones en la semana.

Pág

15

Hora y tiempo de publicaciones Viernes

Sábado

Horario

Día destacado de publicación

2 AM 8 AM 5 PM

Domingo

Día destacado de publicación

8 AM

8 AM

Horario

Jueves

Publicaciones en horas y días específicos elevan el nivel de interacción en la página empresarial.

Mantener un flujo de publicaciones en la semana.

2 AM 8 AM 5 PM

Pág

16

Después

Antes

Edición de fotografías

Mejora de calidad de imagen, retoque fotográfico. Camera Raw para reducir opacidad.

Pág

17

Edición de fotografías

Mejora de calidad de imagen, retoque fotográfico, mantener resolución entre 150 a 250 pixeles.

Reduce Noise mantenerlo en 20%.

Pág

18