UNIVERSIDAD RAFAEL LANDIVAR FACULTAD DE ARQUITECTURA Y DISEÑO DEPARTAMENTO DE DISEÑO GRAFICO
“Gritos de estructuras geométricas” Portafolio académico, Área de Galería
ESTEFANIA SIERRA AYALA Carné 1133109 Guatemala, Mayo 2013 Campus Central
UNIVERSIDAD RAFAEL LANDIVAR
FACULTAD DE ARQUITECTURA Y DISEÑO DEPARTAMENTO DE DISEÑO GRAFICO
“Gritos de estructuras geométricas” Portafolio académico, Área de Galería
Presentada ante el Consejo de la Facultad de Diseño Gráfico
Por: ESTEFANÍA SIERRA AYALA Previo a optar el título de: Diseñadora Gráfica En el grado académico de: Licenciada Guatemala, Mayo 2013 Campus Central
2
/ÍNDICE 1. 2. 3. 4. 5. 6.
Presentación………………………………………………pág.1 Objetivo……………………………………………………pág.2 Desarrollo de Curriculum……………………..………….pág.3 Investigación estilo…………………...…………………..pág.4 Análisis de portafolios…………………...……………….pág.5 Proceso de Conceptualización………….……………..pág.17 • Concepto • Tabla (Textual y gráfica)
7. Secciones de portafolio……………………………......pág.28 • •
Índice de contenidos Mapa de Navegación
• • •
Propuestas gráficas Prototipo Booklet
• • •
Instrumento de validación Tabulación de resultados Fichas (Comunicación y Diseño)
8. Bocetaje…………………………………………………pág.31
9. Validación……………….……………………………....pág.45 10. Producción………………………………………………..pág.48 11. Fundamentación………………………………………….pág.49 12. Conclusión y recomendación……………………………pág.51 13. Anexos…………………………………………………….pág.51
3
/PRESENTACIÓN Este portafolio muestra los trabajo realizados durante toda la carrera Universitaria en la licenciatura de Diseño Gráfico, en este caso cada un de los proyectos que se realizaron en las diferentes áreas que la componen, tales como diseño editorial, diseño web, diseño de personajes, ilustración, entre muchas otras. Un portafolio es importante para la presentación de un diseñador, ya que este da a conocer la experiencia del mismo, denotando sus cualidades y su conocimiento en el campo. El presente portafolio, aplica la tendencia del geometrismo mezclado con el minimalismo aplicado al diseño. Limpieza, prolijidad, planos, estructuras, distribución, descansos visuales, delimitado y ordenado son características de un estilo geométrico con influencias minimalistas. Los estilos utilizados han tomado auge en esta época, el
uso de formas geométricas que son aplicadas tanto en la moda como en identidades gráficas, consisten en utilizar simples figuras geométricas en una composición agradable a la vista y su objetivo es dar una estructura que apoye la estética de la pieza. Se presenta la hoja de vida del diseñador, la parte investigativa de su proyecto que aborda el tema de estudio sobre el Lettering aplicado a las campañas publicitarias y su valor agregado para el ámbito de diseño así como de su aplicación, asi mismo presenta la parte de apoyo con un cliente real en la área de estrategia. Se realizó una investigación los estilos de geometrismo y el minimalismo, se analizaron los elementos gráficos que se utilizan, colores, tipografía, formas en la diagramación, así como análisis en sitios web que aplican dichos estilos. Luego se planteó un concepto creativo en el cual se basa el diseño y la implementación en el portafolio. A continuación, se presenta el proceso de análisis y el desarrollo del diseño en el proceso de creación del portafolio digital.
4
/OBJETIVO
DEL PORTAFOLIO
Desarrollar un portafolio académico digital reflejando un estilo geométrico para mostrar los mejores trabajos realizados a lo largo de la carrera de Licenciatura en Diseño Gráfico a estudiantes y docentes de la Universidad Rafael Landívar.
5
/DESARROLLO DE CURRICULUM
6
/INVESTIGACIÓN
GEOMETRIC DESIGN Y MINIMALISMO La geometría es una rama de las matemáticas se ocupan de cuestiones de forma, tamaño, posición relativa de las cifras, y las propiedades del espacio. Los diseños geométricos tienden a tener una calidad más rígida a los diseños de base orgánica. Ya se trate de un estilo minimalista y sencillo o muy complejo, muchos diseños geométricos se componen de formas bastante simples. Del griego tierra "geo", que significa, y "metro" medida de sentido, la geometría se refiere a la ciencia de medir y hacer frente a las relaciones espaciales. Utiliza elementos como líneas rectas, puntos, curvas, superficies y sólidos. El objetivo de un diseñador gráfico es crear un diseño en su medio particular. Tanto en 2D y 3D modelos geométricos son ampliamente utilizados en los gráficos. Modelos en 2D son importantes en la tipografía y dibujo técnico. Esta tendencia de utilizar estos elementos, contiene la tendencia del Mosaico En este caso, múltiples formas geométricas están reunidas en una serie para cubrir un área con un patrón repetible. Mosaico -como patrones variados desde muy complejos a soluciones muy simples-, generados a partir de un pequeño número de elementos.
El Geometric design también se encuentra relacionado con un nuevo enfoque del minimalismo donde se utilizan materiales con texturas inusuales. El término minimalista, en su ámbito más general, se refiere a cualquier cosa que haya sido reducida a lo esencial, despojada de elementos sobrantes. Se juega mucho con texturas y efectos 3D. Así mismo esta tendencia contiene el estilo de structural mood, este estilo es gráfico, estructural, modular. Se caracteriza por el uso de elementos básicos tales como líneas y planos organizada de manera muy particular. Muchos diseños se inspiran en el estilo del Origami, con planos y formas geométricas. En la paleta de colores siempre se encuentra presenta los colores neutros, negro, blanco y escala de grises. Siempre alternando con un color que rompe con ese espacio neutro que hace que se enfatice mas. Entre los distintos exponentes se puede mencionar a Marcin Zasada y Alexandre Efimov, entre otros.
/ANÁLISIS 10 PORTAFOLIOS
OK Studios está conformado por dos hermanos que se dedican a páginas web, identidad corporativa, entre otras cosas, han trabajado para marcas como General Electric, Alphadog, IP, Flatex. Este sitio es uno de los premiados por awwards, que presenta la tendencia geometric design, en el uso de formas geométricas mezcladas con el uso del 3D aplicado en un espacio con profundidad. Se puede observar la mezcla de rasgos que caracterizan al minimalismo como lo son la gama de colores neutros, uso del color gris y blanco. La tipografía que utiliza es san serif para los títulos y serif para los subtítulos, creando así las jerarquías visuales en los textos. Como se mencionó anteriormente la gama de colores utilizada se encuentre entre los colores neutros como tonalidad de grises, utilizando el color amarillo y azul en porciones reducidas, siempre con colores solidos. Los colores ayudan a dar detalles y llamar la atención del espectador, mostrando jerarquías visuales claras que guían al espectador a donde se debe dirigir y como navegar dentro del mismo. Apoya una buena lectura a través del uso de tipografía de grosor delgado, con espacios de descanso visual entre de los bloques de texto, la distribución los elementos hace que las imágenes se apoyen con el texto y viceversa. Utiliza ejes rectos. Las transiciones dentro del sitio son bien sutiles en cuanto a su velocidad, juegan con la profundidad creando espacios únicos en cada sección a través de movimientos en las letras y elementos de cada una de estas. No utiliza audio. El usuario puede introducirse dentro de la galería del sitio que contiene los proyectos, de una manera fácil teniendo a la mano la información de cada uno de estos, es una facilidad que se le ofrece al usuario. El menú se maneja con transparencias.
Es una agencia creativa que se encarga de crear y brindar nuevos servicios, hacia una marca o empresa. Se basan en diseño, software, cultura, historia y narración. Han co-fundado, construido y diseñado WeTransfer y se encargan del marketing de productos. El layout de la página presenta la tendencia del minimalismo con bloques de textos mínimo, con colores neutros y planos geométricos en cada una de sus secciones. La tendencia se ve presente en el manejo tanto su logotipo con líneas inclinadas y formas planas como sus imágenes, con cortes angulosos, que le da movimiento y dinamismo al sitio. Utiliza las formas geométricas y cada uno de los detalles tanto de imagen como de elementos gráficos se maneja de manera estructurada. La tipografía es san serif con bordes rectos, se utiliza la bold y la regular para dar jerarquías en los títulos así como en las partes que contiene información de más relevancia. El color, es una paleta de colores muy neutra, maneja escala de grises, blanco y negro, dejando que la imagen ocupe a mayor proporción espacio dentro de la página, provocando esta que le proporcione color, dándole vida a la misma. La navegación consta de un home que direcciona a las páginas internas, lo que muchas veces confunde al usuario, ya que contiene un menú en la parte superior pero al ser direccionado a otra sección de la página, se pierde el menú o se tiene que regresar al home para poder verlo de nuevo. Al utilizar el blanco sobre gris en tipografía de grosor muy delgado, como se puede observar en el sitio, dificulta la lectura haciéndola ilegible y ya que es una plataforma digital cansa la vista, haciendo al manejo de textos y tipografía no funcional. En los dos botones en la parte inferior del sitio, un botón de play y video que no se entiende su porque o para que funcionan, al presionar video abre un lightbox pero, estos botones no se encuentran en una sección ni se pude saber sobre que tratará el video que se mostrara, no funcionan se perciben como que solo se colocaron en este lugar sin un propósito.
10
Workdiary, es la sitio que pertenece a un joven que le gusta el diseño, la conducción, música y carros. Trabaja desde 2006 en la compañía Pixelschupser - Media Design en New Town como diseñador de medios para impresión y diseño web. La interface se mantiene en lo simple y sencillo, no satura con elementos, en el layout se puede notar la retícula, la cuadrícula en los elementos que lo hace ser estructurado, el diseñador presta mucha atención al detalle, es una página que maneja el color negro como fondo, blanco en las secciones con detalles en color aqua con tonalidades de gris, siguiendo con la influencia del minimalismo, del uso de texturas y figuras geométricas. Es un portafolio que muestra la esencia de las piezas geométricas aplicándose a una página web, manejándose de manera sutil en cuanto al color, manteniendo ejes inclinados elementos, planos geométrico, como la línea, cuadrados y rectángulos. Cada una de las covers en las secciones están trabajadas con la tendencia del geometrismo, con ángulos pronunciados, figuras planas, colores neutros. La tendencia del Geometric Design se caracteriza por usar color saturado que resalte entre todos los colores neutros del fondo, haciendo al sitio llamativo al usuario. La tipografía utilizada es serif para títulos y san serif para contenido. Le da mucha importancia a los títulos manejándolos de gran tamaño provocando que el ojo del receptor dirija su vista en las partes de mayor relevancia. La navegación es de fácil acceso, está estructurada de tal manera que el usuario no se pierda y pueda encontrar lo que necesite, el menú es muy sutil pero se puede notar una interacción al moverse con el mouse a lo largo de la página. Posee contenido de audio, ya que el produce música personalizada. El área de galería se maneja de manera simple, deja a un lado a la geometría y lo aplica en las formas de las imágenes, al darle click a cada una de las imágenes se puede obtener la información de cada uno de los proyectos, este diseñador maneja bloques grandes visuales, grandes títulos, grandes imágenes, grandes elementos.
11
MORTEN STRID es un joven de 29 años que vive en Noruega, trabaja en neoLab como Director de Arte Interactivo. Ha estado en el negocio de la publicidad desde 2004. Con alto nivel de habilidad en la programación, gráficos en movimiento, video y animación 3D. Diseño y Motion Graphics: Photoshop, Illustrator, After Effects, Premiere, Mocha. El sitio es muy interactivo el fondo es a base de cubos flotando que forman a una persona, maneja el 3D. Los colores utilizados son el color magenta y negro a lo largo de toda la página, le da suma importancia a la imagen más que al texto. Las jerarquías visuales están marcadas por las imágenes, pero en cuanto al texto, no se cuenta con énfasis en los textos provocando que el usuario pierda ya que no se encuentra visible el menú, y hay muchas secciones sin identificar. La tipografía utilizada es de un grosor muy delgado que muchas veces hace que no cumpla con legibilidad, haciendo difícil la lectura rápida. No maneja audio, no contiene muchos textos tiene mensajes cortos, lo que no permite el fácil acceso a información de cada proyecto, ni la identificación del diseñador. La tendencia se presenta en la utilización de formas geométricas y ejes angulosos o inclinados. La navegación con la aplicación de jquery en orientación horizontal y no vertical como usualmente se puede observar en muchas de las páginas web. La parte de la galería presenta cada uno de los proyectos desplegados en un montaje en una pantalla de una computadora, creando un ambiente más apegado a lo que trata cada proyecto pudiendo observar como se miraría en la realidad ya aplicado. Se dificulta el acceso a información sobre sus proyectos, puesto que no tiene ninguna descripción o enlace.
12
Web Especies Ltd es una agencia de software, con sede en Edimburgo, Reino Unido, centrados en tecnologías web. Este sitio web presenta una tendencia de geometrismo, en los ejes inclinados que aplica, las figuras que utiliza para presentar la información del sitio, así mismo en el fondo del mismo manejándose líneas anguladas que forman una especia de tela de araña, que forman triángulos a su vez. Sus elementos de apoyo que utiliza son formas geométricas como los círculos y los rectángulos. La gama de colores que emplea son amarillo y negro, que son los colores de la marca, el color amarillo se encarga de darle vida a la página, llamando la atención del usuario en ciertas partes. Las jerarquías visuales son leves en cuanto a los bloques de texto sin embargo se puede ver detalles de color que hacen destacar cierta información de otra. Títulos se emplean de tamaño grande con una tipografía san serif tanto para títulos como para el contenido, teniendo como ventaja los distintos grosores en la familia tipográfica para enfatizar ciertas partes del texto. Se observan textos flotantes en el espacio del fondo, la navegación del sitio es a través de un scroll vertical. Los contenidos se encuentran accesibles, pero en la parte de galería se necesita trabajar más la parte de claridad de los proyectos ya que los espacios en los que son presentados son pequeños, dificultando su visibilidad, haciendo a la galería no funcional ya que no se ve su propósito, percibiéndose sobre puesta. No se percibe una estructura informal. Predominan los espacios en blanco lo que ayuda a la lectura se debe manejar de manera sutil no tan drástica para no caer en que se perciba como no terminado el sitio.
13
Guilherme García es un diseñador que se dedica a la web, crea apps para los sistemas mac y android y también se dedica al motion graphics. Se puede ver marcada la tendencia del geometrismo en las formas y elementos que lo conforman además se caracteriza por ser sencillo y minimalista. Se manejan colores como el morado, amarillo y el gris. La gama de colores utilizada se basa en colores complementarios como lo son el morado y el amarillo, siempre con un fondo neutro, tanto colores como los elementos utilizados dan la sensación y la caracterización de algo electrónico. Posee ejes en diagonal, elementos que cortan los textos, se ve mucho movimiento y expresión que le da personalidad a la página. El layout es bastante diferente a los demás, no contiene páginas internas por lo que solo esta conformado por un solo sitio. Este portafolio presenta la galería al inicio del sitio, enfatizando mucho más esta parte del sitio. La tipografía utilizada es legible angulosa de trazos rectos y cuadrados, esta tipografía se combina para crear jerarquías según color y grosor. La tipografía de color amarillo se maneja de grosor delgado sobre color blanco dificultando la lectura. La navegación del sitio es simple, tiene transiciones con un scroll vertical que se desliza y direcciona a cada una de las secciones. Esta página le da énfasis a las imágenes, a lo visual y maneja grandes espacios donde se presenta la propuesta con una pequeña descripción de que se hizo y cómo se trabajó, siguiendo la misma línea gráfica así como elementos que fortalecen lo geométrico. El usuario puede perderse en su navegación ya que se puede notar que los botones del menú son muy pequeños que muchas veces se pierden en el fondo del sitio. No posee introducción ni animación interna y no posee audio.
14
Design-addicted se trata de un diseñador que trabajó como diseñador web en Düsseldorf agencia trabajando como director de arte en una línea en Erkrath. El es el creador del site de DamenSalon, que esta hecha a base de la tendencia del uso de formas geométricas, tanto para su diagramación como para su diseño de cada una de las secciones. Predomina el uso de triángulos esto mismo ayuda a delimitar la información a si como la parte de la interface. Siempre se ven presentes los ejes en ángulo, ejes inclinados rompiendo con la monotonía sin tener una retícula o layout estructurada recta, estas formas ayudan a distribuir los bloques de textos y las imágenes de la galería. En la navegación utiliza scroll vertical. Los colores utilizados son azul oscuro, rosado y blanco, las secciones se caracterizan por destacar uno de estos colores. Son colores que ayudan a trasmitir elegancia y finesa en el sitio ya que es un sitio para un salón de belleza.
15
Izaias Cavalcanti, es un desarrollador de web interactiva, para móviles y para computadoras. Su enfoque principal son los proyectos en móviles, como ios y android, trabaja como freelancer en Sao Paulo. Es un sitio aplica la tendencia del minimalismo y uso de espacios blancos y neutros. Tiene la peculiaridad de reproducir video en el fondo gracias a una programación en HTML5. Este sitio tiene una introducción al inicio que se trata de un cielo. El layout se mantiene con las características del minimalismo con toques de geometrismo de una manera simple y limpia. Se presenta también la tendencia del geometrismo dentro de su logo así como dentro de sus botones del menú, con líneas inclinadas como elementos visual así como las formas de triángulos, hexágonos y círculos. El menú es muy limpio, sencillo, solo con el uso de tipografía, este consta de dos secciones, que direccionan a la galería y a la información sobre el artista. La tipografía utilizada es san serif, es una tipografía de estilo “bitmap” que apoya a darle esa temática de electrónico, de movimiento y a enfatizar lo geométrico. La tipografía utilizada en los títulos es Serif, se utiliza el título en grandes proporciones. La galería se basa en la presentación de la propuesta de proyecto en toda el tamaño de la pantalla, y al presionar el nombre del proyecto, se proporciona la descripción de dicho proyecto y el link para ver a la empresa que se le realizó. La navegación es a través de un scroll para los lados en la galería y un scroll vertical para la información. La información es muy breve y concisa, no posee mucho texto, es bastante limpio el manejo de los textos como de las imágenes. Utiliza los colores gris y turquesa, pero el color turquesa en pocas cantidades solo para dar énfasis en algunos textos. No posee audio. La tipografía a pesar que es de un tamaño pequeño y es color blanco, es legible y aporta a la temática del sitio, sus ejes son sutiles pero posee una estructura ordenada, que ayuda a que el usuario sepa a donde dirigirse así como utiliza la tendencia de uso de formas geométricas en una cantidad reducida.
16
Jimmy Raheriarisoa, es director de arte y diseñador gráfico que trabaja en Strasbourg. La navegación de la página es de un solo sitio tiene un menú que direcciona a más pantallas pero dentro de la misma página. Le da prioridad a el área de galería presentándose al inicio del sitio. Los colores que utiliza son negro, rojo, turquesa y blanco. Utiliza una temática de video juego con dibujos e ilustraciones creando un espacio peculiar donde se desarrolla la página web. Tanto el logo como toda la línea gráfica de la página, se caracteriza por los ejes inclinados y el unos de formas geométricas y el 3D. La tipografía es serif y en san serif los textos de información. Utiliza rayos y elementos puntiagudos siguiendo con la línea del logotipo así como esos bordes angulosos que caracterizan la tendencia del geometrismo. Así mismo se hace presente un personaje que presenta cada una de las secciones haciéndolas atractivas para el usurario. El manejo del menú es muy estructurado está a la vista permitiendo que el usuario sepa hacia donde dirigirse. El manejo de su galería es interesante ya que rompe con la monotonía de presentar los botones cuadrados utilizando hexágonos. Posee una estructura formal que permite ordenar todos los elementos y las secciones, no utiliza audio. Lo interesante de esta página es que al tocar cada uno de los elementos posee un over / animación, siendo esto algo atractivo para el usuario, con muchos movimiento dentro del logotipo y sus elementos. Es funcional y creativo al mismo tiempo ya que la información esta accesible, la tipografía se proporciona con los gráficos que componen el fondo, hay un balance y una jerarquía entre los objetos creando una composición armoniosa dentro del diseño.
17
Buffalo Es una pequeña agencia de diseño web en Reino Unido. Durante los últimos años se han hecho de la reputación de construir sitios web que parecen grandes y son fáciles de usar. Es un sitio bastante limpio con grandes espacios en blanco que permite al ojo humano descansar y sea más agradable al usuario. La navegación de la página es a través de un scroll vertical, y utiliza los colores negro y blanco como los principales, utiliza los colores anaranjado y celeste colores que apoyen el diseño como en los textos y en los roll overs de los botones e imágenes. La tipografía utilizada en títulos es san serif al igual que los textos internos, se compone de solo un sitio que posee páginas internas pero que presenta una unidad entre cada sección mediante los hexágonos que son los elementos de apoyo. La tendencia del uso de formas geométricas se ve presente en el uso de estas figuras así como en la presentación de sus textos, bastante rectangular con bordes rectos. Posee una estructura formal, se puede observar una retícula, se presenta el layout mediante bloques marcados y estructurados. No posee audio, no tiene introducción al inicio. No tiene animación. Maneja la parte de galería con los mismos hexágonos que al colocarse en las imágenes mediante roll over, presenta la información de la pieza su nombre y en que año se realizo y al hacer click direcciona a una pagina interna con mas información lo que hace bastante fácil la navegación y el usuario no se pierde dentro de la página. Se obtiene acceso ala información. Maneja muchas transparencias lo que hace percibir al sitio muy organizado y ordenado y se puede percibir innovación y elegancia /fineza.
18
/PROS • Contiene una estructura que ayuda a la distribución de los elementos gráficos, así como una presentación de los proyectos de manera limpia y visible. • Presenta los elementos como iconos de identificación que ayudan al usuario a saber a donde dirigirse en la página. • La gama de colores utilizada, ayuda a la legibilidad de textos, a la armonía visual de la composición, así como se presentan los colores de una manera sencilla y simple, con partes detalladas de énfasis.
/CONS • Al usar elementos geométricos puede hacer que es espectador no lo encuentre del todo dinámico y agradable por sus bordes bruscos y rectos. • Al saturar de elementos geométricos puede llegar a cargar mucho el sitio haciéndolo desordenado y no funcional. • El uso de colores neutros sobre neutros, al manejarse con mayor contraste puede dificultar la lectura o la visibilidad de los elementos.
• Posee jerarquías visuales en los textos a través del uso de títulos de gran tamaño. • Es una tendencia moderna y vanguardista. • Las transiciones utilizadas en estos sitios analizados permiten hacer dinámica la página, atrayendo al usuario hacia su contenido. • Utiliza animaciones sutiles, que destaquen ante lo minimalista del sitio.
19
/PROCESO DE
CONCEPTUALIZACIÓN En este punto se desarrollo un proceso de crear frases conceptuales para la realización del diseño del portafolio digital. A continuación se presenta la técnica del Mapa conceptual:
1. Conectando vértices geométricos. 2. Inclinación en espacios dinámicos. 3. Simpleza en ángulos rectos. 4. Estructurando inclinaciones creativas. 5. Tres dimensiones en el minimalismo. 6. Aristas y vértices en construcción. 7. Vértices inclinados en colores estructurados.
MAPA CONCEPTUAL
8. Electrónico y moderno. 9. Limpieza en un lienzo inclinado. 10. Cubos que vuelan en el espacio. 11. Ángulos que expresan movimiento. 12. Estructurando espacios vacíos. 13. Espacios vacíos en un espacio geométrico. 14. Construyendo ángulos inclinados. 15. Inclinando áreas en blanco.
5 mejores
Como siguiente punto se procede a crear frases uniendo las palabras enlistadas anteriormente:
Como consiguiente se procede a seleccionar 5 mejores frases del proceso. 1. Conectando vértices geométricos. 2. Estructurando inclinaciones creativas. 3. Inclinación en espacios dinámicos. 4. Limpieza en un lienzo inclinado. 5. Ángulos que expresan movimiento.
20
MAPA DE RELACIONES A continuación se presenta la técnica de Mapa de relaciones:
22. Lado – sector- espacio – lugar – parte – todo - conjunto 23. Simetría- igualdad- parecido – semejante – afín - relación 24. Equilibrio – armonía – agradable – bonito – atrayente - creativo
1. Geometría – cubo-caja- interior-profundo-fondo - electrónico
25. Relación – corresponder – dar – entregar -proporcionar
2. Planos- liso- imperfecciones- perfecto- bueno- sin mancha 3. Recto – estable- equilibrado- inmovible- estático- quieto 4. Equitativo – igual – semejante- parecido- dos- dúo
Como siguiente punto se procede a crear frases uniendo las palabras enlistadas anteriormente:
5. Neutro- gris- opaco—neblina- lluvia-frio-hielo
1. Cubo estático atractivo.
6. Ángulo-inclinación- inestable- débil- ayuda-mano
2. Vértices que se inclinan a la creatividad.
7. Esquina-arista-filo-saliente-destacarse-atractivo-atrayente
3. Hexágonos armoniosos en el espacio.
8. Vértice –punta-cima-cúspide-arriba- éxito –triunfo- victoria
4. Creando separación de hexágonos.
9. Pico- cumbre – arriba- alto- perspectiva- volumen- 3D
5. Separando vértices, cruzando creatividad.
10. Inclinado- cruzado- intersección- nudo- encuentro
6. Separando lados, cruzando modernidad.
11. Diagonal- transversal- desvió- perpendicular- paralelo
7. Modernismo e innovación se cruzan.
12. Hexágono – polígono- lados. Figura- forma-rombos
8. Atrayendo lo electrónico en el espacio.
13. Creativo – creación – innovación – estético - artístico
9. Desplazamiento de lados en una esfera creativa.
14. Rombo – paralelogramo- lados- ángulos- cuatro - numero
10. Hexágonos desplazados en un espacio imaginativo.
15. Volumen- solidez- espesor- grueso- anchura- espacio
11. Hexágonos desplazados en el espacio.
16. Cuerpo – organismo – vida- respirar- nariz- oler- olores
12. Desplazando creaciones .
17. Grosor – espesor- dimensión – contorno- delgado- grueso
13. Entorno geométrico y creativo.
18. Solido – plano – recto- equilibrado – armonioso - estructurado
14. Espacio atrayentemente geométrico.
19. Contraste – diferencia – único – notable – sobre saliente
15. Formas y estructuras geométricamente con expresión.
20. Sombra – oscuridad- neblina- nube – cielo - celeste 21. Proporción- simetría – igualdad- ritmo - progresivo
21
9. 10. 11. 12. 13. 14. 15.
5 mejores Como consiguiente se procede a seleccionar 5 mejores frases del proceso. 1. 2. 3. 4. 5.
Hexágonos armoniosos en el espacio. Separando vértices, cruzando creatividad Atrayendo lo electrónico en el espacio. Formas y estructuras geométricamente con expresión. Espacio atrayentemente geométrico.
•
Capital Kings - Born to Love (Feat. Britt Nicole) 1. Energía 2. Vida 3. Positivismo 4. Alegría 5. Movimiento 6. Tambor 7. Bites 8. Melodía 9. Sintetizador 10. Libertad 11. Poder 12. Vocal 13. Trance 14. Luz 15. Creciendo
•
Madeon - The City 1. Correr 2. Pasadizo 3. Mezcla 4. Colores 5. Ondas
PLAYLIST CONCEPTUAL A continuación se procede a realizar el proceso conceptual de un playlist relacionando la tendencia creativa así como mi personalidad con un estilo musical: •
Dubstep / electrónica
Se escogerán 3 canciones y se listaran palabras que se relacionen con cada una de estas: •
SKRILLEX - Scary Monsters And Nice Sprites 1. Electrónico 2. Movimiento 3. Sonido 4. Gritos 5. Trabarse 6. Pausa 7. Desplazamiento 8. Slow motion
Explosión Expansión Destrucción Robótico Mecánico Ruido Estallido
22
6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.
Destellos Repetición Eco Filtro Modernismo Pasos Baile Calma Luces Volar Angelical
Como siguiente punto se procede a crear frases uniendo las palabras enlistadas anteriormente: 1. Gritos en bites de luz. 2. Eco repetitivo en movimiento. 3. Luz energética en expansión. 4. Estallido geométrico. 5. Destrucción de la energía en luces. 6. Destellos de colores en eco. 7. Mezcla de colores y ondas. 8. Luces en una explosión geométrica. 9. Ruido mecánico de libertad. 10. Filtro de modernismo. 11. Desplazamiento de destellos. 12. Poder robótico de vida.
13. Pausas en stop motion. 14. Sintetizador de poder vocal. 15. Pasadizo repetitivo en destellos.
5 mejores Como consiguiente se procede a seleccionar 5 mejores frases del proceso. 1. Gritos en bites de luz. 2. Luz energética en expansión. 3. Destellos de colores en eco. 4. Mezcla de colores y ondas. 5. Luces en una explosión geométrica. Se unieron 2 frases conceptuales que se consideraron las que se apegaban con lo que se quiere transmitir así como su relación con la tendencia: Inclinación en espacios dinámicos. Formas y estructuras geométricamente con expresión. Gritos en bites de luz. FRASE CONCEPTUAL Gritos en estructuras geométricas. ¨Grito¨ la tendencia en la que se esta basando el proyecto posee muchas formas geométricas pero a su vez presenta muchos elementos con esquinas pronunciadas muchas, pintas, y elementos muy expresivos. Se relaciona con mi personalidad ya que a simple vista puedo percibirme como una persona introvertida pero que muchas veces tiene muchas cosas que decir y muchas cosas dentro y así mismo puedo llegar a ser una persona muy ruidosa ya que me
23
gusta cantar y siempre estar haciendo ruido. Se representara mediante el uso de elementos angulosos que y puntiagudos asi como líneas muy delgadas, y asi mismo se utilizará en algunas áreas planos con ejes inclinados, no se romperá con estructura ya que no se quiere perder el sentido de el estilo minimalista, por lo que esta palabra se usara de una manera más tenue, utilizando un tipo de metáfora de un ¨grito en silencio¨. ¨Estructura¨ la tendencia del geometrismo utiliza mucho los elementos rectos y con mucho orden, es bastante limpio visualmente por lo que la estructura le da ese aspecto de algo que se encuentra organizado.
También lo podemos relacionar con la parte del portafolio ya que al momento del diseño cada elemento conlleva una estructura para apoyar una buena navegación en el usuario. Se relaciona con mi personalidad ya que soy una persona muy organizada tengo tiempos y espacios para cada cosa. “geométricas” esta se relaciona con la tendencia en el uso propio de formas geométricas y de formas planas en su aplicación así como el implemento de ángulos vértices. Se aplicara en el diseño tanto en los elementos gráficos así como en la navegación y en la estructuración del portafolio. Se relaciona con mi personalidad, ya que una forma geométrica generalmente tiene distintas facetas, distintos lados que completan un todo.
24
REFERENCIAS GRÁFICAS Gritos en estructuras geométricas.
“Grito” REFERENCIAS GRÁFICAS • • • • • • • •
Personas gritando Angustia Ruido Ondas Ángulos pronunciados Cortes Pedazos de vidrio quebrados Distorsión
ANIMACIÓN TRANSICIONES • • • •
Overs con transición rápida Como una distorsión de radio Expansión De algo rompiéndose
ELEMENTOS GRÁFICOS • • •
Triángulos Pedazos de elementos quebrados Líneas distorsionadas
25
26
“Estructuras” Referencias gráficas • • • • • •
Edificios Espacios Construcción Simple Bloques Cubos
Animación Transiciones • • • •
Simple Que se desplace por pedazos Que se desplace por bloques Que se mueva de modo tridimensional
Elementos Gráficos • • • • •
Cubos Hexágonos Líneas Rectas Inclinadas
27
28
29
“Geométricas” Referencias gráficas • • • • • • • •
Planos Matemáticas Geométricos Triángulos Círculos Líneas Ángulos Polígonos
Animación Transiciones • • • •
Líneas Estructuras que se esparcen y se juntan Desplazamientos Cortes
Elementos Gráficos • • • • •
Triángulos Círculos Líneas Ángulos Polígonos
30
31
/SECCIONES DEL PORTAFOLIO • •
Animación de Inicio Home (Menú principal) 1. Curriculum • Contenido • PDF descargable 2. Investigación • Resumen • PDF descargable • Muestras Gráficas 3. Estrategia • Resumen • Ficha Técnica • PDF descargable • Muestras Gráficas 4. Galería PDF Descargable (informe) 4.1 Diseño a. Imagen Visual Café bar • Ficha técnica • Muestras Gráficas Hotel Kah´boon • Ficha técnica • Muestras Gráficas VRIP • Ficha técnica • Muestras Gráficas
b. Diseño Editorial Periódico - La cuerda • Ficha técnica • Muestras Gráficas Memoria de labores – Harley • Ficha técnica • Muestras Gráficas Revista – Trenza • Ficha técnica • Muestras Gráficas c.
Diseño promocional Campaña Agatha Ruiz de la Prada • Ficha técnica • Muestras Gráficas
d. Diseño de Imagen de producto Empaque de espagueti – Suli • Ficha técnica • Muestras Gráficas Empaque para artesanía de tecolotes • Ficha técnica • Muestras Gráficas
32
e.
Diseño de material didáctico o educativo Material Didáctico – Fundación Manos de Amor • Ficha técnica • Muestras Gráficas Material Educativo – Psicopedía • Ficha técnica • Muestras Gráficas Recurso Pedagógico – Juego • Ficha técnica • Muestras Gráficas
d. Aplicación crayón, acuarela, marcador, lápiz, tinta. Etc. Antigua • Ficha técnica • Muestras Gráficas Brocha • Ficha técnica • Muestras Gráficas
4.2 Comunicación a. Ilustración Rosa • Ficha técnica • Muestras Gráficas Helado • Ficha técnica • Muestras Gráficas b. Caricatura / Personaje La yuca • Ficha técnica • Muestras Gráficas c.
Figura Humana Mujer • Ficha técnica • Muestras Gráficas
e.
Fotografía blanco / negro, color y/o digital Surrealismo • Ficha técnica • Muestras Gráficas
f.
Presentaciones interactivas del área audiovisual o diseño interactivo digital Fotógrafo • Ficha técnica • Muestras Gráficas Renato Calvinisti • Ficha técnica • Muestras Gráficas
•
After Effects • Ficha técnica • Muestras Gráficas Animación de Salida
33
/DIAGRAMA DEL PORTAFOLIO
34
/BOCETAJE
ETAPA 1: DIMENSIONES Se comienzo a seleccionar los distintos tamaños que tomará la el . Es importante recordar que el tamaño de un sitio web en este caso el portafolio, así como su peso, va a definir la velocidad con la que se desplegará el sitio en un ordenador . Basándose en el propósito de hacer que el portafolio sea accesible al G.O y que transmita el concepto de “Gritos en estructuras geométricas.”, trasmitiendo de la manera más agradable y personal su diseño al momento de navegar en el. Se seleccionaron las siguientes dimensiones estándar.
35
Se seleccionó la opción resaltada con el recuadro, ya que el portafolio va contener gran cantidad de imágenes e información y se necesitará una buena resolución al visualizar fotografías y videos y fichas de información por esta razón las dimensiones a utilizar son 3000 x 758 px, dejando un espacio de contenido de 960 x 758 px (en cada una de las secciones), esto hace que al cambiar los tamaños de diferentes navegadores no se pierda ningún elemento de la página, que se pueda perder en el ajuste lógico que hace dicho navegador.
ETAPA 2: RETÍCULA
La utilización de una dimensión con orientación horizontal retoma el concepto central de diseño que es “Gritos en estructuras geométricas” ya que un grito se puede relacionar con las ondas, de sonido que se trasmiten en línea horizontal. La parte de “estructura” que se menciona en el concepto hace que pueda denotar un desplazamiento estructurado y organizado al momento de la navegación en el scroll que hacen que el usuario al navegar de manera horizontal en este sitio, teniendo acceso a todo el contenido mediante de una estructura organizada de jerarquías dentro del contenido en sí.
Basándose siempre en el concepto de diseño que se mencionó anteriormente es representado mediante el lograr una armonía visualmente agradable entre el fondo de las páginas con elementos puntiagudos y geométricos que denoten este creando una distribución con ritmo progresivo una secuencia de elementos de las secciones a lo largo del sitio del portafolio.
El motivo por el cual se decide utilizar dimensiones de 960 x 758px es por la mayor funcionalidad y usabilidad sosteniéndose en el concepto creativo de diseño en la organización y distribución de contenido dentro de las secciones.
Para el portafolio se prosiguió con el bocetaje de la retícula de distribución de los contenidos del sitio y ejes con los que se van a trabajar. El portafolio consta de una Página Inicial, menú que es la ofrece los vínculos a las distintas secciones de Curriculum, investigación, estrategia y galería.
Se toma en cuenta muchos elementos de diseño así como estándares en el desarrollo de un sitio web al momento de bocetar así como el análisis y la colocación de cantidad de bloques de textos, que se distribuyan de una manera que cree contraste y que sea legible dentro de todo el sitio, ya que el propósito de este es proporcionar un lugar donde se despliegan los proyectos realizados a lo largo del sitio, haciendo de una manera personalizada y que se renueve a cada cierto tiempo.
36
Se procedió a seleccionar la retícula que mejor representará el concepto, que mostrará las líneas geométricas, elementos puntiagudos, que se basarán en el concepto creativo. Dado que esta
37
retícula posee un punto focal donde el receptor puede guiar su vista se utilizará para hacer de este punto focal, el segmento que más resalte. Esta retícula enmarcada de color rosado, da estructura y orden mediante un movimiento leve dentro de sus ejes angulosos. Posee espacios distribuidos en los bloques de texto, tiene la capacidad de separarse en secciones, las secciones pueden definirse mediante dicha estructura, rompe la monotonía. Adicional a esto la retícula apoya a la navegación haciéndola agradable al receptor.
ETAPA 3: LAYOUT
38
39
Luego de haberse analizado cada una de las propuestas de los layouts del sitio web y las distintas distribuciones de contenido se volvieron a analizar que tuvieran las características de ser accesible, fácil desplegado en cualquier pantalla, que logre una distribución correcta de los contenidos para la transmisión de la información del autor / diseñador. En esta etapa se analizará la funcionalidad de la página web así como las posibles aplicaciones de JavaScript y jQuery, para atraer al usuario a cierto contenido así como puntos focales de las secciones, y se comienza a analizar la manera de despliegue de cada una de las secciones del sitio. Luego de haber analizado cada uno de los aspectos funcionales y estéticos de estos layouts, se concluyó que cada uno cumple a cabalidad con el propósito del portafolio así como, presentar la personalidad del autor de una manera estética pero así mismo funcional, es accesible, expresa orden, estructura, y presenta de manera geométrica.
ETAPA 4: COLOR El color es un elemento importante para la representación y construcción de una identidad. Por lo que como primer punto se prosiguió a obtener referencias de elementos como sitios web que tuvieran ya implementado el color para analizar como funcionó para ellos.
40
transmitieran estados de ánimo, emociones, el concepto creativo mencionado anteriormente, y que reforzará el interés sobre el autor y el propósito de presente la esencia de autor y su personalidad que representa.
Luego del previo análisis sobre los colores en las páginas web y portafolios, se procedió a seleccionar gamas de colores que
41
ETAPA 5: TIPOGRAFÍA tipografía títulos En la Psicología de color orientado al diseño digital, según DEHAHS, El color magenta y sus derivaciones como el color fucsia, son colores que trasmiten abundancia, creatividad e imaginación, suele usarse para asociar algo nuevo y elegante. El color negro representa elegancia y el color gris calma y energía y el color blanco representa estar abierto, se asocia con estabilidad. Luego de haber analizado la parte de la psicología de color, se seleccionaron los colores y la combinación de colores que representarán el concepto creativo así mismo ayudar a cumplir el propósito de proporcionar un lugar donde se presente la personalidad del autor, que informe sobre sus proyectos así como su investigación y su trabajo, utilizando un medio de comunicación de actual uso, programado con HTML5, haciendo de una manera personalizada. Así mismo el propósito de dar a conocer al autor mediante elementos y proyectos que puedan identificarlo y pueda esto construir la imagen del diseñador.
Estas son tipografías que tienen buen interlineado son elegantes, tienen buen espaciado, son tipografías san serif que ayudan a la mejor
42
lectura a que es una plataforma digital algunas pueden considerarse de menor resolución, dificultando la percepción y comprensión de los mismos.
tipografía contenido
Se seleccionó la tipografía Nexa Bold. Ya que es una tipografía que posee variedad de grosores, tiene bases geométricas lo que las hace tener una estructura rectangular con cortes rectos y puntiagudos, que reforzar el concepto de “Gritos en estructuras geométricas”. Es una tipografía sans serif, lo que la hace más legible aportando a una lectura agradable en la web.
Es una tipografía proporcional que como se mencionó antes evita los grandes espacios en blanco, aporta a la estética y cumple la función central de la tipografía dentro del portafolio que es ser legible y tenga variaciones para poder observar jerarquías para guiar al ojo del receptor hacia la información que se necesita leer o visualizar a primera vista.
Para continuar con este proceso se seleccionó la tipografía señalada con el recuadro. Ya que es una tipografía que tiene una variedad de grosores y ancho de letra, con la que se puede realizar armonías visuales creando énfasis dentro del portafolio y sus secciones.
43
La familia tipográfica GENEVA, es una tipografía que puede utilizarse en cualquier pantalla y plataforma web mediante un código en la programación sin ningún problema de legibilidad del texto, el objetivo por el cual se eligió esta tipografía en lugar de utilizar una genérica de la programación, es por el propósito del sitio que es hacer que el grupo objetivo se identifique con este autor y se va lograr mediante la diferenciación de este, ante los demás, por lo que esta tipografía le da personalidad al portafolio, la hace única y dado que es una familia tipográfica con variedad de grosores como se mencionó anteriormente.
En esta etapa del bocetaje se desarrollaron elementos gráficos que apoyarán al material del portafolio. Se seleccionaron aquellos que cumplieran con las características de apoyar al diseño y a la trasmisión del mensaje, y que se conectaran con la imagen promoviendo la identificación del Diseñador. Estos elementos serán los que ayudarán a trasmitir la parte del concepto de ¨gritos¨ de ¨estructura” y de “geométrico” así como la parte de los ¨elementos, mediante la composición de estos, para crear armonía y dinamismo en el sitio.
ETAPA 6: ELEMENTOS GRÁFICOS
Se llegó a la selección de estos tres elementos que se complementarán entre sí, ya que en común expresaran ¨estructura¨, ¨grito¨ y ¨geometría¨, palabras que comprenden el concepto de diseño. Analizando los beneficios que estos dos elementos traerían al diseño que serian: Expresar un humor o una emoción, establecer y separa secciones, pueden crear una textura, crear movimiento, llamar la atención atrayendo al receptor, Conectar trozos de información en su disposición y realza la imagen/ fotografías imágenes de muestras visuales.
44
/PROTOTIPO
PROPUESTA PRELIMINAR
45
/BOCETAJE BOOKLET
Se procedió a realizar el boocklet que contendrá el CD con el portafolio e información concerniente a los proyectos que se realizaron. Ya que se basó en el concepto de “Gritos de estructuras geométricas”, se procedió a bocetar “estructuras” que formaran de alguna manera figuras geométricas pero que a su vez fuera un empaque que protegiera al CD. Es por esto que se acudió con el Origami.
Se seleccionó esta estructura del booklet ya que, representa el concepto por sus triángulos puntiagudos, se unifica y conecta con el diseño de la página web lo que hace tener una armonía con ambas piezas.
46
DISTRIBUCÍON DE TEXTOS
PROPUESTA FINAL DE TEXTOS
47
/VALIDACIÓN Se evaluaron los aspectos del diseño, diagramación, tipografía, color, aplicación del concepto en el diseño, elementos de apoyo, aplicación del geometrismo y el minimalismo, navegación y diseño en general (ver Anexo 1). Se presentaron las validaciones a 10 personas para que evaluarán dicho portafolio de manera digital. Para el formato el 100% de los encuestados, coincidieron que el formato permite la correcta distribución de los elementos así como apoya la buena navegación en el mismo, denota lo “estructurado” que menciona el concepto. En el color, 100% de los encuestados concordaron que era agradable y que apoyaba a la estética del portafolio digital, transmitiendo de manera efectiva la esencia del artista, así como da a conocer la personalidad del diseñador autor del portafolio y las tendencias del diseño que aplica. La diagramación es un aspecto importante al momento de la distribución de textos dentro de una página web, el respetar márgenes y retículas dentro de esta determina una buena diagramación de la página, es por esto que el 90% de los encuestados determinaron que era una buena distribución de elementos de imágenes tanto como textos, Pero se comentó que la distribución del menú estaba desorganizada por lo que se procedió a eliminar los botones de Facebook y twitter ya que este portafolio será un offline, siendo estos entonces, innecesarios. Debido que la tendencia y el estilo aplicado deja mucho al diseño en cuadros o en cuadricula esto no sería un inconveniente al momento de dar un espaciado más pronunciado en los textos.
La diagramación de acuerdo a los resultados se califica como una buena distribución de elementos de texto asi como jerarquías visuales marcadas, pero se realizó una observación sobre el área del Curriculum donde se rompía el uso de dos columnas que se manejo a lo largo de el sitio por lo que se determinó no realizar un cambio tan radical pero si unificar el uso de columnas. Solo en la parte de galería ya que la estructura se menciona que no conecta con el diseño y se sobre satura debido a su posición y los espacios entre cada uno de los bloques de las imágenes, Por lo que se procedió a reestructurar y reorganizar esta área de manera más ordenada y limpia. En cuento a la navegación, el usuario se sintió cómodo al entrar en la página, comentando que sabia a donde dirigirse entendían la lógica de los elementos así como el orden de las secciones a lo largo del portafolio no se les dificultaba su entendimiento. Se continua con la utilización de los rectángulos y los triángulos como elementos gráficos debido a que el estilo que se presenta es minimalista y el geometrismo y se recomendó implementar un icono de “descarga” con el mismo estilo, se aplicaron elementos que apoyaran estos estilos y el concepto, utilizando rectángulos y terminaciones puntiagudas debido a la parte del concepto que menciona “gritos”. El 100% de los entrevistados mencionaron que la tipografía era interesante y que era bastante legible, incluso comentaron que esta no cansaba la vista por la proporción y el interlineado de la misma. Las animaciones tanto en la salida y en la introducción mencionaron que creaba interés y atracción para adentrarse al portafolio digital, las dos
48
animaciones son simples y se apegan a las características del estilo minimalista que se aplica. El estilo y la tendencia es aplicada en los elementos gráficos así como en la diagramación y se encuentra presente de forma perceptible a lo largo de toda la página, pero comentaron que los pdfs no concordaban con el estilo, por lo que se procedió a rehacerlos aplicando la tendencia junto con el estilo. Comentaron que el sonido era agradable y que daba ese estilo como de electrónico apegándose a lo geométrico adentrándose a lo innovador. La música que se buscó debía ser un estilo electrónico que se adecuara a la animación y estilo de diseño. El booklet y su diseño hará referencia al diseño que se encontrará en la presentación del portafolio, utilizando los mismos colores, diagramación, elementos gráficos y tipografía.
/CAMBIOS
Unificar el uso de dos columnas
En las imágenes se comentó que ejemplificaban bien los textos apoyándolos a su comunicación pero 50% de los entrevistados comentaron que en la sección de estrategia no se tenía muchas muestras gráficas lo que quedaba como muy en el aire la ejemplificación del proyecto por lo que se procedió a hacer un slide de más fotos que lo apoyaran.
49
Se eliminó los botones de Facebook y twitter e Implemento de slide de muestra graficas en estrategia.
implementar un icono de “descarga” con el mismo estilo
50
Restructuración del área de galería
Rediseño área de pdfs que concordarán con el diseño de la página
51
/PRODUCCIÓN Se utilizó el programa Dreamweaver CS6 con un lenguaje de plataforma de internet de HTML5 para la realización del portafolio. El diseño se maquetó, diagramó y realizó, en el software Photoshop CS6. Para el desarrollo de las animaciones, se instaló el software After effects CS6, exportado con un formato de .mov, .mp4, .ogg, m4v que son los formatos requeridos la reproducción de videos en el lenguaje HTML5. El portafolio se diseñó con un desplazamiento de contenidos por la biblioteca de Javascript y Jquery que ayuda a facilitar la interacción con el lenguaje HTML. Así mismo con la utilización de hojas de estilo. Dentro del cd se encontrarán una carpeta: • La cual contiene los archivos pertenecientes al portafolio digital. Dentro de esta carpeta se encuentra el archivo “index.html”, el cual deberá ejecutar el portafolio utilizado por los usuarios al introducir el disco en la computadora ya sea en un operado Windows o Mac. Para poder ver el portafolio desde una computadora que funcione con Windows y Mac, las instrucciones son las siguientes: • • •
Insertar el cd dentro de la computadora. Abrir Disco: Estefanía Sierra Portafolio. Buscar el archivo llamado “index.html.” Al abrirlo, éste se ejecutará de inmediato, se recomienda utilizar los navegadores Safari 4, Chrome 4, Opera 10.50 o bien Firefox versión 3.5.
/FUNDAMENTACIÓN DE LA PROPUESTA
Para el portafolio digital se partió de un objetivo de diseño de reflejando un estilo geométrico para mostrar los mejores trabajos realizados a lo largo de la carrera de Licenciatura en Diseño Gráfico a estudiantes y docentes de la Universidad Rafael Landívar, mediante un estilo minimalista. Transmitiendo características de simpleza, sencillez, distribución limpia, estructuración formal con una combinación de planos geométricos y de espacios y grandes descansos visuales. Basándose siempre en el concepto creativo de diseño “Gritos en estructuras geométricas”, se definieron formas de navegación, colores característicos de esta tendencia así como del estilo, analizando formas de transiciones y de elementos gráficos que apoyaran tanto el concepto como la personalidad del autor del portafolio. LAYOUT Este se definió como una estructura formal, que le diera una distribución ordenada y geométrica dentro del material. Así mismo esta distribución de elementos transmite la parte del concepto donde habla sobre a las estructuras geométricas, ya que a lo largo del portafolio se hace presente esos planos y basado en construcciones matemáticas que se comprenden en figuras como puntos líneas y superficies perpendiculares entre si.
52
TIPOGRAFÍA La tipografía utilizada en los títulos se llama Nexa ya que se define como una familia tipográfica creada a base de figuras geométricas, esta familia tiene variaciones de Bold y de Light, lo que apoya a crear una jerarquía visual en los textos así como dentro de los títulos y subtítulos de la página. En el menú y los nombres en los thumbnails de las imágenes y de las secciones en galería se utilizó la tipografía Dekar, ya que es una tipografía que aplica para la web, ya que no crea problema al desplegarse en cualquier navegador. Esta tipografía tiene base geométrica a su vez, es por esto que tanto la tipografía en los títulos como en las tipografías de las secciones, refuerza y enfatizan el concepto que habla sobre “estructuras geométricas”.
creativo donde habla sobre “gritos” donde esos gritos son formas de expresarse, es la imaginación y la creatividad expresándose de una manera visible y audible y así mismo se conecta con el autor ya que es un diseñador que busca la innovación y esta lleno de imaginación. NAVEGACIÓN La navegación se hizo de manera horizontal aplicando JavaScript con un jQuery, ya que la transición es rápida lo que hace que esta se conecte con la parte del concepto que menciona los gritos ya que estos se relacionan las ondas rápidas de sonido. Así mismo la navegación se basa en estructuras geométricas aplicando el lenguaje HTML5 basándose en la tendencia y estilo de diseño que se escogió, el geometrismo.
Y por ultimo la tipografía utilizada en los bloques de texto, se llama Geneva, es una tipografía que se puede utilizar en cualquier plataforma web ya que es una tipografía que se despliega en cualquier navegador, es una tipografía legible y proporcional lo que hace que sea agradable a la lectura y descanse la misma.
Dentro de el área de estrategia se utiliza un slide de imágenes de manera horizontal también con un fade out que lo hace denotar la elegancia de un estilo minimalista. Esta orientación horizontal hacia la derecha a lo largo de la página se debe a que denota El crecimiento, el futuro, las metas, el progreso y el éxito que quiere transmitir el diseñador a través de su experiencia y de sus metas a futuro así como su crecimiento y progreso a lo largo de la carrera y de la toma de experiencia.
COLOR
ANIMACIONES
Los colores que se utilizaron son el negro, el gris, blanco y rosado, cada uno mediante el análisis psicológico del color, se determina que el negro trasmite elegancia, que es una de las características del minimalismo, al igual que el blanco que denota pureza y limpieza. El color rosado fucsia transmite el sentimiento de creatividad de la imaginación y la expresión lo que denota esta la parte del concepto
Las animaciones tanto la animación de introducción como la de salida, fueron echas mediante el estilo y la tendencia del geometrismo y el minimalismo, presentado el logotipo de la autora del portafolio así como una superposición de líneas y puntos que expresan el concepto de las estructuras geométricas.
53
ELEMENTOS GRÁFICOS DE APOYO Los elementos gráficos utilizados se complementan entre si, con la diagramación y el diseño del portafolio. Son elementos y planos geométricos que se basan en el concepto creativo de diseño así como cada uno de estos se utilizaron para delimitar secciones, resaltar, llamar la atención y a su vez crear una distribución armoniosa entre los textos y muestras visuales.
/CONCLUSIÓN •
Se diseño un portafolio digital que aplica la tendencia del geometrismo y el estilo minimalista, creando estructuras y planos geométricos que distribuyen los elementos que componen el diseño dentro del mismo. Logrando esto, mediante la investigación y el conocimiento de dichas tendencias y estilos, el obtener las características de estas para luego aplicarlas al portafolio.
/RECOMENDACIÓN •
Para utilizar una tendencia como lo es el geometrismo y el minimalismo, se recomienda estudiar aplicaciones gráficas en diseños web anteriores, y como esta tendencia y estilo se ha aplicado en otras áreas de diseño, ya que esto permitirá poder trasladar y plasma dichas características de manera correcta.
/REFERENCIAS •
Buffalo (2013) Disponible en: builtbybuffalo.com
•
Cavalcanti (2013) Disponible en: iuqo.com
•
Design your way (2013) Disponible en: www.designyourway.net/
•
García, Guilmerme (2013) Disponible en: guilhermegarcia.com
•
Green Peace (2013) Disponible en: www.greenpeace.org
•
Heller, Eva (2008) Psicología del color (e.d) Munich.
•
Morten strid (2013) Disponible en: mortenstrid.com
•
Ok Studio (2013) Disponible en: www.ok-studios.de/home/
•
Present plus (2013) Disponible en: www.presentplus.net
•
Raheriarisoa, Jimmy (2013) Disponible en: www.nerissom.fr
•
Strategy Confernce (2013) Disponible en: www.istrategyconference.com
•
Work diary (2013) Disponible en: www.workdiary.de
•
Web Species (2013) Disponible en: webspecies.co.uk
54
/ANEXOS
C. Los elementos gráficos y su composición identifican al concepto “Gritos en estructuras geométricas”?
Diseñador Gráfico
Muy mal ⎜ 1
El siguiente cuestionario tiene como propósito el evaluar la funcionalidad del portafolio académico personal que presenta las características, la trayectoria y experiencia como diseñador junto con sus trabajos realizados a lo largo de la carrera profesional cursada en la Universidad Rafael Landívar, el cual debe ser resuelto utilizando una nivelación de 1 a 6. Encierre en un circulo la respuesta según su criterio en el que: 1 corresponde a muy mal, 2 mal, 3 regular, 4 bien, 5 muy bien y 6 a excelente.
A. En la Composición, se logra percibir planos geométricos, estructuras creadas con polígonos, superficies solidas elementos característicos del estilo geométrico en la página? Muy mal ⎜ 1
2
3
4
5
6 ⎜Excelente
B. Dentro del diseño se percibe limpieza, sencillez características de un estilo Minimalista, aportando a la armonía de la página? Muy mal ⎜ 1
2
3
4
5
6 ⎜Excelente
2
3
4
5
6 ⎜Excelente
D. Los elementos de apoyo puntiagudos en la página refleja las palabras del concepto “gritos”? Muy mal ⎜ 1 2 3 4 5 6 ⎜Excelente
E. El audio es agradable al oído? Muy mal ⎜ 1
2
3
4
5
6 ⎜Excelente
F. La animación del inicio crea expectativa del contenido de la página? Muy mal ⎜ 1
2
3
4
5
6 ⎜Excelente
G. A lo largo de la navegación de la página, se sabe a donde dirigirse? Muy mal ⎜ 1
2
3
4
5
6 ⎜Excelente
H. El formato de la plataforma de la página es adecuado para la distribución de los elementos y textos ? Muy mal ⎜ 1
2
3
4
5
6 ⎜Excelente
55
I.
Los rollovers dentro de la composición denota los elementos del concepto “Gritos en estructuras geométricas”? Muy mal ⎜ 1
2
3
4
5
2
3
4
5
6 ⎜Excelente
K. La tipografía utilizada a lo largo de la página, tanto de títulos como de contenido es legible y adecuada al concepto? Muy mal ⎜ 1
2
3
4
5
6 ⎜Excelente
L. Las secciones en el menú fueron ordenados coherente y lógicamente? Muy mal ⎜ 1
2
3
4
5
6 ⎜Excelente
M. La estructura del diseño denotan una estructura geométrica y minimalista? Muy mal ⎜ 1 2 3 4 5 6 ⎜Excelente
N. La página es fácil de navegar a lo largo de todas las secciones?
2
3
4
5
6 ⎜Excelente
O. El botón de salida es fácil de identificar? Muy mal ⎜ 1 2 3 4 5 6 ⎜Excelente
6 ⎜Excelente
J. Las muestras gráficas que ejemplifican cada uno de los textos, se pueden percibir con gran claridad, en las secciones de Investigación, Estrategia y Galería? Muy mal ⎜ 1
Muy mal ⎜ 1
P. El tiempo de exposición de la animación de salida es la adecuada? Muy mal ⎜ 1 2 3 4 5 6 ⎜Excelente
Observaciones:
Usuario El siguiente cuestionario tiene como propósito el evaluar lo funcional del este portafolio académico personal que presenta las características, la trayectoria y experiencia del diseñador junto con sus trabajos realizados a lo largo de la carrera profesional cursada en la Universidad Rafael Landívar, el cual debe ser resuelto utilizando una nivelación de 1 a 6. Encierre en un circulo la respuesta según su criterio en el que: 1 corresponde a muy mal, 2 mal, 3 regular, 4 bien, 5 muy bien y 6 a excelente.
1. En la distribución de los elementos, se logra percibir un estilo geométrico de la página, trasmitiendo un sentido de estructura y diagramación?
56
Muy mal ⎜ 1 Muy mal ⎜ 1
2
3
4
5
2
3
4
5
6 ⎜Excelente
3. Las estructuras y las figuras identifican al concepto “Gritos en estructuras geométricas”? Muy mal ⎜ 1
2
3
4
5
3
4
Muy mal ⎜ 1
5
3
4
5
6 ⎜Excelente
6. La animación del inicio le crea expectativa del contenido de la página? Muy mal ⎜ 1
2
3
4
5
6 ⎜Excelente
7. A lo largo de la navegación de la página, se sabe a donde dirigirse?
2
3
4
5
6 ⎜Excelente
2
3
4
5
6 ⎜Excelente
10. Las muestras gráficas que ejemplifican cada uno de los textos, se pueden percibir con gran claridad?
6 ⎜Excelente
5. El audio es agradable al oído y no molesta? 2
6 ⎜Excelente
9. Las distintas interacciones que se tienen con los elementos dentro de la página denota el concepto mencionado anteriormente?
Muy mal ⎜ 1
Muy mal ⎜ 1
5
6 ⎜Excelente
4. Las formas y elementos puntiagudos en la página refleja las palabras del concepto “gritos”? 2
4
8. El tamaño en el que se despliega la página es adecuado para la distribución de los elementos y textos ?
Muy mal ⎜ 1
Muy mal ⎜ 1
3
6 ⎜Excelente
2. Dentro del diseño se percibe un estilo limpio, sencillo, que aportan a la armonía de la página? Muy mal ⎜ 1
2
2
3
4
5
6 ⎜Excelente
11. La letra utilizada a lo largo de la página, tanto de títulos como de contenido es legible y adecuada al concepto? Muy mal ⎜ 1
2
3
4
5
6 ⎜Excelente
12. Las secciones en el menú fueron ordenados coherente y lógicamente? Muy mal ⎜ 1
2
3
4
5
6 ⎜Excelente
57
13. La estructura del diseño denotan una estructura geométrica y minimalista? Muy mal ⎜ 1
2
3
4
5
6 ⎜Excelente
/RESULTADOS En la Composición, se logra percibir planos
•
geométricos, estructuras creadas con polígonos,
14. La página es capaz de ser manejar con facilidad navegando sin dificultad? Muy mal ⎜ 1
2
3
4
5
superficies solidas elementos característicos del estilo geométrico en la página?
6 ⎜Excelente
12 15. El botón de salida es fácil de identificar? Muy mal ⎜ 1
2
3
4
5
10
6 ⎜Excelente
8 6
16. La animación de salida es agradable y esta unificada con todo el diseño? Muy mal ⎜ 1
2
3
4
5
4
6 ⎜Excelente
2 0 1
Observaciones:
•
2
3
4
5
6
Dentro del diseño se percibe limpieza, sencillez características de un estilo Minimalista, aportando a la armonía de la página?
58
•
9 8 7 6 5 4 3 2 1 0
Los elementos de apoyo puntiagudos en la página refleja las palabras del concepto “gritos”?
10 8 6 4 1
2
3
4
5
2
6
0 •
1
Los elementos gráficos y su composición identifican al concepto “Gritos en estructuras geométricas”? •
10 9 8 7 6 5 4 3 2 1 0
3
4
5
6
4
5
6
El audio es agradable al oído?
12 10 8 6 4 2 0 1 1
2
2
3
4
5
2
3
6
59
•
La animación del inicio crea expectativa del contenido de la página?
•
El formato de la plataforma de la página es adecuado para la distribución de los elementos y textos ?
12 12
10
10
8
8
6
6
4
4
2
2
0 1
•
2
3
4
5
A lo largo de la navegación de la página, se sabe a donde dirigirse?
12
1
•
2
3
4
5
6
Los rollovers dentro de la composición denota los elementos del concepto como lo “geométrico”?
10
10
8
8
6
6
4
4
2
2
0
0 1
0
6
2
3
4
5
6
1
2
3
4
5
6
60
•
Las muestras gráficas que ejemplifican cada uno de los textos, se pueden percibir con gran claridad, en las secciones de Investigación, Estrategia y Galería?
•
Las secciones en el menú fueron ordenados coherente y lógicamente?
10
12
8
10
6
8
4
6
2
4
0 1
2
3
4
5
6
2 0 1
*Comentario: En la parte de estrategia se podría crear un slider para ver mas muestras gráficas.
•
La tipografía utilizada a lo largo de la página, tanto de títulos como de contenido es legible y adecuada al concepto?
3
4
5
6
La estructura del diseño denotan una estructura geométrica y minimalista?
12
12 10
10
8
8
6
6
4
4
2
2 0
0 1
•
2
2
3
4
5
6
1
2
3
4
5
6
61
•
La página es fácil de navegar a lo largo de todas las secciones?
El tiempo de exposición de la animación de salida es la adecuada?
12
12
10
10
8
8
6
6
4
4
2
2
0 1
•
•
2
3
4
5
0
6
1
2
3
4
5
6
El botón de salida es fácil de identificar?
12 10 8 6 4 2 0 1
2
3
4
5
6
62
/FICHAS Comunicación Gráfica Coffe facts 1. Contexto del trabajo Este trabajo se desarrollo de manera individual. En el curso de After effects en el año 2012 bajo la temática de “infografía y type motion” 2. Demanda Se solicitó la creación de una infografía creativa presentando un tema de interés.
el rojo le da realce a la composición ya que se quiere que este color en donde se utilizo llame la atención. La tipografía y el concepto en si de la presentación de esta infografía es basada en gráficos clásicos de las cafeterías de épocas anteriores con muchos elementos orgánicos, y la inspiración de art noveau. Se creo una composición armoniosa y que muestra un equilibrio para que todos los elementos así como la información se presentara claramente y se sincronizara con el audio proporcionado. 8. Logros académicos más importantes El lograr la sincronización de un audio con la tipografía y la información de la infografía.
Fotógrafo
3. Objetivo del trabajo Proponer un diseño interactivo mediante la presentación de una infografía creativa presentando estadísticas y estudios hechos sobre el café, utilizando la tendencia interactiva del type motion.
9.
4.
10. Demanda Se solicitó realizar un material web para un fotógrafo.
Idea central manejada en la propuesta Typing la infografía creativa. Se presenta los datos de un estudio realizado sobre el café de manera interactiva con mucho dinamismo, apoyándose mucho en los gráficos que representen lo que se esta ablando,
5.
Dimensiones y Soporte Formato: Flv y mov. Soporte digital.
6.
Técnica Digital.
7.
Fundamentación
Los colores se basaron en la gama de colores de la tierra y lo relacionado con el café, manteniendo como colores principales el café y el rojo, ya que
Contexto del trabajo
Este trabajo se desarrollo de manera individual. En el curso de Software, en el año 2011 bajo la tendencia de “Minimalismo”
11. Objetivo del trabajo Proponer una pagina web para el fotógrafo que muestre su trabajo así como la accesibilidad para contactarlo. 12. Idea central manejada en la propuesta Minimalismo y simpleza que impactan. Se presenta mediante la técnica del minimalismo una pagina web que resalte las imágenes del fotógrafo de manera limpia y que atraiga al receptor, así como el destacar los atributos del artista. 13. Dimensiones y Soporte Dimensiones de 1600 x 2000 px, soporte digital / web.
63
14. Técnica Digital. 15. Fundamentación Se tuvo un estudio previo al fotógrafo Florian Ritter. El diseño se basó en ¨Minimalismo y simpleza que impactan¨, con esta idea central se tomo de base la renovación a su página web. Utilizando elementos que se identificaran con el fotógrafo. Se utilizo así la gama de colores neutros y de poca saturación mas sobrios, intercalándose con el negro y el blanco como toque de neutralidad en los colores. Se utilizo colores neutros llamando la atención al body y al header, basándose en el estilo Vintage en los patrones de papel tapiz característicos del Vintage ya que el fotógrafo trasmite mucha elegancia sencillez y prolijidad en sus fotografías. Se utilizando fotografía haciéndola resaltar, que esta sea la protagonista manejando los textos con una tipografía legible para el receptor san serif para apoyar la mejor lectura, destacando su biografía y su galería. Su navegación es con un scroll vertical para denotar innovación y dinamismo. 16. Logros académicos más importantes Se logro crear ambientes de manera dinámicas en una plataforma web.
mujer 17. Contexto del trabajo Este trabajo se desarrolló de manera individual. En el curso de Figura Humana, en el año 2011 bajo la temática de “Cuerpo desnudo
20. Idea central manejada en la propuesta Cuerpo al denudo con una historia detrás. Se presenta el cuerpo de una mujer al desnudo pero no completamente desnuda sino cubriendo parte de su cuerpo, utilizando técnica libre para representar el carácter de misterio de “la historia detrás”. 21. Dimensiones y Soporte Dimensiones de 17 x 11 pulgadas, soporte cartón ilustración. 22. Técnica Mixta crayón y acuarela. 23. Fundamentación Se presenta el cuerpo de una mujer al denudo, pero solo se muestra la espalda y sus manos, que cubre parte del cuerpo para crear es “ misterio” de contar y representar una historia detrás de la representación. Se uso técnica mixta para crear diferentes texturas dentro de la escena, acuarela para representar los fondos y el crayón para delimitar el cuerpo de la mujer creando contrastes sombras y crear ese carácter fuerte de la pieza. Se pinta al manto que la cubre de color rojo para crear un punto focal que llame la atención pero que ala misma vez denote “pasión” y el porque ella se encuentra desnuda. 24. Logros académicos más importantes Proporción de manos humanas,
MUSICO
18. Demanda Se solicitó la representación de un cuerpo humano al desnudo mediante una técnica libre.
25. Contexto del trabajo Este trabajo se desarrolló de manera individual. en el año 2012 bajo la temática de “música”
19. Objetivo del trabajo Desarrollar y construir el cuerpo humano mediante una composición con la aplicación de una técnica libre.
26. Demanda Se solicito la creación de un material web para un músico, que transmitiera acceso con el músico trasmitiendo la esencia del genero de música que hace.
64
27. Objetivo del trabajo Proponer un material multimedia que contenga recursos del artista, que provea información sobre su obra social así como la trasmisión de sus mensajes de motivación musical, utilizando un medio de comunicación de actual uso por este grupo objetivo, Reforzando su imagen de manera personalizada y brindando sin remuneración con un recurso de acceso global. 28. Idea central manejada en la propuesta Creando el ritmo de elementos en desarrollo. Se presenta al artista en primer plano enfatizando lo que hace, a que se dedica y la música que el artista hace. 29. Dimensiones y Soporte Dimensiones de 1600 x 2000 px, soporte digital. 30. Técnica Digital. 31. Fundamentación
Los colores utilizados son colores que proporcionan un contraste y un dinamismo en todas las piezas. Se eligió el color Cyan y el magenta junto al gris y al negro. La tendencia que se utilizó (Acuarela moderna o digital), se apoya en estas gamas de colores saturados y con gran cantidad de tinta. La tipografía que le aporta elegancia e innovación a la pieza, es legible por lo que cumple su función de diseño, Esta distribución provoca así que tanto la imagen como el diseño se destaque, cumplimento otro de los propósitos de esta pieza que es el identificarse dentro de los demás, ser diferente. La imagen del artista, se seleccionó aquella que presentara de mejor manera al artista, de una manera amigable y denotando los géneros de música a los que se dedica. Se diagramo y ejecuto de tal manera ya que presenta al artista como imagen principal y punto de referencia asimismo esta unificada con las distintas secciones de la paina cumplimento con un ritmo visual.
32. Logros académicos más importantes Se logró presentar de una manera creativa conectando al artista con su esencia dentro de una pagina web.
pez 33. Contexto del trabajo Este trabajo se desarrolló de manera individual. En el curso de Fotografía avanzada en el año 2011 bajo la temática de “surrealismo” 34. Demanda Se solicito la representación de un sueño con tendencia surrealista. 35. Objetivo del trabajo Desarrollar una fotografía surrealista que cuente una historia, trasmitiendo y conectando al receptor con la idea. 36. Idea central manejada en la propuesta Sueño entre el mar y paredes. Se presenta un cuarto encerrado con un paisaje y mucha vegetación con un mar debajo pero conectándose con el cielo. 37. Dimensiones y Soporte Formato: 10 x 10 pulgadas. Soporte digital. 38. Técnica Digital. 39. Fundamentación
Se representó un sueño que aplicara el surrealismo en la fotografía, se conto una historia de un pez que salía de cielo que se conectaba con el mar en un cuarto lleno de vegetación y de paisajes. Se creo un punto focal con el pez saliendo del agua, y el cuarto le da profundidad a la composición, así como la presencia de un gran bloque de colores y tonalidades de verde
65
hace mas real la fotografía haciendo que esta salga del formato y se conecte con el observador,
46. Técnica Ilustración aplicación de acuarela.
40. Logros académicos más importantes Crear un mundo surrealista basado en la realidad.
47. Fundamentación En esta ilustración represento un segmento de lo que es Antigua Guatemala que es característico en este lugar del país que son las cúpulas en las construcciones arquitectónicas, ya que no se quiere caer en la monotonía de repetir lo que usualmente se presenta sobre lo que caracteriza a Antigua Guatemala, sino que se tomo los detalles que la hacen ser lo que es. Se presento la cúpula como punto central ya que enfatiza y resalta la arquitectura colonial, y se implemento un degrade de cielo que se encuentra como un segundo plano en la ilustración, logrando detalles en acuarela en la parte de la madera que se toma de la típica casa colonial y atrayendo al receptor a observar detalles como lo son la ventana y las flores que le dan vida a la representación.
PAISAJE ANTIGUA GUATEMALA 41. Contexto del trabajo Este trabajo se desarrolló de manera individual. En el curso de Dibujo y comunicación, en el año 2009 bajo la temática de paisajes de Guatemala. 42. Demanda Se solicitó la aplicación de la técnica ilustrativa de acuarela en un paisaje Guatemalteco. 43. Objetivo del trabajo Desarrollar la construcción de un paisaje de las calles Guatemaltecas e implementar la técnica ilustrativa de acuarela y su técnica sobre mojado.
44. Idea central manejada en la propuesta “Escena de Antigua Guatemala ilustrada colonial.” Esta idea se represento y se presento al trasmitir en la imagen la esencia de una ilustración, se represento la escena, mediante la toma de una fotografía de un fragmento de un paisaje de “Antigua Guatemala”, que es una cúpula ya que son características en este lugar, se uso una gama de colores que representan lo “colonial” en el concepto.
48. Logros académicos más importantes El cuidado de la perspectiva al momento de representar elementos arquitectónicos.
Brocha 49. Contexto del trabajo Este trabajo se desarrolló de manera individual. En el curso de Dibujo y comunicación, en el año 2009 bajo la temática de “brocha”. 50. Demanda Se solicitó la ilustración de una brocha con mango de madera con la técnica ilustrativa del uso del color en crayón.
45. Dimensiones y Soporte Dimensiones de 8.5 x 11 pulgadas, soporte papel acuarela.
51. Objetivo del trabajo Desarrollar la representación de una brocha con mango de madera en composición que venda el elemento que se ilustra mediante el uso del crayón.
66
52. Idea central manejada en la propuesta Brocha que gotea pintura. Se representa una brocha de pintar paredes con un mango de madera que gotea pintura, creando esa sensación que se encuentra el instrumento en uso.
Proponer una ilustración del producto ¨sundae de Mcdonald¨ mostrando sus tres sabores cereza, blueberry y fresa, a través de un entorno agradable al grupo objetivo.
53. Dimensiones y Soporte Dimensiones de 8.5 x 11 pulgadas, soporte papel de cascara de huevo.
60. Idea central manejada en la propuesta Movimiento en una explosión de sabores. Se presenta ejes curvos para denotar movimiento, mediante splash de la leche crea esa explosión. Las frutas representaran cada uno de los sabores del sundae.
54. Técnica Ilustración a color en crayón.
61. Dimensiones y Soporte Dimensiones de 17 x 11 pulgadas, soporte cartón ilustración.
55. Fundamentación Se realiza una composición de una brocha en el medio del formato para crear equilibrio y armonía a esta, se presento una brocha en uso con la pintura que gotea de las cerdas de la brocha, ya que se connoto que el instrumento se encontraba en uso. Se utilizo el color verde para crear armonía con el color negro y café de la brocha y la madera que a su vez resalta y le da vida ala composición provocando que el receptor observe de un punto y luego se esparza a lo largo de todo el formato.
62. Técnica Realismo en crayón.
56. Logros académicos más importantes Se logro representar con mayor realismo objetos de la vida cotidiana.
helado 57. Contexto del trabajo Este trabajo se desarrollo de manera individual. En el curso de Ilustración avanzada, en el año 2011 bajo la temática de “Sundae 58. Demanda Se solicitó que a través de un producto determinado (sundae) se cree un contexto una historia que lo identifique y sea atrayente al consumidor.
63. Fundamentación Se denotó frescura del helado con los frutos los diferente sabores denotando esa explosión, ese sabor que sale al encuentro del consumidor. Se represento el sundae característico de Mcdonalds, con la interacción de las frutas mostrando la calidad del producto y lo natural del mismo. La pintura se representa con un enfoque completo en los detalles. Con la exactitud en los detalles, contrastada con la irrealidad y la realidad de los elementos. 64. Logros académicos más importantes Lograr intensidad de color y la técnica de realismo más como de punto focal y planos de profundidad
Rosa 65. Contexto del trabajo Este trabajo se desarrollo de manera individual. En el curso de Dibujo y comunicación, en el año 2009 bajo la temática de “Rosa Roja”.
59. Objetivo del trabajo
67
66. Demanda Se solicito la ilustración de una rosa de color rojo con la técnica ilustrativa del uso del color en crayón. 67. Objetivo del trabajo Desarrollar la representación de una Rosa de color rojo en composición armoniosa que atraiga al receptor mediante el del crayón. 68. Idea central manejada en la propuesta Rosa después del roció. Se representa una rosa de color rojo que esta salpicada por el roció, una rosa sola, que se centre la mirada en el elemento. 69. Dimensiones y Soporte Dimensiones de 8.5 x 11 pulgadas, soporte papel de cascara de huevo. 70. Técnica Ilustración a color en crayón. 71. Fundamentación Se realiza una composición con una rosa roja que tiene roció de la madrugada, para darle un realce a la imagen, Este elemento le añade realismo y lo hace mas interesante al observador. Se utiliza la rosa como punto central que ocupa la mayor parte del soporte del papel para lograr el detalle de las gotas y de sus pétalos así como la sombra que viene detrás de la rosa que hace que se enfatice mas el elemento y salga del formato. 72. Logros académicos más importantes Se logro representar gotas de lluvia o roció para dar realismo.
Snack rick´s
74. Demanda Se solicito el rediseño del personaje “titi”. de las snacks de yucas para la marca rick´s Guatemala. 75. Objetivo del trabajo Proponer un personaje para las boquita de yuca de la marca rick´s que se identifique con el grupo objetivo.
76. Idea central manejada en la propuesta Toda una personalidad un único sabor. Representación de la Yuca como personaje mujer muy arreglada crujiente denotando su forma característica. 77. Dimensiones y Soporte Dimensiones de 8.5 x 11 pulgadas, soporte bond. 78. Técnica Ilustración digital. 79. Fundamentación Este personaje es una mujer muy arreglada con labios rojos y ojos delineados ya que no se quiere desligar totalmente del perfil del personaje que ya tiene esta marca para las yucas. Los ojos y la boca son grandes ya que es un personaje muy expresivo y quiere transmitir lo amigable de la marca. La forma de la cara del personaje fue extraído de la forma abstracta de la yuca frita. Los colores del personaje se eligieron que fueran acorde con el empaque de los snacks en el que se va implementar así como los colores que caracterizan al sabor barbacoa de estas yucas. El personaje se encuentra delineado con una línea gruesa descontinua que enfatizan y separan al personaje de su fondo.
73. Contexto del trabajo Este trabajo se desarrollo de manera individual. En el curso de Desarrollo de personajes, en el año 2011 bajo la temática de “Snack ricks”
80. Logros académicos más importantes Representación de un personaje acorde al grupo objetivo
68
Diseño Gráfico AGATHA 1.
Contexto del proyecto En la clase de Diseño Editorial, se realizo un trabajo grupal, en el año 2011, integrantes: Alejandro Márquez, Raquel Menéndez, Nery Abraham, Andrea Marroquín, Estefanía Sierra, Sofía González y Liz Noguera. con la temática Revista De diseño.
2.
Necesidad A la marca Agatha Ruiz de la Padra le hace falta que su grupo objetivo conozca sus nueva colección de skins para iphones.
3.
Objetivos de proyecto Proponer campaña de lanzamiento de la nueva línea de skins para iPhone, incorporando la marca a las nuevas tecnologías, para que los usuarios de equipos electrónicos que conocen la marca, encuentren accesorios que complementen a estos.
4.
Grupo Objetivo Jóvenes del sexo femenino, que posean un IPhone.
Perfil demográfico: Las familias de los jóvenes mencionados residen en casas de block en zonas residenciales que cuentan con servicio básicos a su disposición. Los padres logran costear el servicio doméstico de 1 o 2 personas en la mayoría de los casos. ingresos familiares oscilan alrededor de Q23,500.00 al mes. Vivienda en sector residencial y en colonias. Las casas poseen al menos 4 habitaciones, pueden ser hechas a sus especificaciones. Perfil psicográfico:
Son mujeres muy femeninas. Son atrevidas, bastante infantiles. Les gusta el estilo pop. Son personas muy positiva, les gusta sentirse felices, les gusta verse simpática y son educadas. 5.
Concepto “formas en el arcoíris.” Agatha Ruiz de la Prada se caracteriza por la utilización de muchos colores y tener muchos contrastes. Por esto mismo ella demuestra en sus diseños y en sus creaciones ese positivismo alegría y colorido que caracteriza su marca. Este concepto creo para la propuesta de una nueva línea de producto. Donde se pretende que a través de ¨formas¨, en el diseño características de Agatha y a través de colores, pueda plasmarse a Agatha en el diseño del nuevo producto.
6.
Medios y formas de Distribución y reproducción Se aplicara en un empaque que se exhibirá en un display en las tiendas de accesorios para aparatos electrónicos. Se reproducirá un estimado de 20,000 skins.
7. Fundamentación Se utilizaron los colores siempre del arcoíris, que fueran colores encendidos, se usaron las rayas, rayas rectas no curvas, para mostrar ese contraste entre las formas, y dar estabilidad. Mostrando el diseño agradable a la vista. Con troqueles curvos ya que los arcoíris (concepto) son curvos son medias lunas, y muestran dinamismo. Con los iconos y marcas correspondientes. Se tuvo un estudio previo a lo que Agatha como marca era. Se tomo de base el corazón característico de ella (formas) y de tomar lo curvo del arcoíris para plasmar el diseño de la composición, o las líneas de color simulando un arcoíris
8. Logros académicos mas importantes Creación de campaña e interacción con el grupo objetivo de manera tangible.
69
Material didáctico 1.
Contexto del proyecto En la clase de Diseño Síntesis 2, se realizo un trabajo individual, en el año 2011, con la temática salud.
2.
Necesidad Los facilitadores de Fundación Manos de Amor de la aldea Tucurú en Alta Verapaz, Guasacapán, carecen de formas de comunicación y orientación sobre temas de salud, higiene y alimentación a padres de 20 a 35 años, ya que estos son los encargados de trasladar e implementar con sus hijos y demás miembros de familia, dichos temas.
PERFIL DEMOGRÁFICO Habitan generalmente en el área rural del país. Según datos del último censo del Instituto Nacional de Estadística -INE- (2008) El 54% de guatemalteca/os viven en el área rural y el 46 en el área urbana de los cuales el 68% son indígenas y el 44% ladinos. Según la FAO (2000) 83% de estos corresponde a hogares monoparentales Según la PEA (2010) Guatemala es uno de los 36 países que a nivel mundial contribuyen con el 90% de la desnutrición crónica y es el país con mayor nivel de desnutrición en América Latina con un 53% de acuerdo con los estándares de OMS (Organización Mundial de la Salud). PERFIL PSICOGRÁFICO El investigador Reynaldo Alarcón (psicología, pobreza y subdesarrollo 2009) señala que la pobreza genera rasgos culturales propios como "pocos deseos de planear el futuro", "sentimientos de inferioridad y marginalidad", creando conductas de auto segregación, machismo en los hombres y conductas de mártires en las mujeres, "sentimientos de fatalismo", "desconfianza social" y una tendencia a vivir en el presente. Es decir, comportamientos sin objetivos y metas en la vida tipo: Como vaya viniendo vamos viendo. Entre los rasgos sociales que encuentra Alarcón, indica situaciones de vida
3.
Objetivos de proyecto Desarrollar un material didáctico de apoyo con el material educativo, que permita que padres de 20 a 35 años pertenecientes a las aldeas de Tucurú y Guasacapán puedan reflexionar sobre los temas impartidos anteriormente por los facilitadores, promoviendo la retroalimentación contante y su aplicación, favoreciendo el aprendizaje en cada núcleo familiar.
4. Grupo Objetivo Padres de familia de 20 a 35 años de las áreas rurales de Guatemala, de un nivel socioeconómico bajo.
que marcan patrones de conducta tales como el hacinamiento y la ausencia de vida privada, alcoholismo, abandono de hogar, violencia social e intrafamiliar, autoritarismo en las relaciones de pareja y familia, ausencia de infancia como etapa de formación y de vida, bajo nivel educativo y analfabetismo funcional. PERFIL PSICOPEDAGÓGICO Según entreculturas (2008), Los padres al haber recibido su educación en las escuelas publicas enfrentaron la reducida cobertura presupuestaria del Ministerio de Educación. Segun INE (2010), la tasa de analfabetismo para el área de alta Verapaz y áreas de población maya 393 mil. Segun Fundación Carolina-Caso Guatemala, Sólo el 65% de los adultos llegan a quinto grado, lo que supone el índice más bajo de América Latina.
Índice de Desarrollo Humano es de 0.672 (PNUD, 2005). El en caso de la población indígena es el 0.578 ( frente al 0.724 de la población no indígena). El 28.5% de la población joven-adultos indígena y el 10.5% de la población joven-adultos no indígena se habrá quedado sin saber leer o escribir. Cada año se suman 82.839 analfabetos en el país.
70
5.
Concepto Bosque de frutos de vida En el material educativo/ didáctico lo que se desea transmitir es ese temas informativos de formación para los padres en las aldeas rurales de Alta Verapaz y Escuintla, de 20 a 50 años, temas en los ámbitos de salud y alimentación, y la creación de actividades que el grupo objeto pueda experimentar e interactuar para continuar con el crecimiento y desarrollo de estas personas en estas áreas que es el objetivo del material llegar a personas de este cada municipio que se encuentren necesitadas de apoyo en estas áreas
6. Medios y formas de Distribución y reproducción Dimensiones: Hoja Carta Aplicación de color: Impresión Full color Área de impresión: Tiro y Retiro Tipo de soporte: Husky y Papel Reciclado Troquelado: Especifico por hoja 7. Fundamentación Los colores utilizados como el texto así como en las texturas, son de fondo No. FAF9C5 beige, de en los pinceles un anaranjado No. E4C503 un verde No. 30414 y así como sus gamas de color, en cuanto al texto se utilizo el color café oscuro. Que se basaron en los colores del bosque y de las frutas así como en los tonos de colores de la línea grafica de la Fundación Manos de Amor. Son colores que se encuentran en la naturaleza, fortaleciendo el concepto de ¨bosque¨, ¨frutos¨ y de ¨vida¨. Los elementos gráficos utilizados en el manual, se seleccionaron acorde al concepto de lo natural, con aspectos de ¨algo hecho a mano¨, ayudando a en énfasis en ciertas áreas, como palabras a memorizas, contenidos de texto antes de la lectura e ideas que la escritora del manual le da al facilitador y al estudiante, dando importancia y ritmo a lo largo del material. Este material fue diagramado con una retícula informal ya que pretende presentar los contenidos de manera mas llamativa dejando la monotonía ya que son grandes bloques de texto, proporcionando espacios y descansos visuales haciéndolo funcional para el estudiante. os personajes elegidos van acorde al grupo objetivo ya que se quiso captar expresiones, rasgos, facciones.
Logros académicos mas importantes Manejo de personajes en un material para la salud.
Material educativo 1.
Contexto del proyecto En la clase de Diseño Síntesis 1, se realizo un trabajo grupal, en el año 2011, integrantes: Adriana Rodríguez, Estefanía Sierra y Luisa Grajeda, con la temática bullying.
2.
Necesidad Psicopedia no cuenta con la herramienta para los educadores de las comunidades educativas, que apoye su labor para transmitir a los niños y niñas los contenidos básicos sobre el tema de Bullying, por lo tanto los niños no pueden comprender la responsabilidad que deben tener en las comunidades educativas como miembros de las mismas, al encontrase con dicho fenómeno.
3.
Objetivos de proyecto Elaborar un material educativo para los pedagogos, que les facilite transmitir a los niños y niñas el contenido básico sobre el tema Bullying, logrando que comprendan la responsabilidad que deben tener como miembros de toda comunidad al encontrase con dicho fenómeno. Grupo Objetivo Facilitadores de genero masculino y femenino, de 20 a 26 años de edad de nivel socioeconómico medio,
4.
Perfil Demográfico: son estudiantes de educación universitaria que cuentan en su mayoría con vehículo propio, a diferencia de los que se trasportan en bus, con posibilidades de viajar 2 veces al interior del país. Con ingreso familiar como mínimo de 10,500 hasta 23,500 mensuales aproximadamente, viven en
71
colonias con casas propias en zonas reconocidas para el nivel de ingreso siendo zona 2, 6, 7,11, 12, 13. Perfil Psicográfico: Facilitadores expresivos, alegres, serios y responsables a la hora de trabajar en su gran mayoría son de religión evangélica. En sus tiempos libres pasan tiempo con sus amigos y familia, descansan y asistir a la universidad. Facilitadores que se identifican con la enseñanza didáctica y dinámica como elementos de aprendizaje, identificándose con elementos gráficos y clases creativas. Perfil psicopedagógico Según el Profesorado de psicología y Taller de Práctica Docente I - Material de Cátedra, Gustavo ley, Los docentes no solo enseñan actualizando los contenidos y las técnicas que hayan podido aprender. Su forma de enseñar (sostiene Perrenoud) se basa también en sus orígenes, sus biografías; en el tipo de maestro que cada uno ha llegado a ser. Para el autor, la acción del enseñante depende a la vez, del pasamiento racional guiado por saberes específicos y de reacciones gobernadas por esquemas menos conscientes, producto de su historia de vida y de su experiencia profesional . Ambos se ponen en juego en situaciones particulares, coexisten y cooperan y sólo el análisis puede delimitarlos (Perrenoud, 1995). 5. Concepto “Apoyando el buen ambiente escolar” Se estableció el presente concepto ya que los facilitadores son aquellos que apoyan al niño a mejorar, no solo respecto a los estudios si no a la convivencia, siendo los que están presentes en el colegio y no los padres, tiene la habilidad por así llamarlo, de hacer de las relaciones de los alumnos conductas correctas. No solo por los temas que se encontraran en este documento,(Libro) si no por lo que van a transmitir a sus alumnos será un “ apoyo al buen ambiente escolar”
6.
Medios y formas de Distribución y reproducción 100 ejemplares del libro con 8 ilustraciones de 35 hojas con tiro y retiro. Impresión offset. Formato de 8 x 8 pulgadas. Full color CMYK.
7. Fundamentación se explica que ̈apoyando ̈se utilizo esta palabra ya que se cree que mas que todo este material es esencial para continuar el camino dentro de una superación en las personas afectas o bien, dentro del aprendizaje de este tema que muchas veces se considero tabú, este fragmento del concepto esta presente en todo el material, desde el contenido, la forma en la que esta presentada la información. ̈el buen ambiente ̈ se utilizo esta palabra dentro del concepto ya que se esta promoviendo tanto con el material como el diseño de la pieza por el tema que se aborda se, promueve a esa unidad a esa armonía dentro del colegio dentro del establecimiento escolar. Este fragmento del concepto esta representado en los ejes, retículas y elementos gráficos de apoyo de el material en los colores ya que es un documento que se percibe agradable para el GO. Dimensiones del material: el material se presenta en 8 in X 8 in, ya que se investigo que era mas ergonómico para el GO este tamaño de pieza, ya que Podemos darnos cuenta que logro el tener el contenido de ambiente escolar que saliera al encuentro del receptor a través de la tipografía seleccionada, colores y formato, sabiendo que se considero medidas antropométricas estándares ya establecidas que no sirviera en la creación de nuestra pieza . Se trato que el diseño fuera agradable y que no hubiera necesidad de realizar un esfuerzo físico extra en el manejo de la pieza sino que fuera entendible para el grupo objetivo, basando siempre en crear ese buen ambiente. 8. Logros académicos mas importantes Presentación de un tema tabú, de manera creativa en la diagramación y la presentación de textos.
72
La cuerda 1.
Contexto del proyecto En la clase de Diseño Editorial, se realizo un trabajo Grupal, y los integrantes eran: Nery Abraham, Estefanía Sierra, Andrea Marroquín y Liz Noguera. en el año 2011, con la temática periódico.
aprecian la opinión de los demás. Son mujeres que buscan la igualdad humana. Participan en organizaciones sociales mixtas y de mujeres e instituciones gubernamentales y delegaciones de la Procuraduría de los Derechos Humanos, así como en suscripciones pagadas. 5.
2. Necesidad La Cuerda es un periódico feminista que busca promover transformaciones sociales y fortalecer la conciencia sobre asuntos que afectan a las mujeres, pero que carece de una personalidad que lo identifique y mejore su reconocimiento, por lo que es necesario renovar su imagen. 3. Objetivos de proyecto Analizar los elementos del diseño actual del periódico La Cuerda, que no ayudan a mostrar su calidad periodística y su enfoque feminista. Proponer un nuevo diseño del periódico La Cuerda, que ayude a crear unidad en cada página y defina su personalidad. 4.
Grupo Objetivo Mujeres adultas Guatemaltecas. De 30 a 50 años lectoras del periódico la cuerda.
Concepto “UNA HACE LA DIFERENCIA” Se eligió este concepto porque según lo investigado a lo largo de la historia, han sobresalido mujeres que luchando por sus ideales logran cambiar su entorno a favor de muchas. La Cuerda siendo el único periódico feminista en Guatemala, es posiblemente la única fuente de muchas mujeres para informarse de estos temas y con esto hace la diferencia.
6. Medios y formas de Distribución y reproducción Se reproducirán mas de 20,000 ejemplares. A 2 colores. Impresión tiro retiro. Papel prensa/periódico 7. Logros: diagramación y distribución de textos para un ejemplar de periódico.
tecolote 9.
Contexto del proyecto En la clase de Diseño de empaques, se realizo un trabajo individual, en el año 2010, con la temática de “Alcancías de tecolotes”.
Perfil demográfico: Las mujeres en Guatemala constituyen el 51% de la población total, sin embargo han estado excluidas históricamente de los beneficios del desarrollo, particularmente las mujeres indígenas y ladinas del área rural. Se divulga por vía electrónica a listas de suscriptores y está cada mes en la página Web, lo que facilita el acceso y divulgación a nivel internacional. Las lectoras generalmente son desde la edad de 15 años hasta los 70.
10. Necesidad La empresa wakami que fabrica alcancías en forma de tecolote, y carecen de una elemento que proteja el producto para su venta en tiendas de la capital de Guatemala.
Perfil psicográfico Son mujeres trabajadoras en mayoría amas de casa. Están al tanto de la política en Guatemala. Buscan entretenimiento en lo que leen. Mujeres que
11. Objetivos de proyecto • Diseñar un empaque de protección y que contenga el producto para ser exhibido en góndolas y tiendas.
73
12. Grupo Objetivo Adultos de 30 a 50 años, de nivel socioeconómico medio-alto Guatemala Ciudad Capital PÉRFIL DEMOGRÁFICO Estos adultos Mínimo poseen 1 servicio domestica. Poseen 1 ó 2 vehículos de modelos no necesariamente recientes. Su nivel educacional supera los estudios secundarios completos y universitarios Vivienda en sector residencial y en colonias. Las casas poseen al menos 4 habitaciones, pueden ser hechas a sus especificaciones. PEA (2011)El 30.3% tiene empleo formal. En cuanto a nivel educativo, la mayoría tiene o ha tenido educación universitaria o más. PEA (2004 -2005) Población urbana en actividad económica, 2003-2005 PÉRFIL PSICOGRÁFICO La educación de sus hijos es muy importante. Realizan esfuerzos para que vayan a los mejores colegios y universidades del país En su tiempo libre escuchan música, leen libros y les gusta compartir con su familia, en algunos casos se les dificulta por el trabajo. Se preocupan por futuro de su familia e hijos, proveerles para que no les falte nada. Según encuesta (anexos), Son personas alegres que se interesan por el desarrollo integral de sus familias. Viajan al exterior por lo menos una vez al año y frecuentemente al interior del país a lugares de descanso. Procuran aportarle a sus hijos un propio equilibrio psicológico, de manera afectiva con una buena autoestima. 13. Concepto “artesanía en bloques” Se presenta un elemento / producto de la artesanía guatemalteca en un empaque que denota los boques donde van a ir colocadas las alcancías, trasmitiendo a través del clore y de las formas eso “hecho a mano” artesanal y orgánico. 14. Medios y formas de Distribución y reproducción Reproducción de 500 empaques que contienen 3 artesanías. Full color CMYK soporte cartón chip y cartón corrugado.
15. Fundamentación Se presenta un empaque compuesto por El cartón es una variante del papel, se compone de varias capas de éste, las cuales, superpuestas y combinadas le dan su rigidez característica. El cartón corrugado está formado por una o más hojas de papel liso y una o más hojas de papel ondulado. Estos dos cartones protegen al producto no dándole espacio y aire para que el producto no se mueva y se pueda quebrar o sufrir daños. Se hizo con este material ya que wakami es una marca que utiliza mucho lo que son materiales reciclados materiales que le den un toque orgánico a sus empaques por lo que se guio con la gama de colores de el logotipo de la marca haciendo que el empaque llevara el colore verde como predominante por su conexión con el medio ambiente y la artesanía.
16. Logros académicos mas importantes Diseño de un empaque con molduras internas para mayor protección.
trenza 17. Contexto del proyecto En la clase de Diseño Editorial, se realizo un trabajo grupal, en el año 2011, integrantes: Alejandro Márquez, Raquel Menéndez, Nery Abraham, Andrea Marroquín, Estefanía Sierra, Sofía González y Liz Noguera. con la temática Revista De diseño.
18. Necesidad La facultad de Arquitectura y Diseño de la Universidad Rafael Landívar se caracteriza por realizar proyectos académicos muy atractivos e interesantes dentro de cada una de las carreras además de los proyectos de responsabilidad Social; pero en el caso de Diseño Gráfico, Diseño Industrial y Arquitectura carece de una pieza le dé proyección al sobresaliente trabajo que realizan tanto catedráticos como estudiantes y que pueda ser de interés
74
para estos, dentro de la facultad y la universidad como para otras universidades homólogas. 19. Objetivos de proyecto Objetivo General • Publicar los diferentes proyectos que se generan en los diferentes departamentos de la Facultad desde las carreras de Arquitectura, Diseño Industrial y Diseño Gráfico, así como INDIS y los proyectos de vinculación con RSU. • Con lo mencionado anteriormente, diseñar una pieza que proyecte el sobresaliente trabajo realizado por los catedráticos y los estudiantes de la facultad de Arquitectura y diseño y de la Universidad Rafael Landivar así como para otras universidades homologas. Objetivos Específicos • Generar identidad y cultura institucional. • Logrando que se sepa más de lo que la facultad realiza y así interesar a las personas a la lectura de la revista. • Diseñar una línea editorial que logre representar a las tres carreras que pertenecen a la Facultad de Arquitectura y Diseño. • Crear un diagramación que logre ordenar de manera adecuada los diferentes contenidos de la revista, y que al mismo tiempo logre tener un atractivo visual para el lector.
20. Grupo Objetivo Alumnos de la facultad de arquitectura y diseño. Perfil demográfico: Los jóvenes de este segmento tienen de 18 a 25 años de edad. Residen en la ciudad capital, tanto en el municipio de Guatemala como en los demás municipios del departamento. El grupo objetivo es bastante amplio, por lo cual no se puede determinar una clase social específica. Se tomará en cuenta desde la clase A (sector social más elevado) hasta el segmento CB (sector medio-bajo), debido a que la
universidad cuenta con jóvenes de todo tipo de grupos socioeconómicos tomando en cuenta el programa de becas. Las familias de los jóvenes mencionados residen en casas de block en zonas residenciales que cuentan con servicio básicos a su disposición. Los padres logran costear el servicio doméstico de 1 o 2 personas en la mayoría de los casos. En otros hogares esto no es posible. En su mayoría cuentan con servicios como internet y cable, así como teléfono celular, variando el modelo según su posibilidad de inversión Perfil psicográfico: Dentro de las motivaciones para los jóvenes estudiantes se pueden mencionar el deseo de descubrir nuevos mundos y el impulso de superarse a sí mismos para quedar bien con ellos mismos y sus seres queridos. También tienen deseos de superarse profesionalmente y ser exitosos en ese sentido. Buscan absorber todos los conocimientos posibles que sean indispensables en sus respectivas carreras, para poder ser los mejores en su área de trabajo. Se esfuerzan en sus clases, tratando de terminar su carrera en los años establecidos. Esto además se apoya del deseo de ayudar a las comunidades que se encuentran fuera del Campus Central por medio de programas de solidaridad tal como “Un Techo para mi País”. Son líderes natos, ya que tienen la iniciativa de participar en este tipo de actividades, evidenciando en su comportamiento actitudes de ayuda y positivismo. 21. Concepto “Fusión de mentes creativas.
22. Medios y formas de Distribución y reproducción 300 Ejemplares. Papel: portada husky cover 10, papel couche base 80. Acabado: matte. Impresión: full color . Formato 8 x 10.5. 135 paginas internas.
72 23. Fundamentación Se baso en el concepto de Fusión de mentes creativas. Tanto el nombre de la revista como la temática se extrajo del concept de crear una fusión de
75
elementos a lo largo de la revista, pero así mismo el evidenciar que se trata de una revista para jóvenes fresca y creativa. La portada se utilizo una fotografía que representara aspectos de Guatemala, se utilizaron los colores cyan, magenta, amarillo y negro ya que son los colores del CMYK que caracterizan tanto a los procesos creativos de un diseñador grafico. Y así mismo el tratamiento de las imágenes dentro de las paginas interiores dan esa sensación de una “Fusión de colores” y así como sus textos. El nombre de la revista es “trenza” ya que se quiere que la revista no solo sea institucional pero que se pueda distribuir en otras universidades, este nombre fue elegido ya que cumplía con ese concepto que se tenia de una fusión para crear un todo y así mismo es un elemento característico dentro de la cultura guatemalteca. En la diagramación es Los elementos están aislados y disperses uno del otro y pero le dan una compactación a los bloques de texto, expresando con esto una composición clara, limpia fácil de leer. Se conservaron muchos con mucho color blanco ya que este se puede Asociar con orden, simplicidad, limpieza, pensamiento, juventud. 24. Logros académicos mas importantes Distribución de grandes cantidades de texto de manera limpia y que apoyara la lectura.
vrip 25. Contexto del proyecto En la clase de Diseño Imagen Visual, se realizo un trabajo individual en el año 2010. 26. Necesidad La Vicerrectoría de investigación y proyección VRIP carece de reconocimiento e identificación por parte de los estudiantes y de las autoridades de la Universidad Rafael Landivar. 27. Objetivos de proyecto •
Diseñar un isologotipo para que las autoridades y los estudiantes de La Universidad identifiquen a la VRIP.
•
Desarrollar papelería institucional para el uso e identificación de la VRIP por las autoridades y los estudiantes de La Universidad
28. Grupo Objetivo Alumnos de la Universidad Rafael Landivar. Perfil demográfico: Estudiantes de licenciatura mujeres (1er ciclo 2009) son 5134*. Estudiantes de licenciatura hombres (1er ciclo 2009) Son 4960*. Y el Número de estudiantes que participan en proyectos de responsabilidad social (2008) es de 5255.* Número de estudiantes con ayuda financiera* (beca, crédito, b-crédito) (2008) son 3298*.Donde el Número de proyectos de responsabilidad social (2008) es de 244* Perfil psicográfico: Donde los jóvenes e Guatemala tratan de ser entes de mejora para su país. Jóvenes se involucran para impactar a la sociedad. La mayoría de jóvenes se encuentran en grupos, de cualquier clase por sentido de pertenencia o por realizar un cambio. Muchos de los estudiantes de involucran para tener pertenecía en la universidad. Catedráticos y autoridades se convierten en importantes influyentes.
29. Concepto “Ciclo de varias direcciones en el mundo”. Ya que un ciclo engloba, y esta a organización quiere como englobar direcciones, la palabra “dirección” es porque va a un nuevo camino y también porque está conformada por 3 direcciones la vicerrectoría. La palabra mundo ya que es una organización de impacto nacional pero también internacional. 30. Medios y formas de Distribución y reproducción Hoja membretada: formato 11 x 8.5 pulg. 100 reproducciones full CMYK para su distribución por el cliente. Tarjeta de presentación: Formato 3 x 2.5 pulgadas. 100 reproducciones full CMYK para su distribución por el cliente.
76
Carpeta: formato 11 x 8.5 pulg. 100 reproducciones full CMYK para su distribución por el cliente. Impresión tiro y retiro. Señalética: 1 reproducción de cada uno de señales. Colores pantone institucionales de la Universidad.
31. Fundamentación Se utilizo un mundo porque se pretende llegar no solo al impacto nacional sino también al impacto internacional. Otra de las razones fue porque dado que es una organización, se trato de denotar unión, de denotar globalización y el impacto que conlleva. Como se puede observar el imagotipo o símbolo posee 3 flechas que representan las 3 direcciones que componen la VRIP, el porqué del uso de las flechas es para denotar dirección, guiar y se hicieron que salieran del mundo, ya que eso es lo que se pretende si, se puede observar hay un pequeño segmento azul, que representa Guatemala, o el segmento del mundo que impacta al resto. Se abstrajo el mundo ya que no es una típica esfera sino que por lo mismo se probó, el que representara bien lo que
Suli 33. Contexto del proyecto Este trabajo se realizo de manera individual, en el año 2010, con una temática de “pastas”. 34. Necesidad A pesar que la marca Suli tiene tiempo en el Mercado y tras el surgimiento de pastas alimenticias que compiten de forma innovadora, Esta carece de que su segmento de Mercado perciba la marca Suli como un producto de calidad y no como un producto de bajo costo.
era la esfera, el mundo sin que fuera igual a los mundos utilizados en otros logotipos. Y se llego a esta abstracción, y las flechas siguen las líneas curvas de la esfera. Se usaron los colores azul, amarillo y blanco porque son los colores de la universidad Rafael Landivar. Se quiso, llegar a un diseño de papelería que llevara una unión, a través del color, en este caso se decidió tener la unión por el color en este caso blanco, azul y amarillo. Se uso partes y segmentos del símbolo, también se hizo una integración con la tipografía en algunos
elementos de la papelería, para crear esa unidad, siempre vemos los trazos curvos, tratando de salirse de lo común.
32. Logros académicos mas importantes Se aprendió la utilización de ejes acorde al logotipo y usar a este como elemento central de diseño
35. Objetivos de proyecto • Proponer una nueva presentación del empaque de pastas alimenticias suli para que los habitantes de clase baja de Guatemala puedan percibir el producto como un producto de calidad. 36. Grupo Objetivo Edad: 25 a 70 años (rango muy amplio dirigido a la familia) Género: ambos, en especial a la mujer. Ocupación : específicamente a amas de casa. Educación: media o nula. Etnia: indefinido, principalmente ladinos e indígena. Estado civil: casadas en su mayoría Perfil demográfico: Donde El índice de analfabetismo esta en 72.5% de la población total. Las mujeres solamente tienen 65.4% de alfabetismo. Personas de escasos
77
recursos viven generalmente en áreas rurales. El 26.1% de estas mujeres trabajan en hoteles, el 26.1 en restaurantes o puestos de comida, el 24.9% en industrias y el 13.3% en servicios comunales. El ingreso mínimo requerido para que una familia de 5 miembros pueda tener la capacidad de adquirir una canasta básica de alimentos diario, es muy superior al salario mínimo de estas personas. Perfil psicográfico: Las mujeres de escasos recursos, se levantan temprano para trabajar. Las mujeres de escasos recursos muchas veces son las que llevan el dinero a la casa. No se visten a la moda. Viven aisladas muchas veces de las ventas y civilización. Muchas de ellas trabajan como empleadas domesticas. Tienen otra forma de expresarse, debido a la falta de estudio escolar. Muchas veces no tienen conocimientos de higiene. Su estilo de vida muchas veces significa no tener automóvil, casa de verano, hasta no tener que comer, vestir o con que curarse. Se sienten inferiores a la demás gente. Buscan lo económico, lo que sea comestible no importando si es agradable o desagradable sino buscan zacear el hambre. 37. Concepto Gusto de lo fresco. ¨Gusto¨ se eligió gusto por que como mencionamos anteriormente se desea que el producto se vea de una manera atractiva sin denotar ser caro, y el gusto eso representa la calidad que aporta suli y el gusto ante las personas. palabra para der el sentido fresco y natural del producto.
39. Fundamentación Se utilizo ejes curvos, los troqueles son curvos acode al logotipo y la tipografía. A lo largo del empaque se crea unión, a través del color, en este caso se decidió tener la unión por el color en este caso ROJO, AZUL, VERDE Y AMARILLO colores institucionales de Suli. Esta cumple con los requerimientos del cliente y se apegaba al grupo objetivo. El troquel en la parte de enfrente de el empaque se uso de esta manera ya que deja ver el producto antes de comprarlo. Se utilizo en mayor cantidad el color amarillo ya que se desea que resalte y llame la atención al momento de estar en una góndola en un estante de supermercado, se desea que este sea el que el consumido mire primer. El empaque se sella por la parte de arriba y abajo con pegamento teniendo así como resultado una especie de bolsa, que deja que el producto no este muy junto tenga aire para su preservación. 40. Logros académicos mas importantes Se aprendió a aplicar impresión sobre soportes para un empaque de alimentos
Café bar 41. Contexto del proyecto En la clase de Diseño Imagen Visual, se realizo un trabajo individual en el año 2010, con la temática maya.
38. Medios y formas de Distribución y reproducción Empaque, medio impresión en soporte térmico, distribución Punto de venta: almacenes paiz 6 góndola junto a las harinas. Expectativa valla publicitaria Fecha 14 de septiembre del 2010 Revelación del nuevo empaque valla publicitaria 10 de octubre del 2010 Lanzamiento en tiendas 14 de octubre del 2010
42. Necesidad El hotel K’ab boon Antigua carece de la identificación de su café bar Bar nah por Empresarios, jóvenes-adultos, adultos de nivel económico medio-alto. 43. Objetivos de proyecto • Diseñar un isologotipo para que los Empresarios, jóvenesadultos, adultos de nivel económico medio-alto del hotel identifiquen el café bar.
78
•
Desarrollar de: mantel, servilleta, taza, plato, capuchino, portavasos, copa, mezclador, menú de bebidas y de su promocional de mesa para el uso en el hotel y la identificación de Empresarios, jóvenes-adultos, adultos de nivel económico medio-alto.
44. Grupo Objetivo Empresarios, jóvenes-adultos, adultos de nivel económico medioalto. Perfil demográfico: Llegada de turistas a Guatemala 1.527 miles (2008). Ingresos por los turistas USD 1.068 millones (2008). Ingresos per. capita (2005) 66 USD. Clasificación mundial de competitividad turística (TTCI) . Poseen 1 ó 2 vehículos de modelos no necesariamente recientes. Viajan al exterior por lo menos una vez al año y frecuentemente al interior del país a lugares de descanso. Nivel de vida bastante holgado. Son ejecutivos de empresas privadas o públicas, también pueden ser dueños de negocios medianos En promedio, las y los jóvenes guatemaltecos dedican 19.4 horas semanales al tiempo libre. Quienes residen en el área rural gozan de 5.3 horas menos que quienes viven en el área urbano metropolitana. La exportación de servicios guatemaltecos aumentó en promedio 11 por ciento en la última década, con un crecimiento más acelerado de los servicios especializados. La población en edad laboral (15 a 64 años de edad) aumentará de 7,8 millones en el año 2010 a 9 millones en el 2015. Se necesitará crear más empleos para acomodar este aumento de 17 por ciento
café bar que proporciona un ambiente agradable de cultura y de pertenencia. 46. Medios y formas de Distribución y reproducción Tazas, copas, tazas de café para llevar: 300 reproducciones, full CMYK se utilizara dentro del café. Individuales: 300 reproducciones con el logotipo Full CMYK. Menú: 75 reproducciones en un formato de 17 x 11 pulgadas Full CMYK en papel texcote con Orientación horizontal impresión tiro y retiro. Para su implementación en el café bar.
47. Fundamentación Se uso el color rojo por la parte del concepto donde menciona la sangre maya se utilizo también, para atrapar la atención del receptor. Para representar la acción “de la onda” parte del concepto. Aventura, ya que el café bar pretende entretener. También se usaron los colores negro y blanco para crear un equilibrio, y una neutralidad. Se manejo ejes curvos, los troqueles son curvos siguiendo lo curvo del símbolo. Se uso el trazo con el que se realizo el símbolo que es trazo de pincel, que también se hizo una integración con la tipografía en algunos elementos de la papelería, para crear esa unidad, siempre vemos los trazos curvos, tratando de salirse de lo común.
48. Logros académicos mas importantes Se aprendió a utilizar ejes y unidad entre elementos. Perfil psicográfico: Les interesa la comodidad y la pueden pagar. Buscan tecnología y accesos rápidos. Buscan una buena la atención al cliente. prefieren los lujos, que necesidades. 45. Concepto “Siguiendo la onda del café, sangre maya” el café bar tiene que llevar una línea de unión con el hotel por lo que va estar relacionado con lo que es la cultura maya, y su café, dado que es un
Harley davidson •
Contexto del proyecto En la clase de Diseño Editorial, se realizo un trabajo individual, en el año 2011, con la temática Harley davidson.
79
49. Necesidad Harley Davidson es una compañía de motocicletas desde 1903, que carece de un material que informe a los gerentes y empleados de la empresa sobre los logros y los alcances de esta, en el ultimo año, sobre todo en aspectos financieros y otros objetivos. 50. Objetivos de proyecto Proporcionar el diseño y la realización de una memoria de labores que refleje las actividades realizadas por la compañía durante el periodo de 2009 – 2010 con un resumen que refleje sus logros. 51. Grupo Objetivo Directivos, ejecutivos y empleados de la compañía de motocicletas Harley Davidson.
Perfil demográfico: El 15% de los motociclistas y compradores de Harley son mejores de 35 años de edad. Recientes estudias indican que Harley esta conformada por no menos de 450,000 miembros. El tercio de los compradores de Harley son profesionales o gerentes y un 60% son graduados de universidad. Perfil psicográfico: Valoran mas la experiencia de montar por las calles, llevan un nombre y se sienten parte de una gran familia. No solo consumen del producto ni lo manejan si no que la línea de ropa los respuestas, accesorios, etc. Se identifican cercanamente con la marca. No hacen acepción de genero o raza. 52. Concepto “Ruta en ruedas de rebeldía.” Se inclino por este concepto ya que representa la ruta que los motoristas poseedores de una Harley toman para movilizarse, las ruedas características de una Harley, se tomo así mismo las características de esta en el aporte del diseño tanto en los fondos como en el mano de las letra. Se trasmitió esa rudeza y rebeldía característica
de la personalidad de Harley en el manejo de los ejes y en la diagramación. 53. Medios y formas de Distribución y reproducción 450,000 Ejemplares. Formato 11 x 8.5 pulgadas. Full CMYK papel couche paginas internas y papel husky para la portada y contraportada. Impresión tiro y retiro.
54. Fundamentación Esta basada en el concepto de ¨ruta de ruedas de rebeldía¨, ya que se estudio a la marca y se quiso denotar la personalidad tan característica de esta empresa, a través de marcar en el diseño, elementos característicos ya usados en el logotipo pero aportando un aspecto fresco nuevo. Los colores que se utilizaron son los colores determinados por la identidad de marca, que son colores negro, tonos de grises y anaranjado. Se usara el color blanco para no hacerlo monótono ni pesada la lectura de este documento. Usando elementos de apoyo como el papel rasgado para denotar esa rudeza, esa rebeldía. Se escogió la tipografía BEBAS NEUE ya que se llego al acuerdo que era una tipografía limpia, legible que trasmitía lo que se quiere y que ya munchas veces fue usada por la misma identidad de Harley davidson. Se utilizaron fotografías donde se pudiera apreciar la cultura harlista tanto como su vestimenta y su simbología.
55. Logros académicos mas importantes Distribución de textos dentro de un documento para hacerlo atractivo y legible.
juego 1.
Contexto del proyecto
80
En el curso Síntesis II, se realizó un trabajo grupal integrado por Luisa Grajeda, Adriana Rodríguez y Estefanía Sierra, para el diseño de un juego para niños que ayude a aprender sobre el bullying y prevenirlo. 2. Necesidad Psicopedia no cuenta con un instrumento para niños de diferentes asociaciones educativas, que los fomente en un ambiente de paz y tolerancia, intensificando la meditación de convivencia dentro de un ámbito educativo. 3. Objetivo del proyecto Realizar un juego que ayude a los niños acercarse al tema de bullying por medio de una forma dinámica, conviviendo en un entorno de paz y tolerancia, de forma creativa utilizando el cuerpo y sus conocimientos, intensificando la meditación de convivencia dentro de un ámbito educativo. 4. Grupo Objetivo Niños de genero masculino y femenino, de 9 a 12 años de edad de nivel socioeconómico , medio alto, estudiantes de educación privada, 5. Conceptualización “ Interactuando con el conocimiento en movimiento “ Perfil Demográfico Niños de genero masculino y femenino, de 9 a 12 años de edad de nivel socioeconómico , medio alto, estudiantes de educación privada, que cuentan con 2 a 3 carros a su disposición en su mayoría asisten al colegio en carro propio y una minoría en bus escolar, con posibilidad de viajar de 1 a 3 veces al año al exterior e interior del país. Con ingreso familiar como mínimo de 10,500 pasando por 23,500 hasta 49,600 mensuales aproximadamente, viven en lugares residenciales o colonias de zonas con plusvalía y reconocimiento para este nivel de ingreso siendo zona 3,7,8,11,13,15 y16. Perfil Psicográfico
Niños extrovertidos, enérgicos, alegres, entusiastas con libertad de expresión, en su gran mayoría siendo de religión evangélica. En sus tiempos libres hacen deportes, natación, futbol, karate y clases de música. Niños que se identifican en el método de aprendizaje de Montessori, que consiste en aprender jugando, esto se da por medio de juegos, videojuegos y clases creativas. Ellos se identifican con métodos gráfico. Según Jordi Mateu , coordinador del Comité de Seguridad y Prevención de Accidentes de la Asociación Española de Pediatría (AEP). Indica que jugar con un juguete de color rojo podría incitar al niño a una mayor actividad, ya que este color está asociado al dinamismo. Un juguete de rojo sería ideal para aquellos niños más sosegados que necesitan desarrollar mayor actividad. En el lado contrario se situarían los juguetes de color azul, color que favorece la relajación he indicado para aquellos niños que son muy activos y que se suelen irritar con facilidad, el azul ofrece resultados similares al blanco. El color amarillo favorece a la concentración y por tanto, desarrolla más la inteligencia, los juguetes amarillos serían apropiados para los niños que sufren dificultades para concentrarse. Los juguetes de color naranja fomentan la actividad y el carácter alegre y serían indicados para aquellos niños que pasan por una etapa triste. Los expertos también recomiendan que se tenga en cuenta la edad y el tipo de juguete, factor condicionante que permite que los colores ejerzan mayor o menor influencia. 6. Medios y formas de distribución. Reproducción. Orientación: vertical Soporte vinil Tamaño: 54.6x72 ” Color: full color 7. Fundamentación de la propuesta final El empaque se realizó de dos piezas, Una parte que contiene la manta y otra que contiene las cartas y las penitencias. Para seguir la líneas de los materiales que se trabajaron con anterioridad, se manejaron las manchas de acuarela pero de una forma mas infantil, sin transparencias, formas básicas,
81
con colores vivos y con una tendencia trivial. En la parte de enfrente de la caja se colocó a Naty y Rodri los personajes principales del material Didáctico. Se consideró muy atrayente al grupo objetivo destinado. Siempre es importante dar una idea en la presentación del empaque de lo que contiene en su interior, por ello se ubicó la manta en la portada de la caja. Se manejó el color rojo como base, por ser un color extremadamente llamativo e indica actividad, acción. También dentro de los colores primarios que son con los cuales el niño se identifica mas. Se manejaron manchas en ciertas partes del empaque dándole empatía a la pieza. Se complemento la información de la caja con la tipografías “Thimoteos” para darle variabilidad al material. Es una tipografías san serif, muy llamativa con mucho dinamismo, y bastante apropiada para los niños, a las ves por su informalidad adaptada para un juego. 8. Logros académicos mas importantes Implementación de una imagen de un material educativo en un juego para fortalecer el aprendizaje.
HOTEL 56. Contexto del proyecto realizado En la clase de Diseño Imagen Visual, se realizo un trabajo individual en el año 2010, con la temática maya. 57. Necesidad Hace falta la identificación visual de un hotel de cuatro estrellas ubicado en la Antigua Guatemala por familias, empresarios y jóvenes adultos de nivel económico medio-alto. 58. Objetivos de proyecto • Desarrollar un logotipo que tenga las características del hotel que sea recordado por el grupo objetivo diseñando a su vez papelerías empresarial del hotel para proveerles a los clientes. 59. Grupo Objetivo
Empresarios, jóvenes-adultos, adultos de nivel económico medioalto. Perfil demográfico: Poseen 1 ó 2 vehículos de modelos no necesariamente recientes. Viajan al exterior por lo menos una vez al año y frecuentemente al interior del país a lugares de descanso. Nivel de vida bastante holgado. Son ejecutivos de empresas privadas o públicas, también pueden ser dueños de negocios medianos En promedio, las y los jóvenes guatemaltecos dedican 19.4 horas semanales al tiempo libre. Quienes residen en el área rural gozan de 5.3 horas menos que quienes viven en el área urbano metropolitana. La exportación de servicios guatemaltecos aumentó en promedio 11 por ciento en la última década, con un crecimiento más acelerado de los servicios especializados. Perfil psicográfico: Les interesa la comodidad y la pueden pagar. Buscan tecnología y accesos rápidos. Buscan una buena la atención al cliente. prefieren los lujos, que necesidades. 60. Concepto “Mascaras con pintura en un amanecer maya”. Este concepto se transmitió al momento que plasmar las mascaras características usadas por los mayas, así como los colores de las pinturas utilizadas por los mayas, utilizando la gama de colores de estas mismas que son gama de colores de tierras, amarillo, verde musgo y reserva de blanco. El amanecer maya también aporta a la gama de colores, los colores cálidos el amanecer se ve plasmado en el logotipo así como en las líneas curvas que presenta el logo así como los troqueles y los elementos de la papelería. 61. Medios y formas de Distribución y reproducción Hoja membretada: formato 11 x 8.5 pulg. 100 reproducciones full CMYK para su distribución por el cliente. Tarjeta de presentación: Formato 3 x 2.5 pulgadas. 100 reproducciones full CMYK para su distribución por el cliente. Carpeta: formato 11 x 8.5 pulg. 100 reproducciones full CMYK para su distribución por el cliente. Impresión tiro y retiro.
82
62. Fundamentación Se usaron colores y gamas que se extrajeron de la tierra, colores cálidos por los degrades del amanecer y de los colores característicos de los mayas como los colores que vienen de la tierra y de la naturaleza. Se utilizaron ejes curvos, con troqueles curvos siguiendo la forma del símbolo. El diseño de la papelería se unifica con toda la identidad gráfica del hotel mediante los colores y las formas de las piezas. En este caso se decidió el color verde por los paisajes verdes en Guatemala, así este color denota
TRANQUILIDAD Y RELAJAMIENTO, Por lo que la marca quiere transmitir eso a sus clientes. Se usó un trazo manual con el que se realizó el símbolo del logotipo que es un trazo echo de pincel, también se hizo un integración con la tipografía en algunos elementos de papelería, para crear esa unidad siempre vemos los trazos curvos, tratando de salirse de la monotonía. 63. Logros académicos mas importantes Se aprendió la utilización de ejes y la unidad entre elementos creados de papelería.
83