14/5/10










Para una edición especial en la revista La Hojarasca sobre especies colombianas en vía de extinción es necesaria la diagramación del artículo infomativo y el diseño de una pieza que muestre las generalidades y biología del tigrillo que pueda ser portada por el usuario.


En la diagramación del artículo se definieron dos columnas de composición, se muestran texto y varias imágenes en donde se ve al tigrillo en su habitad naural. Para la composición de la pieza portable se definió un tamaño oficio para que pueda ser cargado fácilmente.

También se determinó hacer un pop-up sencillo para que la pieza sea llamativa y se genere interés en su lectura. En el diseño de fondo de la pieza se encuentran manchas similares a las del tigrillo, recuadros de color con imágenes y textos e íconos especiales para cada una de las áreas de explicación del animal.


El resultado es una pieza que informa sobre el tigrillo y un artículo que habla sobre el peligro que corre esta especie de su extinción. Los programas utilizados para el desarrollo de este proyecto son Adobe InDesign y Adobe Illustrator.





La Universidad Jorge Tadeo Lozano realizó una convocatoria para realizar un rediseño de su identificador actual y crear otro para uso publicitario y un manual de identidad visual para el adecuado uso de los identificadores ya que no cuentan con uno actualmente.



En el trabajo desarrollado en grupo se realizó un rediseño al escudo de la universidad; quitando el círculo que contiene al águila y dejando sólo el escudo, también se eliminó la doble corona y se le dejó únicamente al campo en que contiene el águila y se cambió la tipografía.

Para el identificador publicitario se eligió el nombre “La Tadeo” ya que es la manera más conocida de la universidad, se desarrollaron cuatro pictogramas de personas que representan cada una de las cuatro facultades existentes actualmente en la universidad y se asignó un color para representar a cada una de ellas.


Para el identificador oficial se maneja el azul ya posicionado en la universidad y el público en general para la tipografía y el escudo que contiene el águila que está en color blanco.

Para el identificador publicitario se maneja el azul de la universidad en la tipografía y una variación de amarillo a rojo en cada uno de los personajes del símbolo del identificador, generando así una identificación cromática para cada facultad. Esta gama cromática es utilizada en la papelería básica de la universidad para que exista relación entre los dos identificadoes.

El resultado son dos identificadores que muestran la competencia, diversidad y dinamismo de la universidad como institución educativa. Los programas utilizados para el desarrollo y producción de este proyecto son Adobe Illustrator, Adobe Photoshop y Adobe InDesign.







Para el evento realizado en la Universidad Jorge Tadeo Lozano sobre la presentación de los portafolios de diseño gráfico y la proyección de los reels de realización de medios audiovisuales se realizó la convocatoria para la creación de la identidad visual del evento.

Además se debían desarrollar piezas  de promoción y uso de los estudiantes como pendón, afiche, hablador, identificador de grupo y postal.






El trabajo desarrollado en grupo tuvo como primer objetivo la creación de un eslogan para la promoción e identificación del evento que es “Lo que llevamos dentro” y el texto de presentación del evento.

La metáfora utilizada para la composición de las piezas es la de los rayos X porque con ellos se expone el interior de las personas que en este caso son conceptos de composición de diseño gráfico y medios audiovisuales y al estar en los pulmones se da a entender que la persona respira diseño o medios audiovisuales.




El resultado es un identificador que llama la atención y logra generar recordación entre el público. El programa utilizado para la realización y producción del proyecto es Adobe Illustrator.






Siguiendo con la historia planteada por el grupo CLAMP del manga de los 90’s Sakura Card Captors, una autora peruana creó un texto como continuación y se hizo necesaria la edición de un libro en donde se presenta el texto y las imagenes que lo complementan.

En el libro se logran integrar los estilos, textos, imágenes y personjes de ambas fuentes sin agredir la historia original. Gracias al diseño del libro se logró una optimización de espacio e información en la página web donde se encuentra publicada la historia de la autora peruana.



Tomando como punto de partida las características planteadas en el anime del grupo CLAMP se eligió un estilo de imagen y color que que fuera acorde al lenguaje manejado por ellas.

Se maneja en la sobrecubierta frontal y posterior la imagen del león y la luna que permiten identificar el libro como el nombrado en la historia original . Para la cubierta se usaron las 54 cartas que se nombran en la hitoria y para el cuerpo del libro se determinó una caja tipográfica ancha para los téxtos e imágenes, logrando la integración entre el diseño antiguo y actual de los personajes de la historia.



En la composición del libro se utilizaron cuatro fuentes tipográficas distintas, una para los títulos y texto de cornizas, otra para el cuerpo de texto, otra para los pensamientos de la protagonista de la historia y otra para la separación de acontecimientos a lo largo de la historia.

La tipografía principal utilizada en el cuerpo de texto es la Book Antiqua, una tipografía de caja ancha que permite una legibilidad clara y agradable a lo largo de la historia. Para los pensamientos de la protagonista se utilizó una fuente tipográfica distinta, que logra representar la idea del diario de la protagonista. Las tipografías restantes son Monotype corsiva y Flower Ornaments, para títulos y como viñetas, respectivamente.





El resultado es un libro que logra integrar dos estilos de imagen distintos, articulándolos junto con el texto para que se comprenda claramente la historia y se lleve al lector a lo largo de la misma.

Para la realización de este libro se utilizó el programa de edición para publicaciones Adobe InDesign y el programa de edición de imagen Adobe Photoshop.





