Portafolio Final Gráfica Digital by Kayla Alessandra Olulo Taipe

Kayla Olulo Taipe Portafolio Grรกfica Digital 2020-0 Secciรณn 421

Cod. 20182992

Índice TA01: PLANIMETRÍA AMBIENTADA Infografía 1: Análisis..............................................04-05 Planimetría Ambientada: Planta........................06-07 Planimetría Ambientada: Corte.........................08-09 Planimetría Ambientada: Elevación..................10-11 TA02: FOTOMONTAJE Infografía 2: Análisis..............................................12-13 Fotomontaje Exterior............................................14-15 Fotomontaje Interior.............................................16-17 PARCIAL Planimetría Ambientada: Planta.......................18-19 Planimetría Ambientada: Corte.........................20-21 Planimetría Ambientada: Elevación..................22-23 Fotomontaje Exterior............................................24-25 Fotomontaje Interior.............................................26-27 TA03: DIAGRAMAS Infografía 3: Análisis...............................................28-29 Diagrama Programático......................................30-31 Diagrama De Forma.............................................32-33 Diagrama De Contexto........................................34-35 TA04: PANEL Infografía 4: Análisis...............................................36-37 Panel.......................................................................38-39 Mediateca El Olivar, San Isidro Kayla

Planta Ambientada

Olulo

Taipe

Corte Ambientado

El proyecto trata de una mediateca ubicada en El Olivar de San Isidro. Consta de dos plantas principales. El proyecto cuenta con áreas de lectura dirigidas a personas de todas las edades. La mediateca también cuenta con áreas de estudio y oficinas, donde se puede utilizar internet y trabajar en grupos. La propuesta para este proyecto constó de una planta libre, en la que la primera planta era transparente y la segunda era solida. Las plantas están compuestas por cuatro piezas que varian en el nivel por 1.50 mts. Los espacios se

FINAL Diagrama Programático......................................40-41 Diagrama de Forma.............................................42-43 Diagrama de Contexto........................................44-45 Panel.......................................................................46-49 conectan a través de rampas en la parte central y giran alrededor de la proyección de la sala de audiovisuales. Esta sala aparece como una caja flotante por sobre el proyecto en desnivel. La fachada se compone por una celosía que recorre todos los espacios de la segunda planta de forma uniforme. Esto brinda iluminación sufiiente para los lectores, pero no demasiada para afectar al álmacén de libros o romper con el concepto de planta libre.

Elevación Ambientado

CV............................................................................50 Sumilla del curso.....................................................52

TA 01:

Planimetría Infografía

Ambientada

Planimetría Ambientada

Paleta de Color:

Esta ambientación utilizaba tonos fríos, sin embargo, cada uno constrastaba del otro, al haber zonas monocromáticas, ayudaba a darle protagonismo al proyecto. Según que tan importante era el espacio, llevaba un color más vistoso.

En este primer encargo, se nos presentó ejemplos de planimetrías ambientadas, esto nos ayudaría a reconocer elementos que sumarán a nuestro propio diseño. Para poder reconocer con mayor facilidad los componentes positivos y negativos de ambientación, se nos pidió analizar a detalle un ejemplo de nuestra propia elección. .En mi caso, se escogió un corte ambientado de un edificio multifuncional. Para poder analizarlo correctamente, este edificio debía dividirse por capas visuales, lo

que ayudaría a comprender la importancia de la lejanía. Por esto, se dividió en tres capas, la más lejana, que marcaba ligeramente el fondo, la segunda, que ocupa la vegetación y personas para ayudar al proyecto a difuminarse con el fondo, y finalmente, la capa del proyecto, la más detallada y ambientada de las tres. Esta llevaba los colores más vistosos, y contenía elementos que llamaban la atención en una técnica mixta. Además de siluetas, llevaba recortes para darle realismo a la imagen.

Infografía: Análisis de Planimetría Ambientada Dibujo Técnico: Se hace uso de ejes, número de pisos y niveles de piso terminado. Hace uso de un lenguaje arquitéctonico, por lo que no sería comprendido por todo el público

Estilo Gráfico: Para marcar capas y profundidad, se dió uso de transparencias. Además del empleo de luz y sombra para señalar yuxtaposición de elementos.

Valoración: El distinto uso de color y texturas ayuda a marcar los tipos de materiales en el proyecto.

Ambientación: Se usan siluetas de arboles y autos, así como personas, que hacen que el proyecto luzca habitado. Además de un fondo que pone al edificio en contexto.

Ambientación: Usa una paleta de tono fríos, apoyándose de colores complementarios o más fuertes. .

El uso de colores enteros cubriendo por completo los espacios le resta detalle al corte. Además de quitarle sentido a los elementos para la ambientación. El uso de lenguaje arquitéctonico puede ser confuso para el público, restándole al dibujo técnico.

Este corte resalta los espacios más relevantes mediente el uso de diferentes colores, que resaltan uno sobre el otro. Esto llama la atención del espetador hacia los espacios más importantes. De la misma manera, muestra las intenciones osbrela espacialidad de las áreas, ayudándose con monigotes para darle magnitud al trabajo

Franccesca Knox 20180981 Kayla Olulo 20182992

Infografía 01

Elementos:

