DISEÑADOR GRÁFICO
Los trabajos presentes en este portafolio hacen parte del proceso académico en la Universidad de Bogotá Jorge Tadeo Lozano en el periodo 2011-2015 y son de mi total autoría salvo los proyectos en grupo los cuales serán debidamente mencionados.
DISEÑO Y DIAGRAMACIÓN Mateo Mateus
Está prohibida la reproducción total o parcial por medios impresos o digitales de cualquier proyecto que aparezca en el presente portafolio sin mi autorización o la de un miembro del grupo de trabajo.
AÑO 2015
REDACCIÓN DE TEXTOS Mateo Mateus
Quiero agradecer a todas las personas que hicieron parte del proceso para lograr este portafolio, profesores, tutores y amigos. A mi mamá y papá que nunca cuestionaron la decisión de estudiar diseño gráfico.
Mi nombre es Mateo Mateus, soy un diseñador gráfico de la ciudad de Bogotá. Una persona perseverante, y apasionada por lo que hace. Creo que el diseño es algo que nunca va a dejar de estar presente en todas las cosas que vemos, ya que es la esencia de éstas. Entre las cosas que me gustan está la música, la comida y los deportes; factores que han definido lo que soy como diseñador hoy en día. La pasión implícita en la música, y la dedicación y necesidad de superación del deporte influencian mi manera de ver y hacer diseño. Tengo un gran gusto por la parte impresa del diseño, los libros impresos y las publicaciones periódicas son una gran fuente de inspiración para mi, los diferentes tipos de papel y las texturas que pueden lograr los medios impresos crean experiencias únicas. Por otro lado gracias a mi pasión por la tecnología asociada a videojuegos y el mundo del Internet, estoy adquiriendo habilidades de diseño y desarrollo web. Aunque pueda sonar contradictorio son dos mundos que se complementan entre sí.
En todo este tiempo llegué a entender el diseño como un método para resolver problemas comunicativos, escogiendo como mis áreas de enfoque para éste portafolio la Identidad visual y el diseño editorial.
Curriculum vitae
DATOS NOMBRE
Mateo Andrés Mateus Mercado FECHA DE NACIMIENTO
EDAD
22 | Octubre | 1994
20 años
INFORMACIÓN DE CONTACTO DIRECCIÓN
TELÉFONO
Calle12c # 71b - 61 Torre 3 Apto 201
424 0805 | 320 371 6036
mateo.mateusm@gmail.com
ESTUDIOS
REFERENCIAS
UNIVERSITARIOS
Juan Felipe Luna Diseñador gráfico UJTL Cel: 317 671 0191
Diseño gráfico 2011-2015 Universidad de Bogotá Jorge Tadeo Lozano SECUNDARIOS
Andrés Guapacho Estudiante Publicidad UJTL Cel: 300 655 5817
Bachiller académico 2010 Unidad Educativa Jean Piaget OTROS ESTUDIOS
Idioma Inglés American System Service
Desarrollo Web en proceso Treehouse.com
HABILIDADES
SOFTWARE
Diseño editorial
Adobe Indesign
Diseño de identidad visual
Adobe Photoshop
Diseño web HTML / CSS
Adobe Illustrator
CON TE NI DO
13
LOW TO HIGH Diseño web
29
BEERS
Diseño de medios editoriales
45
MACONDO
Diseño juego de mesa
65
ANTOLOGÍAS
Diseño de medios editoriales
77 LONE
Diseño de identidad visual
89
CONTEIN
Diseño de identidad visual
101
CONSTRUCCIONES
MILLENIUM
Diseño de identidad visual
113 BOGOTÁ
Diseño de guía turística.
“BEING OBSESSIVE ABOUT DETAIL IS BEING NORMAL. Erik Spiekermann
”
LOW TO HIGH Dise単o de Sitio Web PROYECTO PERSONAL
Este proyecto se realizó como parte del proceso académico de la asignatura Diseño de multimedia. Estuve a cargo de todo el diseño y la programación del sitio.
{
Este proyecto consisti贸 en el dise帽o y programaci贸n del sitio web para el sello musical Low to high Ltd.
}
1. Home sitio web visto en pantalla escritorio
Low to high
17
UN SELLO WEB
MERECE
UN SITIO WEB Low to high Ltd. es un sello musical creado por el joven productor bogotano Caceress, está enfocado en la música underground asociada al techno. Fue creado con la idea principal de compartir y mezclar culturas y experiencias musicales provenientes de distintos lugares de la tierra. Su principal enfoque es la venta exclusiva de vinilos en diferentes páginas de Internet muy conocidas en el medio de la música electrónica en el mundo como lo son decks. de, juno.co.uk, deejay.de, technique.co.jp entre otros.
Tomado de: djprofile.tv
CACERESS
Este joven dj y productor de Bogota, con solo 21 años ya se jacta de ser la cabeza de uno de los sellos (de exclusividad en vinilo) mas charteados y con mejores ventas este ultimo año en el mercado del House/Techno de culto en el mercado Europeo “Low To High LTD”.
1. Pรกgina about vista en pantalla portรกtil
2. Pรกgina contacto vista en pantalla portรกtil
Low to high
19
MINIMAL TECHNO MINIMAL DESIGN El sello está enfocado a la música House y Techno, sus artistas están muy asociados con el minimal techno y tienen gran influencia de éste. Teniendo en cuenta la influencia de este género en los integrantes del sello, para diseñar el sitio web se siguió con la idea de menos es más y se creó una propuesta limpia y funcional para el sitio, el espacio en blanco es un elemento predominante en todo el sistema el cual va acompañado de tipografías limpias y detalles delicados hacen que el sitio sea un elemento sencillo pero funcional.
Tomado de: wikipedia.org
MINIMAL TECHNO Minimal techno es un subgénero minimalista del techno. Se caracteriza por una estética “esquelética” basada en el uso de la repetición y del desarrollo subyacente. Este estilo de producciones de música de baile tiende a adherirse al motto “menos es más”, principio previamente utilizado en arquitectura, diseño, arte visual y música occidental.
Low to high
20
SENCILLO PERO
FUNCIONAL El sitio web maneja una paleta de color a escala de grises para mantener la limpieza en el diseño, además el logotipo del sello ya existente era blanco y negro, por lo que la escala de grises seguía la temática del logo. Las fuentes usadas con 2 tipografías Sans-serif especialmente diseñadas para web, Cuprum y Roboto, 2 fuentes sencillas y limpias que resaltan en el espacio blanco de la página. La página debía ser diseñada teniendo en cuenta que debía cumplir con la filosofía del responsive web design por lo que fue necesario diseñar el comportamiento de la misma en múltiples dispositivos y pantallas.
Tomado de: wikipedia.org
DISEÑO ADAPTABLE En inglés
responsive design
Es una filosofía de diseño y desarrollo web cuyo objetivo es adaptar la apariencia de las páginas web al dispositivo que se esté utilizando para visualizarla.
Low to high
21
C0 M0 Y0 K100
100% 90%
80%
70%
60%
50%
40%
30%
20%
10%
Mapa de navegaci贸n del sitio en dispositivo m贸vil
24 Low to high
Low to high
25
Las imágenes anteriores muestran el funcionamiento del diseño adaptable del sitio. Cada una muestra la estructura del wireframe y a continuación la vista real del sitio.
BEERS Diseño de medios editoriales PROYECTO REALIZADO CON: Nathalie Cortés Bejarano
Este proyecto se realizó como parte del proceso académico de la asignatura Diseño de medios editoriales en compañía de Nathalie Cortés. Tuvo la asesoría del profesor Óscar Velásquez. Estuve a cargo de la diagramación de las páginas internas del catálogo, así como de la fotografía y edición de la misma. Las ilustraciones fueron hechas por Nathalie Cortés.
}
Beers
{
Beers “la vuelta al mundo en 50 cervezas” es un catálogo de botellas de cerveza de todo el mundo.
31
Detalle infografía inicial
Infografía inicial catálogo
Beers
34
Detalle pagina interna
Beers
35
ORGANIZAR PARA DISEÑAR
Para realizar este proyecto el punto de partida fue conseguir una serie de elementos para así crear un método de clasificación y organización de los mismos. Este catálogo organiza 50 botellas de cerveza de todo el mundo. Y lo hace teniendo en cuenta sus características más esenciales como cerveza entre las cueles se encuentra tipo de cerveza, color, grados de alcohol, entre otras.
Tomado de: wikipedia.org
CATÁLOGO
Catálogo es la relación ordenada de elementos pertenecientes al mismo conjunto, que por su número precisan de esa catalogación para facilitar su localización; por ejemplo, en un archivo o una biblioteca.
Beers
36
Apertura de sección
Página interna “las rojas”.
CADA SECCIÓN El catálogo está seccionado de acuerdo al color de cada líquido, pálidas, rubia, rojas y negras, ya que ésta era una de las características más fácilmente agrupables y es uno de los puntos más llamativos de la cerveza. Dentro de cada página de color se maneja una paleta limitada para no generar demasiado ruido y se mantiene una misma plantilla para todas generando así la unidad del sistema. Las jerarquías están dadas por la posición y tamaño de los elementos y se privilegia la fotografía.
60% C2 M14 Y76 K0
C2 M14 Y76 K0
70% C9 M33 Y94 K1
C9 M33 Y94 K1
60% C43 M100 Y82 K67
C43 M100 Y82 K67
80% C47 M68 Y81 K71
C47 M68 Y81 K71
Tomado de: cerveceriainternacional.com
EL COLOR La cerveza rubia y las cervezas tostadas o negras se elaboran con las mismas materias primas, agua, cebada y lúpulo, la diferencia de color se debe al mayor tueste del cereal.
Beers
CADA COLOR 37
Beers
39
UNA TAPA
EN LA TAPA En la portada del catálogo se utilizó una paleta un poco diferente usando un color azul contrastado con una banda roja. El elemento principal es una tapa metálica usada para cerrar la mayoría de las botellas de cerveza, se usó ya que es un elemento en común de todas las botellas y representaba la esencia del contenido del catálogo ‘botellas de cerveza’. Las tipografías utilizadas son Lobster para títulos y MetaPro para los textos corridos.
Beers
41
CARTAS PARA
CURIOSOS Junto con el catálogo se entregan una serie de tarjetas coleccionables que contienen datos curiosos sobre la cerveza las cuales mantienen la estética del catálogo y la banda roja en la parte de atrás para generar unidad con la pieza principal. Las cartas contienen datos de todo tipo, desde la preparación, origen, cómo acompañar la cerveza, hasta datos sobre las cervezas más caras del mundo.
LA CERVEZA La cerveza es una de las bebidas más antiguas conocidas por el hombre, por ésta razón tiene una gran variedad de curiosidades que pueden ser interesantes para los amantes de esta bebida.
Detalle carta coleccionable
MA CON DO Diseño de juego de mesa PROYECTO REALIZADO CON: Juan Felipe Luna Alejandra González Osorio
Este proyecto se realizó como parte del proceso académico de la asignatura Diseño de medios editoriales en compañía de Juan Felipe Luna y Alejandra González Osorio. Tuvo la asesoría del profesor Óscar Velásquez. Dentro de todo el proceso de diseño del juego, fui el encargado de realizar el retoque fotográfico, ya que el diseño de las diferentes cartas del juego fue un proceso de conjunto.
}
Macondo
{
Macondo es un juego de mesa diseñado teniendo como referencia a Gabriel García Márquez y su libro Cien años de soledad.
47
48 Macondo
Macondo
49
¿POR QUÉ UN JUEGO DE MESA? Este proyecto surgió para promover el gusto por la lectura de los autores Colombianos a través de un concepto muy reciente el cual es “gamificación”. Gabriel García Márquez al ser uno de los más importantes autores de nuestro país fue la inspiración para este proyecto. Escogimos su libro Cien años de soledad por varias razones, entre ellas, es el segundo libro más importante de la lengua castellana después de Don Quijote de la Mancha y la otra fue la importancia en la vida del autor y por la gran variedad de personajes, lugares, historias, objetos, entre otros. El juego presentó un gran reto ya que era necesario diseñar todas las cartas, tarjetas, tableros, accesorios y empaque del mismo. Sin dejar de tener en cuenta la unidad del sistema.
Tomado de: wikipedia.org
GAMIFICACIÓN En inglés
gamification
Es un término anglosajón usado para definir el uso de técnicas y dinámicas propias de los juegos en contextos diferentes para potenciar en los usuarios la capacidad de resolver problemas y mejorar su contribución a la sociedad.
Macondo
50
1. Carta de personaje
Macondo
51
MUCHO MÁS QUE
MARIPOSAS AMARILLAS
Tomado de: definicion.de
Como elemento de inspiración y conceptual principal para el juego y su desarrollo se tomó el realismo mágico ya que García Márquez es uno de sus principales exponentes.
REALISMO MÁGICO
La paleta de color del juego es bastante extensa y fue de vital importancia para poder diferenciar unos elementos de otros, generar las categorías de información y reforzar el concepto elegido. Las mariposas eran algo imprescindible en el juego por su importancia en el libro. Éstas últimas acompañadas de la gran variedad de colores de la paleta escogida dan vida a este proyecto.
del siglo XX una de sus principales
El realismo mágico es un movimiento literario de mediados características es el contenido con elementos fantásticos o mágicos que son percibidos como normales por los personajes.
Macondo
54
1. Detalle tipográfico carta de personaje
TÍTULOS PARA
SER VISTOS
Tomado de: wikipedia.org
Como referente para el manejo tipográfico del juego se tomó el filete porteño por su colorido y manejo de la perspectiva, para el diseño del juego se realizó una versión simplificada de fileteado la cual está presente en la mayoría de las tarjetas.
FILETE PORTEÑO
Los personajes son todos tomados del libro de García Márquez y cada uno está representado fotográficamente tratando de captar su esencia y personalidad.
líneas que se convierten en
El fileteado es un estilo artístico de pintar y dibujar típicamente porteño, que se caracteriza por espirales, colores fuertes, el uso recurrente de la simetría, efectos tridimensionales mediante sombras y perspectivas, y un uso sobrecargado de la superficie.
Macondo
55
1. Cartas orden de turno
REFERENTES
2. Referente visual filete porte単o
3. Referente visual filete porte単o
Macondo
56
macondo Para el identificador del juego se utilizó la fuente Emmascript Std. Ésta fue escogida por sus características manuscritas que se adaptaban muy bien al concepto de realismo mágico mencionado anteriormente.
Rockwell fue la fuente utilizada en la adaptación del filete porteño usado en los títulos de la mayoría de las cartas, fue elegida ya que al ser una fuente egipcia funciona muy bien en textos que pretenden ser vistos antes que leidos, y los títulos de las cartas pretenden llamar la atención.
MACONDO Y SU Macondo
COLORIDO La extensa paleta de color fue escogida teniendo en cuenta el número de generaciones de la familia Buendía, protagonista del libro. Se eligieron 7 colores del circulo cromático y a cada color se le asignó una pareja de un tono diferente para poder dar jerarquías de información cuando fuera necesario.
57
C100 M18 Y8 K0
C89 M0 Y10 K0
C82 M90 Y0 K0
C35 M38 Y0 K0
C0 M85 Y10 K0
C0 M36 Y2 K0
C0 M84 Y93 K0
C0 M38 Y36 K0
C100 M0 Y65 K0
C40 M0 Y30 K0
C61 M4 Y100 K0
C28 M0 Y66 K0
C35 M60 Y80 K25
C0 M35 Y85 K0
C0 M0 Y0 K100
Macondo
60
HISTORIAS
Y TARJETAS El juego posee una gran variedad de tarjetas de diferentes tamaños y funciones dentro del funcionamiento del mismo.
Todo el juego y su desarrollo se
Cada una fue diseñada de acuerdo a su rol dentro del juego y su importancia en el desarrollo, entre ellas están los tableros con los lugares que pueden ser construidos, las cartas que indican los recursos y su valor, las tarjetas sorpresa y las desgracias que ocurren cada ronde en el juego.
historia del libro original y por
planteó teniendo en cuenta la lo tanto todos los nombres de lugares y sorpresas están basados en sitios y objetos del mismo.
Tablero de lugares
Carta desgracia
Tarjeta sorpresa
Macondo
61
Cartas de recursos
ANTO LOGÍAS Diseño de medios editoriales PROYECTO PERSONAL
Este proyecto se realizó como parte del proceso académico de la asignatura Diseño de medios editoriales. Los textos del libro “De amor y otras locuras” fueron seleccionados y compilados por Alejandra González Osorio.
}
Portadas y separadores de libros
Antologías
{
El proyecto consiste en una colección de libros de antologías que tratan sobre un tema en específico.
67
AntologĂas
68
Portadilla
Portadilla
Antologías
69
UN TEMA, MUCHOS AUTORES Recopilar textos es algo muy útil si se quiere aprender sobre un tema específico. Este proyecto consiste en una colección de antologías de diversas temáticas, entre ellas el miedo y el amor. Cada libro tiene un manejo de diseño diferente dependiendo del tema que éste trate; el proceso fue tan minucioso que los textos fueron seleccionados para que tuvieran una relación entre sí. En el caso del miedo, los cuentos no hablan simplemente del miedo, sino se adentran al mundo de las fobias y ese miedo extremo que sentimos por algo, y en el caso del amor, todos los relatos tienen en común las estaciones y el paso del tiempo.
Tomado de: wikipedia.org
ANTOLOGÍA Una antología es una
recopilación de obras notables por algún motivo en particular, de alguien o algo específico.
AntologĂas
70
Detalle folio
Detalle folio #2
Antologías
71
TEXTOS DE LARGO ALIENTO La selección tipográfica debe ser algo esencial en textos de largo aliento ya que ésta es la que hace posible la lectura del mismo. En el caso de las antologías, al ser una recopilación de varios textos, requiere una fuente legible y lecturable al mismo tiempo. Para estos libros se usó la misma fuente para los textos corridos, sólo se modificó la fuente de los titulares y cabezotes de los mismos. Las márgenes de los libros son bastante amplias para hacer más agradable el acto de leer.
Tomado de: cuadernointercultural.com
LEGIBILIDAD Y
LECTURABILIDAD La legibilidad tiene que ver con la forma de presentar los textos para que puedan leerse sin dificultad. La lecturabilidad se puede definir como la facilidad que ofrecen los textos escritos para ser comprendidos sin necesidad de realizar grandes esfuerzos.
72 AntologĂas
73
AntologĂas
Antologías
74
Ésta es la selección tipográfica para los libros, las dos primeras fuentes se usaron para subtítulos y textos corridos, y las dos siguientes fueron para cabezotes y títulos.
Antologías
75
EL COLOR
COMUNICA La paleta de color se seleccionó de acuerdo al tema de cada antología, es por ésto que cada libro tiene una paleta de color diferente que, aunque es limitada cumple la función y le da carácter al libro. Los colores usados fueron violeta/negro y rojo para el miedo y el amor respectivamente ya que son colores que para la mayoría de nosotros simbolizan dichas emociones.
Paleta de color usada para el libro “De muerte y otros miedos”.
C0 M0 Y0 K100
C92 M94 Y16 K5
Paleta de color usada para el libro “De amor y otras locuras”.
C38 M100 Y73 K43
C24 M100 Y91 K23
LONE Dise単o de Identidad Visual PROYECTO PERSONAL
{
}
Lone es una marca de ropa creada en la ciudad de Bogotรก, dedicada inicialmente a la manufactura de camisetas y sacos para hombre y mujer.
Lone
81
RECONOCIBLE Y LLAMATIVO Al ser una marca reciente, se necesitaba un identificador que fuera llamativo y a la vez fácil de diferenciar. Como identificador para la arca se decidió crear un monograma ya que son simples y fácilmente reconocibles. Para crear el monograma se usaron las 2 consonantes del nombre de la marca “Lone” y mediante una adaptación de Lettering se obtuvo como resultado el monograma posteriormente usado como identificador.
Tomado de: letteringtime.org
LETTERING Si lo tradujéramos al castellano seria algo así como “letras dibujadas a mano”, así que precisamente el Lettering lo podemos entender como aquellos trabajos que han sido dibujados, es decir letras dibujadas no escritas.
82 Lone
Lone
83
LA CLAVE ES EL
CONTRASTE El monograma cuenta con una forma simple haciendo uso de las letras cursivas y el recurso de Lettering los cuales dan ese aspecto actual y moderno a la marca, es un identificador fluido que es contrastado con la rigidez de una tipografía palo-seco utilizada para el nombre y el eslogan de la marca. La selección tipográfica para nombre y eslogan de la marca fue realizada teniendo en cuenta la simplicidad del identificador y el público objetivo al cual va dirigida la misma. Los jóvenes de 18 a 25 años están mas relacionados con fuentes palo-seco y modernas que con fuentes tradicionales serifadas.
Tomado de: wikipedia.org
PALO SECO En tipografía, un tipo de letra paloseco, de palo seco, sans serif o sin remates es aquel que en cada carácter no tiene unas pequeñas terminaciones llamadas remates, gracias o serifas.
Lone
85
SIMPLE Y
A LA MODA Además del diseño de identificador, realicé los diseños de las camisetas que hacen parte de la primera colección de la marca. Los diseños mantienen la idea de la simplicidad de la marca y son realizados teniendo en cuenta las tendencias de estampados de camisetas. Diseños simples, uso de patrones repetitivos, contrastes de colores, entre otros. Para el proceso de estampado de las camisetas se usó la sublimación ya que es la técnica más flexible y duradera.
Tomado de: wikipedia.org
SUBLIMACIÓN Sistema de impresión mediante transfer de papel en serigrafía o impresión digital transferido con calor y presión.
86 Lone
CON TEIN Diseño de Identidad visual PROYECTO REALIZADO CON: Juan Felipe Luna Alejandra González Osorio
Este proyecto se realizó como parte del proceso académico de la asignatura Diseño de Identidad visual en compañía de Juan Felipe Luna y Alejandra González Osorio. Tuvo la asesoría del profesor Juan Pablo Salamanca.
{
Contein S.A.S es una empresa creada en 1983 y que actualmente presta servicios como la coordinaci贸n de los dise帽os, la gerencia de los proyectos y la gesti贸n de las construcciones.
}
Contein
93
ACTUALIZACIÓN
Y RENOVACIÓN
El logosímbolo nació por la necesidad de actualizar la imagen corporativa de Contein S.A.S, de crear una identidad a la altura de su competencia y aparte de eso, de agregar a Contein S.A.S un factor adicional que lo destaque frente a sus competidores y que generen una mayor recordación.
MISIÓN Somos una organización que ofrece y presta servicios relacionados con la construcción reconocidos por su calidad,
Los conceptos de solidez, equilibrio, seguridad, entre otros. Fueron los encargados de llevar el desarrollo y la construcción de este identificador.
especialidad, cumplimiento y
Después de investigar, concluir y bocetar, como resultado surgió un cubo ya que es una figura asociada con el equilibrio y la estabilidad si está posicionado horizontalmente. Éste al estar en perspectiva y dividido en partes da la impresión de ser una construcción, manteniendo así la ideología de la empresa.
y generando bienestar,
adecuado costo, satisfaciendo las necesidades del cliente rentabilidad y crecimiento para toda la organización.
Contein
94
Partes del identificador
TipografĂa usada para el nombre
Contein
95
LA FORMA Y LA FUNCIÓN El color azul como representación de seguridad, confianza y lealtad; además se usaron varios matices del mismo color para reforzar la idea de tridimensionalidad y dividir el cubo en sus diferentes espacios. El resultado es un logosímbolo que aunque juega con un espacio tridimensional que se asemeja a una construcción, no cae en el lugar común de la mayoría de las empresas constructoras, ya que juega con varios matices de color y además remite al identificador anterior.
C30 M0 Y0 K0
C60 M0 Y0 K0
C60 M10 Y0 K0
C90 M40 Y0 K0
C100 M50 Y0 K30
C100 M50 Y0 K90
Tomado de: wikispaces.com
LOGO O LOGOSÍMBOLO Son la unión del logotipo y del isotipo o símbolo, formando un único bloque de diseño. Se puede comparar a la firma que una empresa pude poner en todos sus productos, o incluso, en la empresa en sí misma.
Contein
96
LA PARTE POR EL TODO Junto con el identificador, se desarrollĂł todo el sistema de identidad de la empresa, incluyendo versiones en positivo y negativo del logo, y elementos de grĂĄfica complementaria basados en el sĂmbolo y sus colores para ser usada en los distintos objetos utilizados por la empresa.
Versiones positivo y negativo
Contein
97
Detalle membrete
Tarjetas de presentaci贸n
CONSTRUCCIONES
MILLENIUM Dise単o de Identidad visual PROYECTO PERSONAL
{
Construcciones Millenium s.a.s. es una empresa constituida en Bogot谩 dedicada a la construcci贸n de obras civiles de todo tipo
}
Millenium
105 UNA NUEVA EMPRESA
NECESITA
IDENTIFICARSE Al ser una empresa creada desde cero, no tiene ninguna identidad definida, es por ésto que fue necesario diseñar el identificador para la compañía.
Tomado de: glosariografico.com
ESPACIO NEGATIVO Espacio en blanco, vacío de elementos, sobre todo
Como punto de inicio se tomaron 2 elementos para el diseño del símbolo, la forma más genérica de una construcción, una casa; y la letra M, inicial de la razón social de la empresa.
al que se deja sin ocupar
El resultado es un símbolo que reúne características de ambos elementos y juega con el espacio negativo.
de un trabajo.
intencionadamente. Es un elemento importante en la composición y el resultado final
Millenium
106
LA CONSTRUCCIÓN DE UN IDENTIFICADOR El identificador fue creado siguiendo una geometría sencilla, y unas cuantas relaciones entre sus partes. La idea de todo ésto es que el identificador siempre se vea de la misma manera sin sufrir deformaciones de forma o proporción.
Los diagramas muestran los parámetros y reglas básicas que debe tener la construcción del símbolo,
Se realizó lo más sencillo posible para facilitar su reproducción y no sacrificar su legibilidad en tamaños pequeños o en diferentes materiales sobre los cuales sea utilizado.
Relación entre el síbolo y el logotipo.
Millenium
107
130º Este diagrama muestra las 50º
medidas de los ángulos que deben tener las diagonales del símbolo teniendo en cuenta que el espacio negativo del identificador es de ancho constante.
El segundo diagrama ilustra la relación entre el ancho y el alto, la cual debe ser respetada al momento de su construcción, para su óptimo funcionamiento.
Relacion 3:4
Millenium
108
EL COLOR
Y SU EFECTO Los colores seleccionados para el identificador son básicamente negro y gris, ésto se debe a que según la psicología del color, son dos colores comúnmente asociados a la madurez, la formalidad y la imparcialidad. Para una empresa nueva es vital generar una buena impresión y no ser demasiado extravagante, por eso la imparcialidad y formalidad saltan a la vista con la identidad de la empresa.
100%
60%
C0 M0 Y0 K100
C0 M0 Y0 K100
Tomado de: psicologiadelcolor.es
PSICOLOGÍA DEL COLOR La psicología del color es un campo de estudio que está dirigido a analizar el efecto del color en la percepción y la conducta humana.
Millenium
110
Versi贸n en positivo
Versi贸n en negativo, con 谩rea de respeto
Millenium
111
VARIACIONES
DE UN MISMO TEMA En el proceso de diseño también se tuvo en cuenta la aplicación del identificador en diferentes situaciones ya que en algunas ocasiones se puede requerir un estampado a una sola tinta, o una versión en alto o bajo relieve. Por lo tanto se crearon las versiones en positivo y negativo que responden a este problema de aplicación. Además se definió un área de respeto para mantener el aire alrededor del identificador, y así no interferir con el rendimiento del mismo.
El aire del identificador se refiere al espacio que lo rodea y que es sumamente necesario para garantizar la buena lectura del mismo. Este espacio se diseñó teniendo en cuenta la medida del ancho del símbolo del identificador.
BO GO TÁ Diseño de guía turística PROYECTO PERSONAL
{
Este proyecto consiste en una guía turística con planes no convencionales en la ciudad de Bogotá
}
Bogotá
116 OTRA FORMA DE VER
LA CIUDAD La guía turística realizada para este proyecto surge del problema presente en todos los planes pensados para visitantes de la capital del país, siempre plantean las mismas actividades que no salen del centro histórico y cultural de la ciudad. Esta guía presenta una serie de actividades que son comunes entre los capitalinos pero salen del cliché y además pueden ser interesantes para los extranjeros, mostrando todo de manera infográfica.
Tomado de: ofifacil.com
INFOGRAFÍA La Infografía es una combinación de imágenes sintéticas, explicativas y fáciles de entender y textos con el fin de comunicar información de manera visual para facilitar su transmisión.
117
Bogotรก
Bogot谩
118
Detalle mini mapas de ubicaci贸n
Mapa de ubicaci贸n
Bogotá
119
PRESENTAR INFORMACIÓN
DE MANERA CLARA La guía muestra la información a manera de consejos y recomendaciones para el usuario, al mismo tiempo que describe los lugares y brinda información importante como su ubicación, costo, horario de atención, entre otros. Aunque esa información puede llegar a ser un poco aburrida y monótona, presentarla de manera infográfica es una alternativa para hacerla más atractiva. Por eso fue necesario hacer ilustraciones y pictogramas que fueran sencillos y fáciles de reconocer. Para dichos elementos se tomó como referencia el flat design y su estética debido a su simpleza y funcionalidad.
Tomado de: wikipedia.org
FLAT DESIGN Flat design se refiere a un estilo usado en el diseño de interfases o UI, el cual se caracteriza por remover cualquier elemento que de la impresión de tres dimensiones y está enfocado en un uso minimalista de elementos, tipografía, y colores planos.
Bogot谩
120
Detalle pictogramas y texto
Detalle pictogramas y texto
Detalle ilustraci贸n y texto
Bogotá
121
IMAGEN Y TEXTO La relación entre imagen y texto es vital en este tipo de proyectos, cada imagen, pictograma, e ilustración utilizada debe tener una estrecha relación con su texto correspondiente. El texto presenta una información que es anclada por la imagen. El uso de textos cortos y pictogramas hacen que la información sea más amigable para el lector y por lo tanto genere interés en el mismo.
DISEÑO “UN NO ESTÁ
TERMINADO HASTA QUE ALGUIEN LO ESTÁ UTILIZANDO. Brenda Laurel
”
Este portafolio se termin贸 de imprimir en abril de 2015. Se utilizaron las fuentes Fairfield LT Std para texto corrido, Egiptyenne para titulares, Fedra sans para folios y numeraci贸n y DIN Pro para entradas de proyecto.