Para todo aquel que este buscando maravillarse con la magia de lo cotidiano.
Mi nombre es Alejandra González Osorio, soy Diseñadora Gráfica de la Universidad Jorge Tadeo Lozano, siento que todo lo aprendido del diseño ha sido una aventura, un vuelo por toda la historia de la humanidad, del arte y la comunicación, esta es mi percepción y este es mi portafolio.
Caligrama realizado para Introducciรณn a la computaciรณn
Alejandra González Osorio “ALOndra” www.alondrago.com alondragonzalez1108@gmail.com
Impreso en : Bogotá, DC Diseño : Alejandra González Osorio Prohibida la reproducción total o parcial de esta obra - incluido el diseño tipográfico y de portada sea cual fuere el medio, mecánico o electrónico sin el consentimiento por escrito del autor .
Alondra nace de la necesidad, de comunicar, de transmitir... una idea, un mensaje, un canto. Con el tiempo he llegado a la conclusión, que el diseño es una disciplina; una mezcla, entre ciencia, arte y pasión. Ha modificado y cambiado la historia, le ha dado un giro al rumbo de la humanidad, nuestro legado es una nueva manera de ver y entender el mundo globalizado, somos consumidores de imagen, creo que al ser diseñadores tenemos la responsabilidad de solucionar lo que creemos que esta mal en el mundo por medio de nuestras imágenes.
Es donde expreso mis ideas de la manera más inmediata, siento que mis ideas se conectan con el lápiz, y funciona como guía para los trabajos que realizó, ademas de ser una de las mejores maneras de mantener activa la creatividad.
Inevitable amor
15
Cómo inscribirse en el taller de yoga
31
Sinfonía inconclusa en “la” mar
47
Macondo
61
Baby Lu
73
Barichara
87
Parqueadero
105
Contein
121
14
Inevitable amor
Inevitable amor
Es una antologĂa que muestra y explica las estaciones del amor, este proyecto fue realizado para Medios Editoriales.
15
SegĂşn la psicologĂa del color,
El
ROJO representa 16
Inevitable amor
En este proyecto hice una analogĂa con el color, la transformaciĂłn del rojo al vino tinto para mostrar transgresiĂłn de lo puro a lo impuro, las diferentes gamas y etapas del amor.
17
Selecciรณn Tipogrรกfica Para este proyecto se utilizaron diferentes fuentes serifadas y una manuscrita.
18
Inevitable amor
Fairfield LT Std
Esta tipografía se utilizó en el texto corrido, para generar una mancha tipográfica más uniforme, y un mejor ritmo de lectura.
ABCDEFG abcdefghij HIJKLMNO klmnopqrs PQRSTUV tuvwxyz WXYZ
Lobster 1.4
Esta tipografía se utilizo en las entradas de cada capitulo, para mostrar una frase que representara la emoción del capitulo.
ABCDEFGH IJKLMNOP QRSTUVW XYZ
Rockwell Std
abcdefghijkl mnopqrstuv wxyz
Esta tipografía se utilizó en las entradas de capitulo como cabezote para dar más fuerza y peso a cada titulo,ademas de dar el flujo de las estaciones.
ABCDEFG HIJKLMNO PQRSTUV WXYZ
abcdefghi jklmnopqr stuvwxyz
19
ConceptualizaciĂłn Aunque los conceptos del libro son los mismos que representa el color, el concepto principal del libro es la transformaciĂłn y el devenir, del tiempo y de la vida, por esto escogĂ las estaciones porque en ellas nos medidos, vemos como la naturaleza cumple su ciclo; muere y renace, igual que en el amor.
20
Inevitable amor
21
Creo que el valor de este proyecto, se encuentra en sus pรกginas, en los textos que recopile, en cada palabra, en las historias que cuenta cada autor, en la fusiรณn entre los colores y las formas para envolvernos en una lectura que nos haga replantearnos lo que opinamos del amor.
22
Inevitable amor
23
24
Inevitable amor
25
26
Inevitable amor
27
28
Inevitable amor
29
30
Como inscribirse en el taller de yoga
Cรณmo inscribirse en el taller de yoga
Es un manual de acciones de uso que indica como inscribirse los talleres de yoga del Centro de Arte y Cultura de la UJTL, este proyecto fue realizado para Orientaciรณn Grรกfica.
31
SegĂşn la psicologĂa del color,
El
gris simboliza 32
Como inscribirse en el taller de yoga
En este proyecto utilice esta paleta de color por su simbolismo, pues el aislamiento define una parte del yoga, ya que esta practica enseĂąa que si una persona se aĂsla, se aleja del entorno social para concentrarse en si mismo puede alcanzar la plenitud y el equilibrio espiritual, para asĂ equilibrar todos los aspectos de su vida.
33
SegĂşn la psicologĂa del color,
El
verde representa
34
Como inscribirse en el taller de yoga
También utilice una paleta basada en este color; por la sensación que genera en el cerebro; “el verde nos crea un sentimiento de confort y relajación, de calma y paz interior, lo cual nos hace sentir equilibrio interiormente.
35
Selección Tipográfica Para este proyecto se utilizaron fuentes palo seco y geométricas que funcionaran para la señal, el manual y el instructivo.
36
Como inscribirse en el taller de yoga
Raleway
Se utilizó para el texto corrido y para títulos, pues su forma geométrica y delgada, hace que la lectura se asimile como ligera
ABCDEFG HIJKLMN OPQRSTU VWXYZ
ITC Avant Garde Gothic Std
abcdefghi jklmnopqr stuvwxyz
Se utilizo en el contenido, numeración, folios y en algunos de los títulos.
ABCDEFG HIJKLMNO PQRSTUV WXYZ
abcdefg hijklmno pqrstuvw xyz
37
ConceptualizaciĂłn Los conceptos que rigen este proyecto son ligereza y equilibrio, se hacen visibles en la seĂąaletica y los pictogramas diseĂąados para el recorrido, y en el manual.
38
Como inscribirse en el taller de yoga
39
Dentro de este manual de acciones uso, se explica el recorrido para llegar al Centro de Arte y Cultura, e inscribirse en el taller de yoga, ademas de mostrar la construcciĂłn de las seĂąales que indican la ruta hacia el lugar y para el espacio del taller.
40
Como inscribirse en el taller de yoga
No olvides tener tu carnĂŠ actualizado
Punto de informaciĂłn
Centro de Arte y Cultura
41
Cada señal tiene un pictograma diferente y una función diferente, todas se construyen de la misma manera, dentro del manual se explica cuales son los usos correctos de las señales así como sus usos indebidos.
42
Como inscribirse en el taller de yoga
43
Debes tener tu mente tranquila y relajada
No olvides guardar tus aparatos electronicos durante el taller
44
Comer máximo 15 minutos antes o después.
Tomar agua antes o después.
No olvides utilizar ropa cómoda durante el taller.
Como inscribirse en el taller de yoga
45
46
Sinfonía inconclusa en “la” mar
Sinfonía inconclusa en “la” mar
Este proyecto es un CD de edición especial, en el cual se pueden encontrar las canciones infantiles clásicas de Piero, se escogió este artista específico por la gran influencia social que tuvieron estás canciones en el año en el que fueron creadas; se realizo con la colaboración de Andrés Castro.
47
SegĂşn la psicologĂa del color,
El
morado simboliza
48
Sinfonía inconclusa en “la” mar
novedad v i va c i d a d cordialidad
En este proyecto utilice esta paleta por su fuerza visual y su gran contraste con el amarillo, también se utilizaron contrastes complementarios con los colores básicos, tanto en los textos como en las ilustracciones
49
Selección Tipográfica Para este proyecto se utilizaron fuentes sin serifa y de fácil lectura, el diseño es para niños por esto se utilizo como puntaje mínimo 11 pts en la escritura.
50
Sinfonía inconclusa en “la” mar
Londrina Solid
Esta tipográfica se utilizó para la caratula de la caja del CD y para títulos importantes; por su gran forma geométrica es más fácil de entender.
ABCDEFGHIJ KLMNOPQRST UVWXYZ
amatic sc Candela
abcdefghijk lmnopqrstu vwxyz
Esta tipografía se utilizó para el cabezote del nombre del autor, su forma orgánica y larga hacen más fácil que los niños se sientan identificados
ABCDEFGHIJKLM 123456789 NOPQRSTUVWXYZ
Esta tipografía se utilizó para texto corrido por su forma amplia, abierta y redondeada.
ABCDEFGH IJKLMNOP QRSTUVW XYZ
abcdefghij klmnopqrs tuvwxyz
51
Conceptualización Los conceptos que rigen este proyecto son novedad y vivacidad, pues aunque el CD es para niños, el público al que queremos abordar es a los padres; Piero al ser un autor antiguo con fuerte influencia social, ya esta dentro del imaginario de los mismos.
52
Sinfonía inconclusa en “la” mar
53
54
Sinfonía inconclusa en “la” mar
55
Todas las ilustraciones que se hicieron para este proyecto se basan en figuras geométricas para facilitar a los niños el entendimiento de cada animal e instrumento, también contiene una pequeña descripción del contenido dentro del CD, e información sobre el álbum, el cual gano los premios grammy en 1973.
56
Sinfonía inconclusa en “la” mar La diagramación se diseño con pausas visuales entre párrafos para aquellos niños que aún no saben leer. Con el objetivo que al momento de escuchar el CD, y ver la letra de la canción, relacionen el ritmo de la música con el ritmo de lectura.
57
Como obsequio de la edición especial, se diseño un folleto con varías canciones del CD.
58
Sinfonía inconclusa en “la” mar
59
60
Macondo
Macondo 100 años de Soledad
Es un juego basado en el libro 100 años de Soledad del Gabriel García Márquez, este proyecto fue realizado para Medios Editoriales con la colaboración de Juan Felipe Luna y Mateo Mateus.
61
SegĂşn la psicologĂa del color,
El
amarillo simboliza
62
Macondo
En este proyecto utilice esta paleta por su significado ademas de ser uno de los referentes mรกs fuerte para todo el desarrollo de la grรกfica y el concepto del juego; las mariposas amarillas.
63
Selecciรณn Tipogrรกfica Para este proyecto se utilizaron fuentes serifadas, manuscritas y san serif.
64
Macondo
Rockwell Std
Esta tipografía se utilizo para los títulos de las cartas, ya que nuestro mayor referente fue el filete porteño.
ABCDEFG HIJKLMNO PQRSTUV WXYZ
Emmascript MVB
abcdefghi jklmnopq rstuvwxyz
Esta tipografía se utilizó en el cabezote principal, ya que parecía que el mismo Melquiades hubiera marcado con su letra el juego.
ABCDEFGHIJ abcdefghijkl KLMNOPQRS mnopqrstuvw xyz TUVWXYZ
Abraham Lincoln
Esta tipografía se utilizó en varías cartas del juego, como titulo y texto corrido.
ABCDEFGHIJKL MNOPQRSTUVW XYZ
Mission Gothic
abcdefghijklm nopqrstuvwxyz
Esta tipografía se utilizó en el tablero del juego así como en varías cartas del juego, como titulo y texto corrido.
ABCDEFGH abcdefghij IJKLMNOPQ klmnopqrs RSTUVWXYZ tuvwxyz 65
Conceptualización Los conceptos que rigen este proyecto son calidez y placidez, pues nos basamos en el libro 100 años de soledad para crear el juego; El pueblo de Macondo siempre ha sido identificado por su energía, la calidez y placidez de los Buendía
66
Macondo
Decidimos utilizar la fotografĂa como recurso grĂĄfico para que los usuarios se sientan identificados con cada uno de los personajes, ademas de mostrar en cada foto la personalidad del BuendĂa correspondiente.
67
68
Macondo
Este proyecto se realizo como homenaje a Gabriel Garcia Marquez, con el objetivo de incentivar la lectura, ya que aunque los usuarios no conozcan el libro, pueden jugar, conocer los personajes y lugares de este.
69
70
Macondo Toda la magia escrita onírica y fantástica que nos dejo como legado cultural este escritor colombiano, nos guió y nos inspiro para realizar el juego.
71
72
Baby Lu Linea de ropa para bebés
Este proyecto es el re diseño de la Identidad Visual Corporativa de Baby Lu una empresa colombiana de ropa y articulos para bebés.
73
SegĂşn la psicologĂa del color,
El
rosado
representa 74
En este proyecto utilice esta paleta por sus significados, por su suavidad y la suavidad con la que el ojo la asimila ademas de ser un icono global de los bebes.
75
Selecciรณn Tipogrรกfica Para este proyecto se utilizaron fuentes manuscritas y palo seco.
76
Baby Lu
Engagement
Esta tipografía se utilizó para el logotipo de Baby Lu pues sus terminaciones y el tamaño del cuerpo de la letra generan unidad de una manera sutil y suave.
ABCDEFG HIJKLMN OPQRSTU VWXYZ
ITC Avant Garde Gothic Std
abcdefghijkl mnopqrstuv wxyz
Esta tipografía se utilizó para el eslogan y cualquier otra aplicación, papelería, marquillas, tarjetas de presentación, facturas.
ABCDEFGHI abcdefghij JKLMNOPQ klmnopqrst RSTUVWXYZ uvwxyz
77
Conceptualización Los conceptos que rigen este proyecto son suavidad y ternura, pues es una marca de artículos para bebe, por esto se diseño un personaje y “un escenario” como gráfica complementaría.
78
Baby Lu
Propuesta identificador
El identificador tiene una construcciĂłn base, el logotipo, el personaje y el eslogan; estos valores son la medida x y la medida i de la fuente Engagement en 79 ots; la paleta de color cambia segĂşn la aplicaciĂłn y el producto que se utiliza.
79
Geometrizaciรณn del identificador
El area de reserva del identificador es la medida X de la fuente Engagement en 78 pts.
Los espacios negativos dentro del logotipo fueron dados por la misma medida X.
80
Baby Lu
Versiones positivo
negativo
81
Paleta de color
82
C0 M 14 Y 29 K0
C 13 M 24 Y0 K0
R 244 G 219 B 180
R 212 G 194 B 220
# F4DBB4
# D4C2DC
C 43 M0 Y 35 K0
C 49 M0 Y 19 K0
R 164 G 201 B 172
R 152 G 199 B 201
# A4C9AC
# 98C7C9
83
84
Aplicación de gráfica complementaría y el logotipo en la papelería.
85
86
Barichara
Barichara El pueblito mรกs lindo de Colombia
Es la Identidad Visual del pueblo Barichara, Santander; este proyecto fue realizado para Identidad Visual Corporativa con la colaboraciรณn de Juan Felipe Luna y Mateo Mateus.
87
SegĂşn la psicologĂa del color,
El
naranja
representa 88
Barichara
En este proyecto utilice esta paleta por la tierra y las piedras de Barichara, todas son de este color ademas que sus significados describen a la perfecciĂłn las personas del pueblo y las caracterĂsticas del mismo.
89
Selecciรณn Tipogrรกfica Para este proyecto se utilizaron fuentes palo seco y una serifada.
90
Barichara
Optima
Esta tipografía se utilizó para el nombre del pueblo pues refleja elegancia y sencillez.
ABCDEFG HIJKLMN OPQRSTU VWXYZ
Baskerville
abcdefghi jklmnopqr stuvwxyz
Esta tipografía se utilizó para el eslogan por sus terminaciones y su estilo formal.
ABCDEFG HIJKLMN OPQRSTU VWXYZ
abcdefghij klmnopqrst uvwxyz
91
Conceptualización Durante este proyecto entendí el valor de los bocetos y la investigación, pues el reto de representar en una imagen las características, virtudes de un lugar y su gente, requirió de un amplio trabajo de campo y como ya mencione de bocetación pues ademas de los conceptos que muestro en la paleta de color, generamos una lista de los mismos basándonos en la tipología del lugar; Tradición, descanso, tranquilidad, cultura, cine, artesanía en piedra, amarillo tierra, verde naturaleza, tabaco, arquitectura colonial, homogéneo, religión y mirador.
92
Barichara
Bocetación BARICHARA
BARICHARA Estos bocetos salieron desde las formas se repiten en todas las fachadas de las casas en Barichara, mas que todo diagonales formadas por la pintura y verticales por las puertas y las ventanas; la idea de estos identificadores era sintetizar estas líneas creando formas que combinaran los contrastes que se creaban en estas fachadas, además de usar colores como el amarillo de la tierra y el verde que se encuentra en la mayoría de las casas.
93
En esta propuesta se trabajó la tipografía emulando las formas agudas que produce la talla en piedra, acompañada de las diagonales que siempre están presentes a lo largo del pueblo.
Placidez tallada en piedra En esta propuesta se busco una tipografía que reflejara todas las formas geómetricas que se encontraron en la tipologia de Barichara, emulando una letra tallada en piedra, después de analizar las esculturas del pueblo se llego a los tottems. (Simbolos que representan un animal o una planta y son emblemas para familias, clanes y tribus, recordandoles sus ancestros) .
Esta propuesta trabaja el concepto de la diagonal, la cual está presente en todos los zócalos del pueblo debido a la inclinación de la pendiente de las calles y divide las fachadas de las casa en 2 partes, por eso la B está dividida en 2 partes. Los colores se trabajan por los colores de las fachadas de las casas y el color amarillo del suelo.
94
Barichara
Propuesta del identificador
95
Geometrizaciรณn del identificador
b
20ยบ
30ยบ
150ยบ
a a = 10% x b = 10% a
x
96
Barichara
Versiones positivo
negativo
97
Paleta de color
98
C 65 M 20 Y 80 K 40
C 26 M 63 Y 75 K 50
R 86 G 11 B 64
R 108 G 71 B 46
# 566F40
# 6c472E
C 72 M 20 Y 85 K 75
C8 M 38 Y 72 K7
R 41 G 62 B 31
R 204 G 159 B 86
# 293E1F
# cc9f56
Barichara
Aplicaciones
Se escogieron estos dos objetos especĂficamente como aplicaciĂłn para reforzar el mensaje de cuidado y reciclaje dentro del pueblo, para invitar a los turistas a respetar y cuidar, y a sus habitantes a promover el cuidado de los parques, las iglesias y las plazas.
99
Dentro de las aplicaciones podemos ver como se utiliza todo el color y la riqueza de la piedra que se encuentra en las construcciones del pueblo.
100
Barichara
La campaĂąa para presentar la nueva identidad esta basada en el reciclaje, el cuidado del agua, el respeto y el cuidado del patrimonio cultural, ademas de invitar al eco-turismo para apreciar la riqueza de nuestro paĂs.
101
102
Barichara
103
104
Parqueadero Lux
Parqueadero lux
Para este proyecto hice la Identidad Visual Corporativa y la página web del Parqueadero Lux, un antiguo teatro en el centro de Bogotá él cual se convirtió en un parqueadero privado.
105
SegĂşn la psicologĂa del color,
El
oliva representa 106
Parqueadero Lux
dis cip lina
En este proyecto utilice esta paleta por lo que representa, pues en el identificador se quiere mostrar la historia que existe en el espacio del parqueadero, reforzar el concepto de confianza por la antiguedad en la zona.
107
Selecciรณn Tipogrรกfica Para este proyecto se utilizaron fuentes palo seco y geรณmetricas.
108
Parqueadero Lux
market deco
Esta tipografía se utilizó en el cabezote, su forma antigua se utilizo para mostrar el estilo del antiguo teatro sobre el cual esta el parqueado.
ABCDEFGHIJ KLMNOPQRS TUVWXYZ
Helvetica Neue LT Std
Esta tipografía se utilizó para las aplicaciones en la página web y en la papelería.
ABCDEFGHIJ KLMNOPQRS TUVWXYZ
abcdefghijk lmnopqrstuv wxyz
109
Conceptualización Los conceptos que rigen este proyecto son tradición y seguridad, pues el espacio que es actualmente el parqueadero, fue en su pasado el Teatro Lux; donde se pasaron las primeras películas en el centro de Bogotá, convirtiéndolo en un hito y en uno de los lugares de confianza en la zona.
110
Parqueadero Lux
Propuesta del identificador
Se utilizó este tipo de ilustración para reforzar el concepto de historia y tradición, pues la intención de la identidad es darle valor a los clientes por su antigüedad y relación con el parqueadero, por esto se pensó una clasificación para los clientes y dependiendo de su nivel, obtienen beneficios del servicio que se les brinda.
111
Geometrización del identificador
25º
El area de reserva del identificador es la medida X de la fuente Market Deco en 24,25 pts.
112
Los espacios negativos dentro del logotipo fueron dados por la misma medida X.
El angulo de curvatura que se le dio a la tipografía es de 25º.
Parqueadero Lux
Paleta de color C 0 M 5 Y 59 K 0
C 56 M 43 Y 99 K 22
R 251 G 231 B 214
R 102 G 101 B 50
# FBE77C
# 666532
C 45 M 44 Y 100 K 18
C 18 M 13 Y 13 K 13
R 120 G 107 B 49
R 209 G 209 B 209
# 796831
# D1D1D1
C 26 M 21 Y 100 K 0
C 67 M 69 Y 64 K 47
R 184 G 169 B 53
R 66 G 60 B 65
# B8A935
# 423C37
113
Versiones positivo
negativo Las diferentes versiones del identificador se utilizan dentro de la grรกfica complementaria, para agendas, sellos y publicidad.
114
Parqueadero Lux
Aplicaciones
Las aplicaciones de este proyecto se hicieron como regalo para los clientes y los trabajadores mรกs antiguos, son de uso cotidiano dentro del lugar de trabajo del parqueadero como del cliente.
115
116
Parqueadero Lux
117
Las aplicaciones estĂĄn pensadas para dar los clientes los beneficios por categoria, estos servicios son exclusivamente del parqueadero; regalos como agendas, una ficha que los identifique como el tipo de cliente y un CD de mĂşsica.
118
Parqueadero Lux
119
120
Contein
Contein
Empresa de construccion
Es el re-diseño de la Identidad Visual Corporativa de Contein una empresa colombiana de contrucción de infraestructuras; este proyecto fue realizado para Identidad Visual Corporativa con la colaboración de Mateo Mateus y Juan Felipe Luna.
121
SegĂşn la psicologĂa del color,
El
azul representa 122
Contein
s e r e ni da d sofisticacion En este proyecto utilice esta paleta por sus significados, pues al ser una empressa de construcciones es por lo que mรกs quieren ser reconocidos.
123
Selecciรณn Tipogrรกfica Para este proyecto se utilizaron fuentes palo seco y geรณmetricas.
124
Contein
Myriad Pro
Esta fuente tipográfica se utilizó para el eslogan del identificador.
ABCDEFGHI JKLMNOPQR STUVWXYZ
Open Sans
Esta fuente tipográfica se utilizó como complementaria para todas las aplicaciones, papelería o uso secundario del identificador
ABCDEFGH IJKLMNOP QRSTUVW XYZ
outage
abcdefghij klmnopqrst uvwxyz
abcdefghi jklmnopq rstuvwxyz
Esta tipografía se utilizo en el nombre de la empresa, se escogió por su forma gruesa y robusta, pues asemejan cimientos o una edificación.
ABCDEFGHI JKLMNOPQR STUVWXYZ
125
Conceptualización El concepto que rigue este proyecto es confianza y serenidad, pues al ser una empresa de construcción e infraestructura era sumamente importante que las formas, colores y tipografía fueran directos y claros.
126
Contein
Nuevo identificador
127
Geometrización
del identificador 17x
48x
8x
15x
2x 69x 17x
15x
8x 2x 48x
128
La versión secundaria del identificador se utiliza en los casos que no hay suficiente espacio horizontal para que respete las normas de diseño con los cuales fue creado.
Contein
Paleta de color C 90 M 70 Y 55 K 68 R 22 G 37 B 46 # 16212E
C 79 M 29 Y 7 K 8 R 44 G 123 B 182 # 2C7BB6
C 88 M 51 Y 71 K 18 R 0 G 74 B 132 # 004A84
C 57 M 14 Y 0 K 0 R 216 G 178 B 225 # 7EB2E1
C 84 M 41 Y 6 K 9 R 0 G 105 B 162 # 0069A2
C 25 M 5 Y 3 K 0 R 193 G 215 B 233 # C1D7E9
C 57 M 0 Y 6 K 0 R 131 G 199 B 229 # 83C7ES
129
Versiones positivo
negativo
130
Contein
negativo
positivo
131
Aplicaciones
132
Contein
Se escogieron los lugares mรกs representativos que construyo Contein para incluir en postales y mostrar la calidad, los acabados y el tipo de infraestructura que hace la constructora.
133
134
Contein
En este proyecto fue donde más variaron las aplicaciones pues al ser una empresa de construcción, la aplicación se hizo a la indumentaria de seguridad, la gráfica complementaría se uso dentro de las oficinas, en la papelería y en la página web.
135
136
Contein
137
138