Para el análisis, se tomó en cuenta el nivel del dibujo técnico, el estilo gráfico, que tipo de valoración se implementaba al proyecto y la ambientación para darle un nivel de realismo al proyecto y si esto era conveniente. Si bien el corte no pertenecía por completo al estilo realista, el proyecto tenía valoración suficiente para mostrar sus funciones, además de combinar elementos gráficos y recortes. Sin embargo, el

corte no indicaba nada más que lo su ambientación permitía, ya que no llevaba nombre para los espacios.

Reflexión:

Este análisis nos iba a ser util para identificar las partes a tomar en cuenta en una planimetría ambientada. Además de introducirnos a diversos estilos, para poder decidir con mayor conocimiento de que forma ibamos a querer trabajar nuestras planimetrías. Además nos ayudó a tener ejemplos más claros del producto final al que queríamos llegar, utilizando, en este caso, el color, para aportar distintos mensajes al público. Entender la profundidad y como la paleta de colores transmite de la misma manera la jerarquía.

Planimetría

Planta

Ambientada

Capas por separado:

Para la planimetría ambientada, se empezó escogiendo la mejor planta del proyecto. Como segundo paso, se debía separar por capas; muros, muebles, escaleras, proyecciones y contexto. Esto nos daría mayor facilidad al momento de ambientar, debido a la posibilidad de hacer acabados por separando. Estas capas luego se pasarían a Photoshop, donde se empezaría a ambientar partiendo de una paleta de color, y decidir, a partir de la información del proyecto o a elección propia, como se iba a componer el contexto. Esto ayudaría a acentuar el nivel de realismo que queríamos en la planta. Planta en Autocad

Paleta de colores:

Decidí optar por una paleta de colores pasteles, que me permitiera un contraste, por la diferencia entre tonalidades. Después de agregar las capas, con la herramienta pincel se fue difuminando las tonalidades, para crear el cesped, la pista y añadir las sombras. Los niveles

de profundidad iban a estar marcados por el juego de sombras.

Avance

Entrega

Las texturas debían parecer acuarela, para acercarse al estilo que deseaba, mientras las personas, partían de siluetas y colores enteros. Quise implementar algunas siluetas de Cad y pintarlas para darle el realismo necesario.

Reflexión:

Después de criticas, e intentos de distintos pinceles para lograr el efecto deseado, la planta se ambientó con suavidad y monigotes detallados. Esta planta ayudó a definir el estilo en los próximos trabajos. Por la misma razón, los proximos trabajos iban a necesitar una tonalidad parecida para seguir con la continuidad del proyecto. Por lo que la planimetría en general tendría motivos vegetales y con juego de sombras.

Pre-entrega

Planimetría

Corte

Ambientada

Corte en Autocad

Capas por separado: De la misma forma que en la planta, el corte debía ser separado por capas. Se dividió por muros, rampas, mobiliario, y cotas. Después de pasarse a Photoshop, era necesario escoger una paleta no muy lejana de la planta, para no afectar a la continuidad del proyecto. Sin embargo, decidí escoger colores un poco más intensos, para permitirme nuevas sombras en la

ambientación, y colores más difuminados para el fondo. Todo esto para darle protagonismo necesario al proyecto. El mobiliario iba a ser un poco más dificil de trabajar, debido a que se debía mantener un equilibrio entre realismo y silueta o color entero. Sin embargo, Esta combinación daría mucha más libertad al momento de jugar cn las sombras y la opacidad.

Iluminación y color:

Avance

Como ya se mencionó, al ser la primera vista en perfil, la intensidad de luz y sombra jugaban un papel más importante en mi proyecto. Se debía marcar la linea de corte con más fuerza. Además decidí escoger un cielo nublado y orificios de luz, esto me permitiría mayor libertad de sombras en los espacios. Mi proyecto llevaba varias capas de profundidad, por lo que sombras y difuminación marcarían mejor esta característica. Al estar compuesto en gran parte por vidrios, la opacidad marcaría una diferencia entre estos.

Entrega

Reflexión:

Ambientar el corte resultó ser la parte más interesante, el juego de sombras me permitía añadirle un aspecto más dramático en los espacios principrincipales. Además de marcar la diferencia entre vidrios para mostra la lejanía. Sin embargo, debía añadir más contexto, para explicar mejor donde estaba ubicado el proyecto. Pre-entrega

Para no afectar la continuidad, el estilo acuarela debía utilizarse en el corte. Esto permitía marcar mejor la profundidad de la imagen, haciendo los elementos lejanos, casi transparentes.

Planimetría Elevación

Ambientada

Elevación en Autocad

Capas por separado: En la última planimetría, la separación de capas sería mucho menor a diferencia de las ambientacione anteriores. La elevación estaría marcado por menos niveles de profundidad, debido a que su perspectiva solo era lateral desde fuera del proyecto. Por esto, se dividió entre las celosías de la fachada, la diagramación de los vidrios, y la celosía de la fachada más

lejana. De la misma forma que las ambientaiones anteriores, la elevación iba a trabajar a partir de una paleta de colores parecida, sin embargo, decidí modificar levemente el ambiente, volviéndolo más nublado y oscuro. Esto mostraría las tres planimetrías ligeralmente distintas, para marcar el proyecto en distintos climas y distintas sombras.

Iluminación y color:

Avance

Para lograr un ambiente más nublado en la elevación, se trabajó con tonos más oscuros, trabajando con un gris más oscuro para el contexto. Para las celosías, para marcar bien su material, se decidió añadir marrones oscuros y quitar la capa de la fachada, esto haría que se viera más como unasilueta y sumara al estilo gráfico general. Los vidrios debían tener sombras más dramáticas y marcadas, para tener la profundidad mejor definida y no se confudiera con el contexto.

Entrega

En esta ambientación se trabajó la yuxtaposción de capas con mayor intensidad, resaltando la fachada sobre la vegetación lejana, esto ayudaría a marcar la diferencia entre proyecto y contexto. Mientras

que con los monigotes, se mostraría un ambiente más cotidiano y tranquilo, no se ve demasiado movimiento, para sumar a la temática de lectura que tenía el proyecto,

Reflexión:

Pre-entrega

Este proyecto marcaría el tono que buscaba el propósito del proyecto, tiene vegetación y lleva tonos pasteles y calmados. Aún con un cielo nublado y zonas ocuras, el proyecto no pierde su area tranquila, por lo que facilemente sepodría inferir que se tratab de un espacio para almacén de libros y lectura.

TA 02:

Fotomontaje Infografia

Fotomontaje Interior

Capas por separado:

Para nuestra segunda TA, ibamos a ambientar una vista 3D de nuestro proyecto. Para esto, era necesario analizar los componentes de un fotomontaje, para buscar referentes que nos inspiraran, y conocer

distintos estilos para nuestro propio proyecto. Por esto, se escogió este referente, con dos vista, una exterior y otra interior, que permitían un acercamiento más dinámico al proyecto.

Paleta de Color:

Estos fotomontajes, si bien era desde una perspectiva lejana y una perspectiva dentro, su paleta no cambiaba entre sí. Esto fue para no afectar la continuidad del proyecto, y sea más sencillo identificar y conectar para el ojo del público. En ambas vista se trabaja el tema de vegetación, partiendo desde tonos rosas en el interior, y ocupando distintas tonalidades de verde para las copas de los árboles en el exterior. Este último detalle sería muy importante para entender la posición del visor en el segundo fotomontaje.

Fotomontaje Exterior

Infografía 02

Elementos:

Como elementos predominantes del proyecto fue la vegetación,las personas,y la superposición de capas. En el fotomontaje interior, la vegetación ayudaba a darle más realismo al proyecto, añadiendo enredaderas y arbustos lejanos. Las personas juegan un papel impotante en ambos fotomontajes, en el primero ayudan con la lejanía, en el exterior, aparecen personas diminutas a lo lejos, marando el cambio de escala.

Reflexión:

De la misma forma que en el primer análisis, identificar los elementos de un fotomontaje nos ayudaría a entender la importancia de la perspectiva en nuestro fotomontaje. Los objetos deformados para coincidir, y el cambio de escala para marcar la lejanía, ayudarían a marcar el aire realista en el proyecto. Además de escoger una iluminación fija y monigotes de distinto tamaño mientras la capa visual se vuelve más lejana, sería muy importante para el proyecto, marcando la posición del visor.

Fotomontaje Exterior

Texturas con Sketchup

Capas por separado: Para el fotomontaje exterior, se levantó el 3d en Sketchup, añadiendo texturas a las celosias y barandas, además de añadir detalles a las columnas. Sin embargo, al ser un 3D, no necesitaba tanta diferencia de capas, por ello, solo se separó una capa con el edifcio, otra con el contexto y una para los libreros. Esta última capa era necesari apra tener una perspectiva exacta de como iban a posi-

cionarse los libreros. Despues de pasarse sin fondo a Photoshop, con ayuda de la capa de contexto, se hizo una perspectiva exacta del grass y arboles que ocupaban el espacio, Además de poder agregarle el contexto de la pista y un cielo claro. Para la paleta de colores, se escogerían tonos más intensos, debido a la vista peatonal de la que se dotaba.

Iluminación y color:

Avance

La paleta, como ya se mncinó, fue más intensa en esta ambientación, sin embargo, se escogió los tonos más fuertes para la capa visual más cercana, y para la fachada del edificio, la cual llamaba más la atención. El juego de sombras iba a ser un poco más complicado, debido a la perspectiva, pero iba a ser necesario para implementar la vegetación y respectar la continuidad del proyecto.

Entrega

En el fotmontaje se iba a hacer vital la transparencia entre capas y que se permitía ver y que no. Por ello, elementos ubicados en la primera capa visual, no son demasiado grandes o con ayuda del pincel, estaban llenos pero transparentes, permitiendo que el edificio se siga viendo.

Pre-entrega

Reflexión:

En este primer fotomontaje, se pondría en practica el manejo de la sprspectiva y sombras para marcar la posición del visor. Además, esto ayudaría a marcar bien el contexto del proyecto, y verlo por completo. Por eso, se añadió bastante vegetación. Sin embargo, la mayor diferencia y fuerza de tonalidades se concentraba en el centro, donde se ubicaba el proyecto. Al hacer el fonto un poco repetitivo, permitía el protagonismo del edificio, llevando ls tonos más intensos y ocupando la zona de unión entre el suelo y el cielo.

Fotomontaje Interior

Texturas con Sketchup

Capas por separado:

Para el segundo fotomontaje, los otnos iban a ser un poco más parecidos, además de que en la división de capas no iba a necesitar mucha separación. Se dividió por la vista general, que luego se le agregó texturas y los libreros, los cuales necesitaban su

propia capa. Esto permitiría la correcta perspectiva para los mismos. Lo que se debái trabajar mejor era la diferencia de sombras, ya que esto marcaría la diferencia entre lo lejano y lo cercano.

Iluminación y color:

La paleta de esta vista iba a ser un poco más monotna, defindia por el fondo, lo que era más claro, y lo más cercano, que recibía mucha sombra por estar en el interior. Se le agreg+o vegetación en el fondo para no romper con la continuidad. Además de un textura metalizada en las columnas, lo que levantar+ia la vista. La iluminación por el techo tamb+ieniba a resaltar bastante. Avance

Entrega

Se marcó bastante la presencia de las barandas, esto iba a centuar mejor la superposición de capas. Se le agregó textura con perspectiva a los libreros, lo que daba más realismo a la mediateca. De la misma forma, se agreg+o monigotes a distintas escalas, todos siguieno la forma de silueta y color entero.

Reflexión:

En esta vista interior, se hizo más importante el uso de las perspectiva para añadir los monigotes. Cada uno debía deformarse correctamente para no confundir la profundidad. Sin embargo, los libreros facilitaron esta tarea, sirviendo de guía para el cambio de escala. Pre-entrega

Parcial:

Planimetría Planta

Ambientada

Correcciones:

Para la versión final de la planta ambientada, se añadió un contexto mucho más detallado del proyecto. En la versión previa indicaba solo la vegetación, en esta se añadió más aceras y bancos, para hacer alusión al parque que se extendía alrededor del edificio. También se corrigieron algunos elementos que no seguían el estilo, como los autos y los árboles, si bien antes se quería ambientar los bloques para asemejar un dibujo a mano, se pidió no poner bloques de Autocad. Por ello, se reemplazó con un mejor dibujo de árboles y se volvieron a pintar. Por último, se corrigió algunos errores de escala.

Entrega Final

Parcial:

PlanimetrĂa Corte

Ambientada

Entrega Final

Correcciones:

En cuanto a la versión final del corte, se añadió más información del contexto, al igual que la planta. Se le agregó siluetas de edificios, para respectar el estilo, y se repintaron con acuarela para coincidir con el acabo general. También se añadio más dibujo gráfico, añadiendo los ejes. En la anterior versión, la linea de corte no se notaba demasiado, sin embargo, en este corte, se oscureció el area cortada, para acentuar mejor la linea.

Parcial:

Planimetría Elevación

Ambientada

Correcciones:

En la elevación, se debió actualizar el fondo, para coincidir con el corte. Además se le agregó nuevos elementos, para señalar el cambio de ángulo en la perspectiva. De la misma forma se añadieron ejes, y monigotes que pasaran desde la parte más lejana del edificio, para mostrar la diferencia de capas. Se corrigió los errores de escala y se agregó aves y elementos lejanos para añadirle más naturalidad al proyecto.

Entrega Final

Parcial:

Fotomontaje Exterior

Entrega Final

Correcciones:

Para el fotomontaje exterior, se añadió sombras al edificio, para marcar mejor la fuente de luz en la vista. También se agregó más vegetación en distintas capas visuales, lo que permitiría mejorar el concepto de lejanía para el visor. Se arregló el acabado del grass, aumentando las sombras y marcando de nuevo, la fuente de luz. Por último, se añadió el cerro detrás, para seguir la continuidad de las ambientaciones anteriores.

Parcial:

Fotomontaje Interior

Correcciones:

Para el último fotomontaje, se debía definir mejor el uso de sombras. Al tener un tono parecido, algunos elementos se confundían, po rlo que se marcó una sombra más fuerte en los escalones en la priemra capa visual. Se redefinió la diagramación en las barandas de vidrio con un celeste sueva. Además se corrigió el monigote en el primer plano, se arregló su perspectiva y recortó las zonas que no se percibian. Por último, se arregló la perspectiva enmonigotes más pequeños, además de corregir los problemas de escala.

Entrega Final

TA 03:

Diagramas Infografía

Diagrama de forma

Para la tercera tarea académica, se nos enseñó los diagramas necesarios para representar el proceso de nuestro proyecto. Estos fueron el diagrama programático, diagrama de forma, y diagrama de contexto. Para nuestro análisis debíamos escoger uno de cada tipo. En el caso del diagrama programático, el ejemplo que escogimos utilizaba la estrategia de separar el proyecto por niveles, cambiando su forma según lo que indicaba en cada nivel. Por ejemplo, el primer nivel se separaban los espacio más grandes, mientra el segundo se separaba según su circulación. Para nuestro diagrama de forma, el proyecto empezaba con formas geométricas que se desplazaban y Diagrama Programático

cortaban para lograr representar el proceso creativo del proyecto final. A partir de colores, explicaba el porqué de sus dimensiones asociándolos a su función.

Diagrama de Contexto

Por último, el diagrama de contexto que analizamos, tenía una semejanza a un diagrama de forma. Sin embargo, el proyecto se modificaba según el contexto, indicando la iluminación, lluvia y corrientes de aire.

Infografía 3 Análisis de Diagramas

El Diagrama Programático tiene utilizó los colores para ordenar las funciones de cada espacio. Al estar simbolizado por volúmenes, los colores fueron de mucha ayuda para darle orden al diagrama. Si bien carece de leyendas indicando los niveles, el proyecto completo se ubica abajo, indicando su form aoriginal. Sin embargo, De nuevo usa los colores para, bajando su opacidad,