Para dar a conocer la flora presente en Colombia se realizó un calendario que mostrara por medio de infografías las plantas, describiendo la historia de su descubrimiento, su morfología, características básicas para su plantación (temperatura, zonas donde se encuentra, etc.) y usos.

El objetivo del calendario es que la gente se entere de que plantas son nativas de Colombia y cuales son las más representativas. Con el calendario se genera una recordación que permite que el usuario se informe y conozca la flora colombiana.



Para la realización de la infografía de la Victoria Regia se seleccionó una fotografía de la flor para que fuera el punto de tensión de la composición, a su alrededor se organizan textos e imágenes que le permiten al usuario conocer mejor la planta.

Se presentan imagenes de las dos personas a quienes se les atribuye el descubrimiento de la planta, la biología interna de la flor y un texto al inicio de la composición que habla de datos generales de la planta. En la parte del calendario de marzo se utilizó una imágen vectorial de una flor en opacidad baja para no saturar la composición y para que no interfiriera con la información de cada uno de los días.


En el calendario se maneja una gama de vinotinto en distintas opacidades para que el texto resalte en la composición, además se utiliza el verde de fondo y blanco para las tipografías. En el título se muestra un degrade del color vinotinto principal de oscuro a claro.

El resultado es una pieza impresa que logra informar de manera clara las generalidades, historia y biología de la planta Victoria Regia, integrando textos e imágenes para transmitir datos prácticos al usuario. Para la realización de esta pieza se utilizó el programa Adobe Illustrator.         

3/3/10



La página gfx es una página para descarga de recursos de diseño, como pinceles para photoshop, imágenes jps intesesantes y de buena calidad, o ilustraciones de vectores para Illustrator o Corel o imagenes de renders para 3ds max.

La página está compuesta por dos columnas, en una nos muestran información de la página, enlaces a las distintas categorías o programas, log-in de usuario, juegos, enlace a twitter y entradas de cada mes. La tipografía es sin serifa en un color cafe claro.






Luego nos presentan una columa más ancha en donde tenemos unos links de acceso.







Una explicación del recurso que se nos ofrece; sobre la imágen de un acercamiento a la cara de una mujer, el texto es de color café, el mismo de los links de categorías. La imagen es una ilustración  digital con toques de tipografía para el pelo, maneja una tonalidad de amarillos y verdes.




Y finalmente un preview del item a descargar (pincel, vector, jpg, etc.), una pequeña desripción de lo que se va a descargar y por último unos textos, de color cafe oscuro, en donde podemos leer comentarios de usuario, o elegir la categoría del item motrado.



Para la descarga de los items se redirige a rapidshare o megaupload la mayoría de los casos.

 La página muestra una composición sencilla pero resulta muy útil en el momento de búsqueda de elementos para el diseño, la navegación es muy sencilla, para la descarga se da click sobre la imagen y nos aparece la página de servidores en donde el item está subido, cuenta con enlace a twitter, juegos, chat y RSS.

Toda la tipografía utilizada es una no serifada, en tonos cafes o negro. La página no cuenta con un identificador, más que las letras gfx en un tamaño mediano en la parte superior izquierda de la página.






El tipo de gráfica no está determinado, ya que cada uno de los elementos de descarga varía uno del otro, podemos tener un pincel para photoshop, junto a una caricatura de vectores o una render realista de un personaje u objeto o una fotográfia.

El mapa de navegación del sitio es el siguiente:








Cult-foo es un blog en donde se muestran distintos trabajos de diseño gráfico.

Tiene un cabezote que impacta y llama la atención, por su color, ilustración y manejo de color.





Es una imagen limpia, con una gama cromática interesante, con tonos apastelados pero que se entremezclan muy bien con el fondo de colores más oscuros, los dos pájaroa presentes resaltan y le dan mayor impacto a la página, además que la descomposición de colores en cuadros es muy interesante y llamativa, las flores rosadas complemtentan la ilustración y la gráfica de la misma.




El fondo en donde se muestra la misma ilustración pero en un color plano y oscuro ayuda a que la ilustración del primer plano sobresalga aún más del fondo gris, el manejo de color es muy agradable, cuenta con una amplia paleta de colores que se mezclan muy bien con el cabezote, entre columnas y con el fondo, pasando por el gris, verde, azul, rosado hasta llegar al blanco.





El sitio web maneja una tipografía sin serifas para el cuerpo de texto, títulos y enlaces, pero el identificador está compuesto por una letra paloseco y una manuscrita en color café y que se entrelaza con el cabezote, muestra el nombre (cult-foo) sobre una caja que al abrirse deja salir todo el color y composición de la parte superior de la página.



La página está compuesta por tres columnas, una de descripción y muestra de trabajos, otra de noticias y otra de inspiraciones o referentes, la primera columna tiene fondo blanco y el cuerpo de texto es negro y títulos azules, la central tiene fondo verde claro y cuerpo de texto negro mientras de la última tiene fondo azul, con enlaces del mismo color pero en una tonalidad más oscura, además que muestra imágnes pequeñas de los referentes que utiliza.




 


Al deplazarse a lo largo de la página el cabezote pasan a ser los links de la parte superior, estos intervienen en las entradas con formas geométricas circulares permitiendole un fácil acceso a ellas al usuario.





En la parte inferior de la página aparece de nuevo uno de los pájaros del cabezote, el de tonos amarillos, se presenta sobre un fondo gris oscuro con siluetas parecidas a las del cabezote, ambos sobre el fondo gris, más claro.






La página cuenta con enlace extterno de contacto, twitter, y rss (Rich Site Summary). El mapa de navegación es: