Posts

2D to 3D Translation

The Perfect Cube

                                  

Out of the eleven different ways to make a cube, I found this one to be the easiest to construct. This is because the last tab is left open, allowing me to reach inside and stick the flaps down more accurately. The biggest challenge was having to lay down the last tab, along with managing the glue. It was easy to forget where I was touching. I also realized that its way harder to take the glue off than to put it on.

Letter F Construction

    

I decided to construct this letter F. I started to notice that the more complex the shape gets, the harder it is to stick down the flaps.

                                                                

This construction made me realize the importance of accuracy. If the measurements are wrong. then the whole structure won’t fit right.

Digital Composition. – Orthographic and Isometric 

         

I found the digital construction a lot easier than analog. It was easy to follow the grid lines on Vectornator.

Analog Composition- Perspective, Isometric and Orthographic 

                                       

The analog process required using a 30 degree angled ruler. I had to pay more attention to creating straight measured lines, where as in the digital version, there were gridlines place to guide this process.

Assignment Iterations 

Squares 

For my first trial, I set out to create this iteration with a break in the lines. I wanted to create an illusive energy to portray the feelings I identified in A2- scale, proportion and the feeling of belonging.

                      

The road  block I hit with this idea was that I couldn’t find a good way to have 2 floating squares without creating more lines and destroying the integrity of the initial concept. I also was not able to reach the complexity I was hoping to achieve with this project. Considering obstacles and limitations with creating this simple form from only Bristol paper, I decided against making it my final composition.

Triangles

I used my 3D model prototype from the previous project to think about ways of portraying the energy of this iteration.

                       

For this I used the net of a triangular pyramid. Since I had already constructed this to visualize for the previous project, I decided not to use this as my final piece.

Circles

                          

I was very curious about creating a 3D sphere. I experimented with several different sizes and nets, using both paper and Bristol to test the flexibility of the materials. I concluded that it would be best to make individual sections and then glue them together at the end. There were two ways I could bend the paper- literally bend it, or make bends to get a geometric “circle”.

               

With this technique, I had to come to terms with the fact that I would be adding more “lines” to my initial composition. I realized that adding the bending lines didn’t compromise the integrity of the circular shape, and in-fact it made it more dynamic and esthetically pleasing. The complexity was working in my favor, so I continued to use the same net for the whole composition. It was really difficult to control the spread of the glue and to figure out where to stick the flaps.

     

Next I had to decide between intruding and extruding the swirls. I experimented with these shapes. I simply used the full sections and lay them out on a circular plane. My intention was to stick the plane on the semicircle and make coverings for the top to create a swirl tunnel. The problem with this arose when I was trying to figure out how to make the coverings, since the swirl’s hight differs at all points, it was virtually impossible for me to make it seamlessly with the limitations of the materials.

                           

At this point I was struggling to imagine an alternative, I tried using smaller squares/triangles/polygons to make smaller coverings but it was not working out in the way I wanted. I decided that it was not the direction I wanted to go because there is a lot of room for error trying to construct a tunnel like twirl with the ups and downs.

So I went back to square one, the BASICS. I looked at my net and experimented with completing the sphere, perhaps I would be able to achieve the impression of lines in a simpler way than I initially intended.

                                   

I wanted to cover up the hole so that the viewer wouldn’t be able to see the tabs, glue marks and pencil marks on the inside of the piece. After trying a cone covering, I realized that it looked out of place and didn’t fit in right with the overall composition. Instead, I created another sphere with the same net used to create the first semi-sphere and placed it inside to create the circular covering impression.

Orthographic and Isometric views

              

I decided to do these drawing digitally. it was very challenging to accurately represent each and every line using straight edges. This is because the overall composition is made of both “curved”.

                                

Reflection

Looking back at my process. If I was given more time to complete the assignment, I would have recreated the whole thing without dark marking on the inside. Even with the covering I could still see the tabs on the inside of the semi-sphere, so I would have created an inside circle or found a different solution to cover those up. I would also be more careful with the glue, maybe even use one that isn’t so messy.

This project really challenged my problem solving skills. I mostly learned to put Design Thinking into action- identifying alternative solutions and strategies that may not have been instantly apparent. This project forced me to follow the design process;  from understanding the purpose of the assignment, defining the problem, ideating different possibilities, prototyping those ideas and to testing the final.

Step By Step Instructions

       

Step 1- Create 8 full sections and 10 half sections, follow the dimensions on the net.

Step 2- Cut the outlines and streak the dotted lines, this is where the net bends. Be careful not to cut them all the way through.

Step 3- By gluing the tabs, glue 5 full sections together to create a semi-sphere.

Step 4- Use 5 half to make the first twirl. Attach each section one after the other. So the second section’s first tab is attached to the first section’s second tab.

Step 5- Then apply the same method to make the second twirl that is attached to the other side of the semi-sphere. They will over lap, one over the other.

Step 6- Using the last 3 full sections, glue them together.

Step 7- Insert that inside, making a spherical shape on the inside.

Step By Step Instruction Revision

Studio Space Rendering

Learning one, two and linear perspectives 

                

I first started with exploring cubes in different perspectives; top, bottom, left and right views. Then I began placing them in a room of different depths. This set a foundation for creating the perfect perspective grid with transverse lines.

Practicing orthographically 

              

This step consisted of turning a two dimensional figure into 3 dimensional. I used cylinders to extrude the form and achieve the second drawing.

Rough Sketching

           

I wanted to challenge myself and the assignment prompt, so I decided to create a second level. The bottom floor honors the 200 sqft limitation but the top floor is extended. I experimented with several glass roofing options. I also decided to include a staircase.

Feasibility 

At this point, I was having trouble figuring out how to extend the top floor without making the bottom floor too short. I decided to use two transverse lines to make the drawing more accurate.

Then I started to place the furniture in place using the vanishing point and the two transverse lines and also moving them on the horizon line to create different angles.

Project 1: Good/Bad Design

About good/ bad design.

 

https://www.interaction-design.org/literature/article/bad-design-vs-good-design-5-examples-we-can-learn-frombad-design-vs-good-design-5-examples-we-can-learn-from-130706– ARTICLE

 

  • Good design, when it’s done well, becomes invisible. It’s only when it’s done poorly that we notice it.”
  • Create great and invisible experiences for our users.
  • Understand what your users need, then design based on that. This helps reduce information overload.
  • Information overload
  • Good design prompts self-navigation
  • complex but made accessible (easy)
  • good design is easy to understand

 

https://www.pinterest.it/max_marrazzo/bad-design-vs-good-design/– BLOG

 

  • If it needs a sign, its probably a bad design
  • Look, feel, usability

 

https://medium.com/nyc-design/good-design-vs-bad-design-decisions-1b95fb9deb7c– ARTICLE

  • esthetic
  • useful
  • unobstructed
  • honest
  • understandable
  • innovative
  • thought down to the last detail
  • lacks visual hierarchy – too much going on
  • lacks visual or physical direction

 

Common ideas:

  • Production,
  • Easy to understand
  • Composition – quiet arrangement, esthetic
  • Less is more
  • Sustainability
  • Honest – personal interpretation
  • Useful – purpose, function

Shape Grammar

 

Digital Composition

After bring introduced to the project, I set out to create shapes with shapes. Initially, I started to randomly organize white and black forms in a unstructured manner. It was basically flow of ideas of my mind unconsciously trying to create outlines that I recognized, ones I see in my every day life.Drawing digitally had several benefits, it was easier to move things around and align them in a way that allowed the eye to visualize layers in a way that would be difficult to the human eye. The ease was especially beneficial in just putting down ideas to allow development in the next process steps.

Then I decided to experiment with combining several shapes together to visualize how the complexity of the overall form would; change shift or progress. During this process, I again caught myself trying to rationalize the forms, make them into something I know or something recognizable by others.

The downside of connecting more than one different shape was that the composition stated to look too complex to where it requires extra effort of the viewers part to figure out whats going on.

   Exploring shape combinations Exploring shape combinations

This lead me to wonder what the preexisting squares would look like if I eliminated the black squares and implemented the same concept as the analog version to the digital. Then I started exploring the elements and principles that were unconsciously used in the first stages of my process, along with the feelings they convey.

Analog Composition

I used shapes made of Bristol paper to create these ideas. I simply started by randomly placing shapes in the boxes. My intention was to make it look organized without putting too much thought into it. I focused on the flow of ideas and let my brain communicate with the page.

I found this process quiet challenging because it was hard to make perfectly sized shapes. As compared to digital drawing where you can just copy and paste to get perfect outcomes without hand errors. A benefit of this method was that I couldn’t used black squares so it was easier to see outlines. This progression helped me look deeper into the line contours to identify new forms. I also started to recognize that the simplicity is an asset because it helps portray complex ideas without overwhelming the viewer.

In this next step, I started to to compose frames by considering the Elements and principles of design. I stated focusing on creating hierarchy of elements and narrowing the scope down to a 2 element focus. in each square I explored the feeling and impression I intended to convey and also considered how those elements are portrayed to others. This shift in technique helped me dig deeper and create meaning. I focused on utilizing space and conveying intent. The most challenging part of this process was trying to focus on 2 main elements, this also proved to be the most important. In most cases, less is more. being able to covey the most with as less as possible is a design concept I am working towards.

 

Curiosity 

After making all these different compositions, one of them struck out to me the most. I tried tirelessly to make it coherent and harmonious. it looked nice but something was off. so I began experimenting different ways to make it work. I was having trouble picturing it, so I decided to experiment in a way that I could visualize it best.

                                               

Final Six

Project 1: Observation Drawings Process

In my drawing process, I first visited the places that inspired the feeling of comfort, safety, and motivation. I then took photos of the places from different angles, to most accurately capture my point of view. This is when I found myself evaluating the difference between “looking” and “seeing” the subject matter. What I was looking at, was sensory information that was being processed by my brain, but what I was seeing was influenced by the emotions and feelings I was exploring while taking the photos. Similarly, when creating these pieces, I drew what I was “looking” at simplistically and with less detail. In comparison, I drew what I “saw” with more detail to portray meaning and importance. The use of contrast also has to do with this concept, because what was most observable to my eyes were the darks, while the lights were mere insignificant details. The photos and drawings are similar in that they both have a subject matter; the balance of lights and darks creates clear center for the eye. The lines create harmony and create an accurate representation of the space captured. The Drawing of the Rpac still creates the same energy, the space is enlarged with the lack of detail with its pictorial counterpart portrays, enhancing the motivation factor. Comparably, I think the drawing of Orton hall does not give out the same energy as its picture. This is because the drawing is gloomier and has more shadows, therefore taking away from the feeling of “safety” as darkness usually implies uncertainty and nervousness.