Diagrama Espacial:

Este diagrama muestra la construcción volumetrica para entender el proceso y evolución de diseño.

Color:

Los espacios se marcan por color identificando su función, esto permite seguir su transformación durante el proceso.

Evolución de forma:

Gracias a esto, se puede ver claramente como evoluciona su volumetría. El vinculo entre color y función permite ver el porque algunos espacios necesitan más espacio. De esta forma, se ajusta y reducen para finalmente desfasarse y modelarse.

El Diagrama Espacial utiliza el color para marcar la función de la misma manera para explicar elporque de su evolución. Teniendo distintos usos requiere distintas dimensiones y el diagrama muestra el porque de su transformación.

Diagrama Programático:

El primer diagrama muestra las funciones del proyecto, además de las interacciones formales entre espacios.

Niveles:

El diagrama se separa por niveles, la primera parte muestra las areas comunes. La segunda marca las area de circulación. Y por último, la zona de estudio.

Diagrama de Contexto:

Este diagrama combina la evolución de su forma con su contexto. Indicando las visuales y por donde se ubicara la protección contra el sol. Si bien no se toma en cuenta la dirección del viento, toma en cuenta factores de su entorno para construir su evolución.

Color:

Los colores juegan una parte importante para marcar jerarquía y distintas funciones. Las zonas de alimentación tienen tonos que parten del azul. El area de estudio se marca por colores más vistosos, así como la sala de música.

Franccesca Knox Kayla Olulo

20180981 20182992

Infografía 03

Elementos:

Los elementos que nos atrajeron de los diagramas fueron en primer lugar, el papel que jugaba el color en los diagramas. Para indicar su función y explicar así el porqué de su proceso evolutivo nos pareció una herramienta importante. Además de extraer las leyendas que explicaban la simbología de los colores, o los niveles, esto definía si el diagrama iba a lograr ser comprendido, por lo que era una característica muy importante.

Reflexión:

Al identificar las características importantes y aplicables a nuestros propios diseños se entendió como características simples como un color o un subtítulo marcan la diferencia entre un buen y un mal diagrama. También entendimos la habilidad de algunos diagramas para cubrir más de un tipo de explicación. Sin embargo, se debía tener cuidado, ya que al comprimir todo en un solo diagrama, la información terminaría estando confusa o terminaría viendose demasiado cargado.

Diagrama Programático Capas por separado:

Para el primer diagrama, decidí explotar el proyecto, mostrando las circulaciones y la ubicación de las losas. Para esto, hice un modelo 3D en Sketchup, para después separarlo y acomodarlo para tener una vista favorable de todos los espacios. Sin embargo, para lograr esto me tomarían varios intentos. Encontar un ángulo correcto que mostrara las circulaciones sin que no deformara tanto la vista fue un poco complicado. Sin embargo, al encontrar la mejor vista, se exportó a Illustrator, donde se modificaría para cubrir la paleta de colores que había escogido para los diagramas. El modelo se exportó como EPS. Esto daría una mejor calidad y mayor nivel de detalle, además nos permitiría alterar los grosores del modelo, para dar protagonismo o definir mejor zonas que no se distinguían bien al principio.

Modelo con Sketchup

Colores uniformes:

Como ya se sabía sobre el proyecto posterior al diseño de diagramas; el panel, decidí escoger una paleta parecida en los diagramas, esto me daría la facilidad de tener tonalidades más uniformes al momento de juntar toda la información en el panel. Por esto, cambie de tonalidad algunos espacios, para marcar su función, además de lograr un resultado mucho más estético al momento de combinar los tres diagramas. Los grosores de lineas también se les dió una diferencia mucho más marcada, teniendo la lineas que definían el proyecto mucho más gruesas que las lineas que indicaban la proyección de las rampas.

Avance

Entrega

La diferencia de grosores en las lineas le daría un sentido mucho más claro al diagrama. Se marcó donde iban las rampas en cada losa, ya sea representaba como una proyección o conectada directamente. También se utilizó leyendas para marcar cada nivel, además de enumerar e indicar en el modelo que función tenía cada lugar. En la parte inferior, se agregó una leyenda que indicara el significado de cada color. Para darle más movimiento al diagrama, decidí agregarle ambientación, indicando la ubicación en la base del modelo y monigotes en las losas, que mostraran mejor la circulación en el proyecto. Al añadir esos detalles el diagrama quedaba mucho más sencillo de entender, dejando en claro las circulación y las piezas que conformaban las losas.

Pre-entrega

Reflexión:

Me gustó mucho el resultado del primer diagrama. La calidad del modelo más la paleta de color y la ambientación dieron un resultado detallado, agradable y delicado. Este diagrama me hizo darme cuenta de la importancia de los grosores de lineas para transmitir la relevancia de algo en un diagrama. Por lo que decidí aplicarlo de la misma manera a los siguientes diagramas qu ediseñe. La paleta de color sería la misma para los demás diagramas, para no romper con el concepto que se quería llegar en el panel.

Diagrama de

forma

Modelo con Sketchup

Capas por separado:

