Manual de marca personal — Pictowork V1.0 — 2021
Manual de marca personal —
Pictowork V1.0 — 2021
Manual de marca personal Pictowork 1a Edición, Abril 2021 Diseño, composición y diagramación David Andres Guatava
Sobre el derecho de autor: los textos contenidos en esta obra pueden ser reproducidos citando y enlazando la fuente cuando sea posible.
Usted es libre de copiar, distribuir, exhibir y ejecutar la obra bajo las siguientes condiciones especificadas por el autor: — Reconocimiento: en cualquier explotación de la obra autorizada por la licencia hará falta reconocer la autoría. — No comercial: usted no puede usar esta obra con fines comerciales. — Sin obras derivadas: usted no puede alterar, transformar o crear sobre esta obra. Más información disponible en http://creativecommons.org Hecho con
en Colombia
Sumario ― Pictowork
Sumario — diseño
acerca de 05 07 08
¿Qué es Pictowork? Manifiesto Valores de marca
23 24 25 26
elementos básicos 11 12 13 14 15 16 17 18 19 20
Significado Construcción Proporción Área de seguridad Reducción Usos incorrectos Positivo & negativo Fondos de color Logo responsive Co-branding
27 29
Color Patrones Tipografía principal Tipografía secundaria Proporciones para textos Ilustraciones aplicaciones
33 34 36 37
Documentos Tarjeta Medios digítales Material P.O.P hallazgos
41 43 44
Construcción Conclusiones Glosario
02 ―
acerca de ― Pictowork
1 Acerca de —
¿Cómo se creó Pictowork? y ¿Cúal es el objetivo de la marca?
04 ―
Pictowork ― ¿Qué es Pictowork?
acerca de
¿Qué es Pictowork? —
Pictowork es una agencia de diseño, que nace de la necesidad de tener un identificador propio que defina mi trabajo como diseñador. Para tomar la decisión del nombre, los elementos y características que debería tener este identificador, se realizó una serie de ejercicios que motivaron a una introspección y reflexión sobre diversos aspectos de mi trabajo y personalidad. Durante este procesos se manifestaron tres valores principales: minimalismo, como una característica esencial de mi trabajo; innovador, reflejando esa exploración constante por soluciones y finalmente divertido, haciendo referencia a una gráfica descomplicada y colorida pero efectiva.
05 ―
¿Qué es Pictowork? ― Pictowork
Bleumix Pointsquare Bleusquare Pictowork
06 ―
Pictowork ― Valores de marca
Valores de marca —
Minimalista
Innovador
Divertido
acerca de
07 ―
Manifiesto ― Pictowork
acerca de
Manifiesto —
Hola, Somos Pictowork, un estudio que busca exponer por medio de la gráfica las problemáticas de orden social y ambiental por las que hoy atraviesa el mundo, estamos interesados en facilitar la vida de las personas, disminuyendo la desigualdad existente, asi mismo, generando una voz que invite a la reflexión y consideración mas allá que un producto comercial. Nuestros procesos de creación se basan en la empatía, la asertividad y la búsqueda/creación de experiencias simples pero poderosas. Por eso nos gusta trabajar con personas que tienen tiempo para tomarse un buen café, mientras charlamos.
08 ―
elementos básicos ― Pictowork
2 Elementos básicos —
¿Cómo está construida la marca? y ¿Cómo debe utilizarse correctamente?
10 ―
Pictowork ― Significado
elementos básicos
Significado —
El nombre está dividido en dos partes picto que hacen referencia a la imagen y a todo tipo de contenido pictórico, la segunda parte es la palabra work que hace referencia al trabajo en cada una de estas imágenes. El logotipo es complementado con un isotipo, un pequeño personaje similar a un duende, que hace referencia al imaginario popular de los duendes trabajadores.
11 ―
Construcción ― Pictowork
elementos básicos
Construcción —
La ejecución del logosímbolo de Pictowork está compuesta de dos elementos importantes, que pueden ser utilizados independientemente o en conjunto, dependiendo de la necesidad de la pieza gráfica.
isologo
logotipo
Es el resultado de la mezcla de algunos elementos principales, las formas simples, rasgos fundamental en el diseño, un duende trabajador como elemento que muestra el esfero y la gota de tinta referencia la labor del diseñador.
Para el logotipo, se utiliza como base la fuente tipográfica Lao MN, con algunas modificaciones ópticas, como el espacio entre letras que es de -10. Esta es una fuente serifada quemuestra elegancia y atención al detalle.
12 ―
Pictowork ― Proporción
elementos básicos
Proporción—
El plano en el que esta construido el Logosímbolo permite mantener las proporciones de los elementos en las diferentes versiones y formatos que sea utilizado.
17x
8x
1/2x
3x
17x
4,5x
13 ―
3x
Área de seguridad ― Pictowork
elementos básicos
Área de seguridad —
El logosímbolo posee un espacio de reserva el cual debe ser respetado para conservar su integridad y garantizar la perfecta legibilidad de la marca.
1x
14 ―
Pictowork ― Reducción
elementos básicos
Reducción —
Para asegurar una lectura clara y correcta de la marca, se ha establecido un tamaño mínimo de reducción. En ningún caso se reproducirá la marca en una medida inferior.
medios digitales En medios digitales solo existe una excepción y es el Favicon que debe ser el isologo de 10 px y solamente será utilizado como icono de página.
60 px
50 px
12 px
4 cm
3 cm
0,6 cm
medios impresos Para medios impresos se recomienda tener en cuenta el gramaje y la ganancia de punto del papel , para evitar que los pequeños detalles del isologo se pierdan.
15 ―
Usos incorrectos ― Pictowork
elementos básicos
Usos Incorrectos —
La identidad de Pictowork debe ser siempre reproducida a partir de los artes originales. No debe sufrir variaciones no autorizadas en cualquiera de sus versiones.
Pictowork
16 ―
Pictowork ― Positivo & negativo
elementos básicos
Positivo & negativo —
El logosímbolo debe ser utilizado en blanco y negro únicamente cuando es imposible utilizar los colores principales. A continuación se muestra su aplicación en blanco y negro en sus versiones positiva y negativa.
versión p ositiva Se recomienda usar la versión positiva en sustratos o fondos con colores claros.
v ersión negativo Se recomienda usar la versión positiva en sustratos o fondos con colores oscuros.
escala de grises Se recomienda utilizar un gris mínimo de 40%
17 ―
100%
80%
60%
40%
Fondos de color ― Pictowork
elementos básicos
Fondos de color —
Sobre fondos de color oscuros, el logosímbolo debe ser usado en color blanco. Cuando el fondo sea claro y se dificulte la visibilidad, se debe utilizar en color oscuro.
18 ―
Pictowork ― Logo responsive
elementos básicos
Logo responsive —
El logo responsive es de uso exclusivo para medios digitales, lo ideal es que sea utilizado en aplicaciones o en páginas web, en donde los formatos son muy reducido.
30 px
19 ―
Co-branding ― Pictowork
elementos básicos
Co-branding —
Aplicación de la marca en eventos, contratos, acuerdos o convenios. Es importante que las marcas manejen el misma proporción, alineadas al centro, no utilizar ningún tipo de divisor visual (líneas, puntos o formas).
3x
3x
Logotipo minka
3x
3x
Logotipo Branko.
20 ―
diseño ― Pictowork
3 Diseño —
Algunos elementos constitutivos y gráfica secundaria de la marca
22 ―
Pictowork ― Color
diseño
Color —
El color es un componente fundamental de Pictowork, a pesar de que la marca maneja dos colores principales y uno complementario, puede convinarse casi que con cualquier gama cromatica, teniendo en cuenta las recomendaciones del apartado para usos en fondos de color (ver pág. 16).
colores principales
23 ―
color complementario
Azul profundo
Amarillo duna
Rojo escarlata
cmyk 100-88-00-00 rgb 39-42-156 hex #272a9c pantone Dark Blue C
cmyk 00-40-80-00 rgb 246-173-66 hex #f6b351 pantone 804 C
cmyk 00-86-73-00 rgb 253-56-51 hex #8c1f35 pantone 187 C
Patrones ― Pictowork
diseño
Patrones —
Los patrones de Pictowork están diseñados para usarse como textura en todo tipo de material publicitario, incluyendo prendas de vestir. Se utiliza por un lado el imagotipo de la marca y por otro 3 formas básicas (cuadrado, círculo y triángulo).
30 px 30 px
1/2 ladrillo por fila
40 px
60 px
1/2 ladrillo por columna
24 ―
Pictowork ― Tipografía principal
diseño
Tipografía principal —
Como tipografía principal se utiliza la fuente National, una fuente tipográfica palo seco, que cuenta con formas geométricas, estables y fuertes, con gran variedad de pesos que representan muy bien los valores de la marca.
light
Aa National
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!”·$%&/* regular
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!”·$%&/* medium
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!”·$%&/* 25 ―
Tipografía secundaria ― Pictowork
diseño
Tipografía secundaria —
Como tipografía complementaria se utiliza la fuente Roboto, una fuente tipográfica palo seco, con formas más condensadas y legibles que complementan muy bien con la geometría de la fuente National.
light
Bb Roboto
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!”·$%&/* regular
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!”·$%&/* medium
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789!”·$%&/* 26 ―
Pictowork ― Proporciones textos
diseño
Proporciones textos —
Para las presentaciones debe usarse la tipografía National para títulos y subtítulos; para bloques de texto y notas adicionales usar Roboto y variar siguiendo las proporciones sugeridas a continuación.
22-28 pts
Títulos
(National Regular)
18-20 pts
Subtítulos
(National Regular-light)
10 -16 pts
Textos (Roboto Regular-Light) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent bibendum bibendum laoreet. Praesent bibendum leo vitae nulla pharetra, et tempus orci tincidunt. Nullam pellentesque porta nisl ac sagittis.
8-9 pts
27 ―
Notas adicionales (Roboto Regular)
Pictowork ― Ilustraciones
diseño
Ilustraciones—
29 ―
Se diseñó un estilo de ilustración que será usada en website, publicaciones digitales e impresas.
Ilustraciones ― Pictowork
30 ―
aplicaciones ― Pictowork
4 Aplicaciones —
Uso de la marca en diversidad de materiales impresos y digitales.
32 ―
Pictowork ― Documentos
aplicaciones
Documentos —
El color es un componente fundamental de Pictowork, a pesar de que la marca maneja dos colores principales y uno complementario, puede convinarse casi que con cualquier gama cromatica, teniendo en cuenta las recomendaciones del apartado para usos en fondos de color (ver pág. 16).
5 cm 506 876 77450 hola@pictowork.io
Logotipo Fecha & asunto
Número célular & correo eléctronico
Bogotá, Colombia 22 de Agosto de 2021 Lorem ipsum dolor: Sit amet, consectetuer adipiscing elit
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Cuerpo de documento
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea com velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue te feugait nulla facilisi.
Firma
5 cm
3 cm
Lorem ipsum dolor sit amet, consectetuer
4 cm
33 ―
Isotipo en marca de agua
Tarjeta ― Pictowork
aplicaciones
Tarjeta —
El siguiente modelo de tarjeta debe ser utilizado por el equipo de Pictowork y debe ser diligenciado con las siguientes especificaciones:
5,5 cm 0,9 cm Nombre & apellido Cargo
David Guatava Diseñador gráfico
1,11 cm Correo eléctronico Bandera de país & celular Página web
david@pictowork.io +57 350 538 9470 www.pictowork.io
9 cm 0,60 cm Isotipo
0,66 cm
34 ―
Medios digitales ― Pictowork
aplicaciones
Medios digitales —
El Isotipo siempre debe ser reproducido a partir de los artes originales y no debe sufrir variaciones, al igual de las indicaciones tipográficas.
página web
36 ―
Pictowork ― Material P.O.P.
aplicaciones
Material P.O.P. — buso promocional
37 ―
El Isotipo siempre debe ser reproducido a partir de los artes originales y no debe sufrir variaciones, al igual de las indicaciones tipográficas.
tarjeta de evento
hallazgos ― Pictowork
5 Hallazgos —
Lo que aprendí luego de realizar mi manual de imagen.
40 ―
Pictowork ― Proceso de construcción
P
m hallazgos
Proceso de construcción —
Para la creación del imagotipo primero se hizo una aproximación tipográfica con los diversos nombres propuestos, luego para el isotipo que representa un duende sonriente, se exploró desde una representación más figurativa, hasta llegar a un icono con pocos elementos que representa adecuadamente los valores de la marca. La idea del imagotipo es que pudiera utilizarse de manera independiente al logotipo, para que fuera partícipe del sistema gráfico de la marca.
41 ―
pointsquare ™
BLOCK DavED
Pictowork. bleumix Picto. Picture Main
mix ™ c u b e w o r k .
Pictowork ― Conclusiones
hallazgos
Conclusiones —
El desarrollo del manual de imagen corporativa como complemento del diseño de la marca me permitió visualizar un panorama más amplio de la creación de imagen corporativa, esto me permitió entender que la creación de marca personal va más allá de el logotipo y también está compuesta por una serie de elementos visuales y conceptuales. También es interesante crear este tipo de guías para estandarizar el uso de elementos en la marca y así disminuir la posibilidad de error. Adicionalmente la creación de las guías para el uso de mi marca personal, también me permite proyectarla como algo aplicable más allá del papel, todo este proceso de buscar que el nombre no exista, que la marca refleje ciertos valores y que se complemente con una serie de elementos, hace que sienta mi marca personal mucho más cercana y realmente representativa de lo que quiero mostrar como profesional de diseño gráfico.
44 ―
Glosario ― Pictowork
hallazgos
Glosario — logotipo Símbolo que sirve para identificar una empresa, marca, institución o sociedad y las cosas que tiene relación con ella. Un logotipo es un diseño exclusivamente tipográfico.
p. o . p. isotipo Es la parte simbólica o iconica de la representación gráfica de una marca sin usar tipografías en ella.
Point of purchase, objeto, articulo promocional o pieza publicitaria impresa que representa a la marca en el punto de venta.
co-branding imagotipo Es la fusión o trabajo juntos del logotipo mas isotipo, donde cada uno puede funcionar por separado sin la necesidad de estar juntos.
tagline Frase breve especialmente diseñada para expresar una propuesta de valor y reforzar la idea de marca.
Termino utilizado para definir una alianza estratégica y temporal entre dos o mas empresas, marcas o sociedades.
manifiesto Declaración publica de principios e intenciones, de naturaleza política o artística, donde se dan a conocer las diversas ideas de un modo concluyente.
45 ―