“Design is not a thing you do.
It’s a way of life”.
Alan Fletcher
Diseño gráfico
u n e M
09
12
19 33 45 63
75
99 130 127 119
! Hola! Soy Mafe Cadena, Diseñadora Gráfica de la
Universidad de Bogotá Jorge Tadeo Lozano.
Mi estilo es simple y mi trabajo se enfoca al eficaz desarrollo de
Orientación Gráfica,
la creación y articulación de infografías que solucionen un
problema de diseño. Me gusta el inglés y la buena ortografía.
Además disfruto de las
ilustraciones
y una buena composición tipográfica.
Enjoy it! 09
Mi marca
PLANO TÉCNICO
22x
7.1x
x 21x
ÁREA DE RESPETO
3x
3x
3x
3x
13
PODER DE RESOLUCIÓN
3 cm
VERSIONES DE COLOR
14
PALETA DE COLOR
TIPOGRAFÍAS
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
01234565789 !?#%$&@(/) Jenna Sue
01234565789 !?#%$&@(/) MankSans
15
Design is
intelligence made
visual Alina Wheeler
Aspiradora Esta infografía contiene datos que explican el funcionamiento de uno de los electrodomésticos más utilizados hoy en día en el hogar. Además de una línea de tiempo que muestra la evolución de la aspiradora y sus cambios más significativos a través de los años.
El centro de esta infografía es la ilustración, la cual explica el funcionamiento de la aspiradora desde el exterior al interior, al mismo tiempo que se muestran las partes que la conforman, todo de una forma breve y clara. La infografía está montada en la revista Bocas, en un formato de doble página. La información más importante fue seleccionada y distribuida en el formato de tal forma que la gráfica resaltara. De esta manera, el lector se sentirá atraído, podrá informarse sin que el texto se extienda y llegue a saturar la lectura.
22
Revista Bocas - EL TIEMPO
La revista Bocas, gira en torno a las entrevistas, pero tiene varias secciones de diversos intereses, donde la diagramación cambia según el tema y se ajusta a estilos muy diferentes entre sí, generando ritmos interesantes de lectura y evitando la monotonía.
23
Se desarrolló una línea de tiempo que muestra y explica los cambios que ha tenido la aspiradora desde sus primeros años. Una vez más se seleccionaron aquellos datos relevantes como el año de creación, el autor y los avances o las modificaciones realizadas. Además se realizaron distintas gráficas complementarias que muestran progresivamente la evolución.
24
28
Tratándose en este caso, de una infografía científica, es evidente la necesidad de explicar detalladamente las características en estructura y funcionamiento del electrodoméstico, pero no solo esto. Es importante además, incluir información relevante que informe al lector y lo eduque, con datos curiosos que llamen la atención y con los que se tenga la certeza de brindar algo más allá de la información básica que ya es conocida.
27
En la línea de tiempo que es una de las áreas más importantes en la infografía, se intenta exponer información novedosa de una forma breve y clara. Por esto se clasifica en tres partes: año de creación, autor y características, todo esto en conjunto con la gráfica complementaria que va mostrando los cambios progresivamente. Además se hizo una selección de las fechas más significativas a lo largo del tiempo, aquellas en donde se desarrollaron cambios trascendentales y que fueron una verdadera revolución en su época.
28
Visualizaci贸n en iPad
PRACTICE
Safe Design USE A COnCEPT Petrula Vrontikis
Freeride - E El lanzamiento de un nuevo modelo de motocicleta por KTM, inspiró el desarrollo de esta infografía, cuyo objetivo es describir la nueva tecnología implementada. Ideal para aquellos que disfrutan la velocidad en dos ruedas y que además se interesan por el medio ambiente.
KTM se aproxima a lanzar al mercado un nuevo modelo de motocicleta, esta vez elĂŠctrica. Pensada en beneficio del medio ambiente, pero que al mismo tiempo no deja atrĂĄs sus capacidades de rendimiento y velocidad en el camino. Un concepto nuevo de adrenalina.
36
Revista Motor - EL TIEMPO Precisamente teniendo en cuenta el tema del medio ambiente, se escogió una paleta de color que reflejara el concepto implementado en la tecnología del vehículo, permaneciendo en el estándar manejado por KTM.
37
Nuevamente, la jerarquía en los textos juega un papel fundamental. La tipografía, el color, el contraste, la organización y la posición de los elementos en el formato, entre otros factores, compiten para capturar la atención del lector lo más rápido posible. 38
Para este tipo de infografías en donde se está informando al lector sobre algo nuevo, lo primordial son los datos técnicos que describan y expliquen de qué se trata este nuevo producto o servicio y por qué debería interesarnos para eventualmente obtenerlo.
39
Visualizaci贸n en iPad
El 2010 fue proclamado por la OEA como el ano interamericano de las mujeres. Esta ilustración participó y clasificó como finalista en el concurso. Siendo parte de la exposición que se llevó a cabo en el mes de agosto de 2010 en el Hall Principal de la Biblioteca. Para consolidar un proyecto a partir de la gráfica, se hizo el re-diseño de las piezas de publicidad utilizadas para promocionar el evento dentro de la Universidad.
48
49
50
Se desarrollaron cinco piezas b谩sicas para este proyecto: Un cartel, dos postales, una pauta de revista para La Br煤jula (Revista institucional de la Tadeo), una invitaci贸n para la exposici贸n y una E-card (mail marketing) dirigido a los estudiantes de la universidad.
51
52
Para lograr comunicar el mensaje de una forma rรกpida, sencilla y clara, es necesario organizar y jerarquizar la informaciรณn mรกs relevante.
53
La Universidad Jorge Tadeo Lozano cuenta con una revista institucional conocida como La Br煤jula, un espacio libre en el que los estudiantes comparten diversos intereses tanto de sus carreras profesionales como de su vida en general. Se desarroll贸 una pauta de revista, aprovechando este espacio, para promocionar la exposici贸n del evento presentando las ilustraciones finalistas.
54
55
58
Hoy en día, el email marketing es una de las piezas más efectivas en comunicación de mensajes, y por lo tanto una de las formas de mercadeo más utilizadas. A través de este, los mensajes logran comunicarse en menos tiempo y a mayor cantidad de personas. Por esto, se diseñó una pieza complementaria conocida como E-card, la cual va dirigida a los estudiantes de la Universidad.
59
Visualizaci贸n en iPad
A design
isn’t finished
until somebody is using it Brenda Laurel
Bosque Boreal El 2011 fue declarado Año Internacional de los Bosques por la ONU. Por ello, esta infografía fue inspirada como un homenaje a una de las diversas clases de bosques que representan una gran cantidad de territorio en todo el mundo, y que hoy en día corre el peligro de desaparecer.
66
La gráfica central incluye datos sobre la gran cantidad de especies animales, las temperaturas máxima y mínima que puede llegar a alcanzar el clima en estos bosques. Además de las consecuencias fatales de la presencia del hombre en ecosistemas como éste, que hoy en día están en peligro.
67
68
69
En esta infografía se dan a conocer las características de la Taiga, uno de los bosques con más diversidad animal y grandes cambios de temperatura en el mundo. En primer lugar, se explica la etimología del nombre y una pequeña descripción introductoria. En la parte superior, se muestra la ubicación geográfica y cuatro aspectos fundamentales: flora, fauna, clima y las consecuencias de la intervención del hombre en este ecosistema en particular. Como vimos anteriormente, la gráfica central posee datos importantes sobre las distintas especies animales y la forma en que logran sobrevivir en este ambiente. Además de una descripción detallada de la vegetación predominante, las coníferas. Por último y recordando la importancia de conservar los bosques, se desarrolló una descripción sobre la madera y los daños a corto y largo plazo a causa de la deforestación, tanto en el lugar como en las especies que lo habitan.
70
71
Visualizaci贸n en iPad
Good design is GOOD BUSINESS Thomas Watson
Metales Andina Este es un proyecto de identidad corporativa, en el cual se diseñó la marca de la empresa y en base a ésta, la papelería básica necesaria, teniendo en cuenta el enfoque institucional y el tipo de clientes al que va dirigido.
Metales Andina es un pequeño centro de acopio de residuos sólidos, en el cual se colecta y clasifica el material que se recibe directamente en sus instalaciones. El trabajo interno del centro es una función necesaria para el reconocimiento del metal y la eventual aleación del mismo. Una vez clasificado, el material es transportado a empresas más grandes que se encargan de su procesamiento. De esta manera, se cumple una función en beneficio del medio ambiente, el reciclaje imprescindible y de vital importancia. Dentro del material del que se encarga esta institución está el metal, la chatarra, archivo (papel) y el cartón. Los principales objetivos de esta actividad son favorecer la prevención en la contaminación de nuestro planeta y ofrecer la máxima calidad en la producción, el transporte, almacenaje y reciclado de la chatarra procedente de metales tanto férricos, como no férricos. De esta forma, se pueden establecer las iniciativas que asegurarán el cumplimiento de las leyes, así como la mejora del proceso que se realizará según las exigencias de cada cliente, evaluando así las repercusiones medio-ambientales.
78
PLANO TÉCNICO
2.3 x
X 1.1 x 3x
2.6 x 1.1 x
7.3 x 8.7 x
ÁREA DE RESPETO
1x
1x
1x
1x
79
VERSIONES
PODER DE RESOLUCIÓN
4 cm
Para crear la identidad de esta institución, la cual no contaba con una imagen corporativa, se desarrolló su identificador y la papelería básica y estrictamente necesaria. Como se muestra anteriormente, el diseño de la marca, cuenta con su correspondiente parte técnica, especificaciones y características como plano técnico, área de respeto, poder de resolución (tamaño mínimo legible), versiones de color para las diferentes aplicaciones que pueda tener, paleta de color y tipografía implementada.
81
PALETA DE COLOR
C: 0 M: 0 Y: 0 K: 80
R: 88 G: 88 B: 90
H: 240 S: 1 B: 35
R: 62 G: 62 B: 64
H: 240 S: 2 B: 25
#58585A
C: 0 M: 0 Y: 0 K: 90 #3E3E40
TIPOGRAFÍA
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 01 2 3 4 5 657 8 9 !?#%$&@(/)ArualLight
El identificador es muy sencillo, pero al mismo tiempo expresa la esencia que se quiere comunicar. Por su sencillez, es preciso, claro y concreto. Adaptable a cualquier aplicación que pueda llegar a necesitar y funcional con respecto al concepto de la institución. Con la imagen de marca se busca crear recordación en el cliente a través de elementos simples y muy dicientes, teniendo en cuenta que es una empresa pequeña que comienza a darse a conocer y que primero se encarga de un grupo selecto para ganar confiabilidad y estabilidad, creciendo poco a poco y posicionándose a largo plazo dentro del sector específico de trabajo.
83
Se desarrollaron piezas de papelería básica como tarjeta de presentación, sobre, carpeta, facturas y membrete. Teniendo en cuenta el concepto de la marca , y evitando caer en la monotonía, se pensó muy bien el soporte de las piezas con el propósito de seguir en la función de comunicar las características de la institución. Por esto, se utilizaron tres tipos de soporte. Para las tarjetas, el sobre y la carpeta, se imprimió en cartulina Stardream Sylver, el cual tiene un sutil parecido al metal. Y para las facturas y el membrete se utilizó papel bond reciclado y bond capuccino, debido a su textura y color.
85
Anverso de Sobre
86
Detalle en el sobre
87
90
Sobre y membrete
91
93
Carpeta, membrete, factura y tarjetas.
94
Designwhere is
science & art
break even Robin Mathew
Primeros Auxilios Esta serie de infografías se pensaron para resolver un problema de diseño en torno a un tema bastante importante hoy en día. Señalar la importancia de aprender e informarse sobre cómo brindar primeros auxilios básicos, de una forma clara y agradable a la vista.
Cartel
102
Este proyecto de orientación , consiste en informar y explicar al lector, datos importantes sobre cómo brindar primeros auxilios en un nivel muy básico. Son datos sencillos que todo el mundo debería conocer, muy fáciles de poner en práctica en caso de cualquier emergencia que podría llegar a presentarse. Los primeros auxilios son una serie de procedimientos médicos simples, destinados a salvar la vida de una persona en situaciones de emergencia médica, generalmente llevados a cabo por persona no titulada en Medicina, antes de la intervención de los servicios de emergencia o de un profesional médico. Es de vital importancia informarse acerca de cómo ayudar a salvar la vida de una persona, ya que en situaciones de peligro el instinto humano actúa rápidamente y cuando no se tiene la seguridad de hacer lo correcto puede llegar a ponerse en riesgo la vida.
103
Se desarrollaron tres carteles y el folleto correspondiente a cada uno. En el primer cartel se establecen los conocimientos básicos en términos generales sobre los primeros auxilios, qué son, recomendaciones para tener seguridad antes de actuar , tres signos vitales que deberíamos revisar en la persona que necesite ayuda y determinar en qué estado se encuentra y por último el botiquín. Para los otros carteles, se escogieron dos de las emergencias más frecuentes en la vida cotidiana. Recomendaciones para actuar en caso de un desmayo y qué hacer cuando se presenta un ataque al corazón. También en términos muy generales.
105
En todas la piezas se mantuvo la unidad gráfica, adaptando cada una al contexto y al concepto correspondiente. Se brinda información de vital importancia, sabiendo al mismo tiempo que la información no es lo más importante. Para este tipo de lectura, en dónde los datos médicos pueden llegar a ser un poco aburridos y monótonos, se busca llamar la atención del lector y mantenerlo interesado en la pieza de diseño. Además, la intención es informar y educar a la gente, por lo tanto las gráficas complementarias son fundamentales y deben tener un equilibrio en el espacio de la composición con respecto al texto.
108
Folletos
109
Carteles
Además de las gráficas complementarias, se hace énfasis en los colores y en el texto de cada pieza. Por ejemplo en el área de botiquín se busca crear recordación en el lector por medio de la imagen o el ícono más que por el texto en sí mismo. De esta forma, la paleta de color también ayuda y brinda un ambiente tranquilo.
110
Folleto Primeros auxilios
111
Como se muestra anteriormente, hay datos y cifras relevantes en los que se aprovecha la información para hacer un poco más interesante el espacio de lectura. Datos que muchas veces pasamos desapercibidos y que pueden parecer minúsculos en relación con la demás información. Pero vale la pena resaltarlos y darles fuerza a través de los elementos gráficos en una composición.
114
Detalle cartel - ÂżQuĂŠ hacer en caso de infarto?
115
Design is not what it
looks like and feels like
Design is how it works Steve Jobs
Ilustración Este conjunto de piezas, de carácter un poco más personal, unos cuantos detalles que han sido parte de una gran colección. Solo una muestra más de las aplicaciones que llega a tener el diseño gráfico.
Este es un conjunto de piezas variadas inspiradas en momentos y recuerdos especiales, ideales para crear un bonito regalo. Hoy en día, las aplicaciones que tiene el diseño gráfico cubren lugares inimaginables. Hasta el más pequeño detalle tiene y debería tener un toque de diseño, y eso es ciertamente una buena solución para aquellas personas que quieren algo más, que quieren contar una historia a través de un papel, compartir la emoción de cosas pequeñas. De esta manera, una carta de amor, una invitación o una tarjeta de participación pueden tener el valor y el carácter que merecen y comunicar más de lo que se cree.
123
Postal e ilustraci贸n
124
125
Se diseñaron dos postales, y dos ilustraciones. La primera postal tiene una composición tipográfica basada en una canción, y la segunda es una postal de navidad. Las ilustraciones están inspiradas por personas, recuerdos y momentos significativos. Una de ellas, está plegada en origami en forma de pescado.
126
Detalle ilustraci贸n
128
130
131
There are two rules for success: 1. Never tell
EVERYTHING
you know Roger H. Lincoln