El segundo diagrama explicaría la evolución de la forma de mi proyecto. Para esto, decidí mostrar el proceso en Sketchup, para después indicar los pasos en Illustrator. Por esto, se partió de la planta libre que nos dieron originalmente, para después indicar como las losas se dividían en piezas y los volúmenes generaban desniveles. Para esto, se elaboró cada etapa del proyecto, para luego acomodarse en orden evolutivo.

Colores uniformes:

Avance

En el caso de este diagrama, la paleta de color no iba ser muy aplicable. Sin embargo, se utilizó colores pasteles en lo que se pudo, para no hacer un contraste muy fuerte con los otros dos diagramas. El primer borrador se dividió en muchos pasos, mostrando como los niveles se dividian, que zonas se volvían desniveles y cuales se eliminaban. Era explicativo, pero al tener tantos pasos y pocos cambios en cada diagrama, se tornaba confuso y con pasos algo innecesarios. Por esto, los pasos se unirían de forma de mostrar un cambio fuerte entre paso a otro. Además, explotar el proyecto para ver bien los pasos resultaba confuso al pasar al resultado final, por lo que se optó con siempre contar con la forma original.

Entrega

Como antes mencionado, se empezó con muchos pasos para indicar la transformación. Por esto, se redujo a cuatro, y un texto epxlicativo sobre lo que sucedía en cada uno. También se agregó flechas para indicar los desniveles y el último paso con el producto final, sumándole la fachada. La calidad de la exportación permitió que se viera con mucha claridad.

Reflexión:

Este segundo diagrama me permitio dar cuenta del proceso evolutivo de mi proyecto. El acabado y los tonospara diferenciar la planta original ocn el proucto final fue de gran ayuda, ya que denotaba el contrase y proceso que se había dado durante su diseño. Este diagrama sería importante para mostrar de una forma más real, como el proyecto fue cambiando hasta llegar a su fase final. Pre-entrega

Diagrama de

contexto

Modelo con Sketchup

Capas por separado:

El diagrama de contexto tendría un proceso interesante. El modelo completo se ubicó en Sketchup. Al tener una ubicación real, se pudo ver una vista parecida a la que se quería y trabajar a partir de ese referente. Decidí elaborar una calle y volúmenes que representaran a los demás edificios, esto le daría más realismo y una mejor representación de su ubicación. Después de crearle en

Sketchup, se pasó a Illustrator, donde después de extraer una imagen del mapa dle su ubicación, se editó para hacer parecer un “zoom” al mapa, para después poder verse la vista a detalle que se había creado en Sketchup. Después se agregó la ubicación del sol, y por donde pasarían las corrientes de viento, marcando su ubicación dependiendo a la hora.

Paleta de Color:

En este diagrama sí se pudo volver a utilizar la paleta, sumándole a la ambientación del diagrama. Los degradados que se utilizaron sirvieron para mostrar las sombras en el proyecto. Se trató de usar colores pasteles en los alrededor para ayudar a resaltar al proyecto. En el ámbito estético, el diagrama utilizaba formas geométricas o siluetas, solo aumentando el nivel de detalle enel proyecto principal.

12:00 p.m

06:00 p.m 05:00 a.m

Avance

“Mediateca”

El Olivar, San Isidro Diagrama de Contexto Kayla Olulo Taipe

12:00 p.m

06:00 p.m 05:00 a.m

Dirección de Viento

Entrega

Para completar mejor la contextualización del proyecto, decidí agregar las visuales a diferentes lados de sus alrededores. Por un lado se veía el Olivar, mientras por el otro se veían las tiendas y casas que atravesaban la calle. Además decidí utilizar de nuevo la variación de grosor de lineas,

lo que ayudaría al acabado del esquema. Se le añadió una leyenda pequeña abajo de la imagen, indicando el significado de las flechas, además de la hora del sol en cada posición.

“Mediateca”

El Olivar, San Isidro Diagrama de Contexto K a y l a O l ulo Ta ip e

Reflexión: 12:00 p.m

06:00 p.m 05:00 a.m

Dirección de Viento

Pre-entrega

El último esquema llevaba varios datos para tener una idea completa del contexto del proyecto. Sin embargo, me habría gustado incluir más información, quizá añadir más ambientación, para encajar mejor con el primer diagrama. Los tonos ayudaron a resaltar al proyecto principal, centrado lo más detalloso en el centro.

TA 04:

Panel

Infografía

Panel

Dirección de Viento

Paleta de color:

Algo que me pareció interesante del panel fueron las plantas blancas. Utilizando una imagen de un mismo color como base, resolvió la implementación de las plantas a unos esquemas con tanto detalle. Era interesante ver como el panel no se dividía al añadir un color con tanto contraste, sino unificaba el panel y le servía como una base para los demás diagramas.

Como último encargo, se nospidió elaborar un panel con toda la información que habíamos trabajado durante todo el ciclo. Por esto, se nos pidió hacer el último análisis. Escogimos un panel que se centraba en un diagrama como centro del panel. Este nos atrajó debido al detalle contructivo y programático que mostraba el panel. La jerarquía de los elementos en el panel muestra los lados más importantes a tomar en cuenta del proyecto. En el caso de este panel, los diagrama ocupaban el lugar más céntrico y grande del panel, esto se podría deducir a que el proyecto estaba exponiendo sus detalles constructivos y materiales para su elaboración. Mientra que su fotomontaje terminado se ubica a lado del texto, de un tamaño mucho menor y casi sirviéndole de fondo al texto introductivo.

Los diagramas en cambio, eran claros, con ambientciones delicadas siguiendo la paleta de colores. Se ven cortes y diagramas programático, además que indica como afecta la iluminación al espacio y el porque de sus vanos. Sin embargo, el elemento que más llama la atención sería el diagrama de detalle constructivo, que descompone el proyecto y indica detalles sobre los materiales y técnicas constructivas.

Infografía 4:

Análisis de Panel Diagramas: Como introducción al panel, se utilizan los fotomontajes como fondo del texto. Esto no permite ver muy bien la ambientación, pero al ser un panel que se centra en los detalles constructivos, no necesitaba mucho la perspectiva real del proyecto.

Diagramas: El autor utiliza diagramas de contexto en una elevación para mostrar la iluminación en el proyecto. También incluye un diagrama de forma, donde añade detalles sobre los materiales del proyecto. Este diagrama es mucho más grande y llama la atención, por lo que es la imagen más detallada del panel.

Acercamiento al público: El panel muestra la descripción del proyecto y la intención del arquitecto al momento del diseño. Se puede ver que el primer diagrama comienza con la forma del proyecto y luego es separado para entender la zona privada de la social, para que se puedan hacer vanos para el ingreso de luz. Sin embargo no tiene texto que explique el mismo, haciéndolo difícil de entender para personas que no saben del tema.

Características Importantes: Jerarquía: Los elementos más importantes ocupan mayor parte del panel. Además de tener un mayor nivel de detalle. Las plantas y diagramas ocupan un espacio mayor. El texto explicativo ocupa un espacio muy pequeño, describiendo el proyecto, sin embargo, como la mayor explicación la dan los diagramas, no se necesita una tan extensa.

Visor: El recorrido del visor empieza desde las plantas, siguiendo hacía los diagramas, que ocupan el area central del panel. Mientras que los fotomontajes y la descripción ocupan el final.

Paleta de color

Franccesca Knox Kayla Olulo

20180981 20182992

Infografía 04

Los elementos qu ellamaron la atención del panel fueron el color,los diagramas, y el fotomontaje no necesariamente utilizado como producto prncipl. El color, que no dividió el panel en dos aún siendo diferente, es importante ya que hace ver que este puede unfiicar siempr ey cuando esté correctamente diagramado. Los diagramas siendo el centro del panel dejaron saber la intención del proyecto.

Reflexión:

Este panel nos daría muchas características a tomar en cuenta en nuestro propios paneles. Tomar en cuenta el fondo para complementar todos los elementos es importante y será de utilidad. Necesitaremos ver cual elemento merece tener el protagonismo y ayude a la audiencia saber cual es el objetivo del panel. La paleta de colores para mantener a los elementos uniformes también sería muy importante, ya que esto ayudaría a los elementos a formar una composición, en vez de individuales.

Panel

Modelo con Sketchup

Capas por separado:

Para hacer este panel, decidí partir por el fotomontaje como elemento unificador. Por lo que lo ubique en una esquina y luego difumine los colores

siguiendo la perspectiva del proyecto. Cuando tenía la base en Photoshop, se pasó a Illustrator para añadir el cielo y nubes, lo que ayudaría a difuminar el fotomontaje con el fondo del

Mediateca

El Olivar, San Isidro Kayla

Planta Ambientada

Olulo

Taipe

panel. Después se fueron implementado los demás elementos, tratando de buscar un equilibrio para no hacer ver las planimetrías tan separadas.

Corte Ambientado

conectan a través de rampas en la parte central y giran alrededor de la proyección de la sala de audiovisuales. Esta sala aparece como una caja flotante por sobre el proyecto en desnivel. La fachada se compone por una celosía que recorre todos los espacios de la segunda planta de forma uniforme. Esto brinda iluminación sufiiente para los lectores, pero no demasiada para afectar al álmacén de libros o romper con el concepto de planta libre.

Elevación Ambientado

Avance

Se debió escanear los dibujos a mano y las fotos de la maqueta, lo que m ehizi temer en que no se implementará muy bien en el panel. Sin embargo, se lograron acomodar cerca al texto, donde se explicaría el proyecto.

Dibujos de Bitacora

Reflexión:

Al juntar todos los elementos, sirvió haber partido de una paleta de colores, lo que dió un resultado más uniforme y completo en composición. El fotomontaje ayudó a agregar todo como una sola unidad.

Diagrama de contexto

Diagrama Programatico 12:00 p.m

06:00 p.m 05:00 a.m

Dirección de Viento

Diagrama de Forma

Pre-entrega

Final:

Diagramas

Programático

3er Nivel 4 Cubícul os 5 Zona de internet

2do Nivel

3 Ár ea de lec t ura par a jovenes

1er N ivel 1

Librería

2 Área de lectura para 1

i bl

Áreas de Lectura

Cubículos

Oficinas y Libreros

Servicios Higiénicos

Hall de Servicio

Correcciones:

El diagrama programático estaba bien gráficado, sin embargo, las leyendas terminaron un poco confusas. Por esto, se cambió el ícono que inciaba los espacios, al ponerse igual, identificar los espacios iba a ser mucho más sencicllo. También en la leyenda inferior, los colores, al ser claros, se confudieron entonces el gris y los tonos verdes, por esto, se redifinió el verde, para diferenciar bien los espacios y sus tonalidades.

Final:

Diagramas de

Forma

Correcciones:

En cuanto al diagrama de forma, si bien los pasos ya estaban bien definidos, se decidiĂł agregar una proyecciĂłn transparente para indicar la forma incial del objeto que se desplazaba o eliminaba en cada paso.

1. Estructura inicial

3. AĂąadir desniveles y rampas

2. Dividir piezas y eliminar areas residuales

1/4 1/4

4. AĂąadir celosĂas para iluminaciĂłn

Final:

Diagramas de

Contexto

12:00 p.m

Vista hacia el Olivar por el lado izquierdo Direcciรณn de Viento

Correcciones:

El diagrama de contexto tuvo más correcciones. El mapa, que se habia extraído de Google maps, se cambió por uno hecho en Autocad. Además se escogió una hora fija para el sol y se proyectaron las sombras. La representación del aire se cambió, de modo que contrastara un poco mejor. Por último, se agregó una leyenda a las vistas.

Ingreso

Biblioteca Municipal de San Isidro

Vista hacia la calle por el lado derecho

Final:

Panel

Med

Correcciones:

El Oliv

En el anel se corrigió el acabado de los arboles y el fondo, se aclaró la parte de los diagramas, para que la perspectiva no los afecte. Se añadió el fotomontaje interior a lado del título, así no rompería con los tonos verdes de la planimetría ambientada. Se actualizaron los diagramas y acomodaron mejor, corrigiendo el tamaño de letra. Finalmente se añadió un texto explicativo a los dibujos de bitácora.

Kayla

Planta Ambientada

diateca

var, San Isidro Olulo

Taipe

conectan a t de la proyecc una caja flot compone por da planta de los lectores, romper con e

Corte Ambientado

través de rampas en la parte central y giran alrededor ción de la sala de audiovisuales. Esta sala aparece como tante por sobre el proyecto en desnivel. La fachada se una celosía que recorre todos los espacios de la segune forma uniforme. Esto brinda iluminación sufiiente para , pero no demasiada para afectar al álmacén de libros o el concepto de planta libre.

Dibujos de Bitacora

Diagrama de Forma 1. Estructura

3. Añadir desniv y rampas

En lso dbujos se ve una vista interior y una exterior, la vista interior muestra la perspectiva desde la celosía. Mientras que la exterior, se ve su forma volumétrica.

Diagrama de contexto 12:00 p.m

Elevación Ambientado

Vista hacia el Olivar por el lado izquierdo Dirección de Viento

Diagrama Programatico 2. Dividir piezas y eliminar areas residuales

inicial

veles

1/4 1/4

4. Añadir celosías para iluminación

3e r N ive l 4 Cubí culos 5 Zona de in terne t

2do N ive l

3 Ár ea de l ec t ur a pa r a jovene s

1e r N ive l 1

Lib rería

2 Área de lec tura pa r a 1

l ub

Ingreso

Biblioteca Municipal de San Isidro

Áreas de Lectura

Cubículos

Oficinas y Libreros

Servicios Higiénicos

Hall de Servicio

Vista hacia la calle por el lado derecho

CV Formación Académica 2005 - 2014

Davy college Educación Primaria y secundaria

2014 - 2017

St George´s college Educación Primaria y secundaria

2018 - Hoy

Idiomas

Universidad de Lima Pre-grado

Español Inglés

Reconocimientos Obtención del diploma de Barchillerato Internacional (IB) 2017

Intereses Dibujo y Pintura Diseño Escribir Leer

Programas Autocad Revit Illustrator Sketchup Photoshop Rhino

Soy una estudiante de arquitectura. Me gusta dibujar y diseñar. Soy buena dando soluciones rápidas y eficaces, además de adaptarme fácilmente. Me considero alguien flexible y comprensivo, debido a mi interes en la psicologia. La cual me ayuda a comprender el comportamiento de los demás. Esto me facilita también a conseguir mejor rendimiento de parte de mi equipo según mi liderazgo.

Contacto EMAIL - 20182992@aloe.ulima.edu.pe CELULAR - +51 989 314 708 INSTAGRAM - @kaylaolulo FACEBOOK - Kayla Olulo PINTEREST - Kayla Olulo Taipe ISSUU - Kayla Olulo

Voluntariado Casa hogar Villa Martha Albergue Ronald McDonald

Sumilla

del

Curso

Es una asignatura teórico-práctica donde se desarrollarán formatos y estrategias que potencien la presentación de conceptos y propuestas arquitectónicas. El curso está dirigido a situar y complementar los conocimientos de representación arquitectónica asistida por herramientas digitales, de tal manera que se desarrollen habilidades gráficas útiles para la presentación y comunicación de anteproyectos y propuestas arquitectónicas. II. OBJETIVO GENERAL Desarrollar un instrumental conceptual y operativo que permita expresar conceptos y planteamientos de diseño con creatividad, expresividad, coherencia, síntesis e impacto visual. III. OBJETIVOS ESPECÍFICOS 1. Desarrollar criterios de composición gráfica para la presentación arquitectónica. 2. Explorar diversas herramientas digitales para la expresión de propuestas arquitectónicas y la exposición de ideas y conceptos asociados a estas propuestas. 3. Desarrollar habilidades de diseño gráfico que permitan presentar las propuestas arquitectónicas considerando la creatividad de la presentación, la coherencia e impacto visual.