Visual Representation

Page 1

ยง

AIR YSDN 1001 - VISUAL LANGUAGE PROJECT 4 IAN STEWART JANUARY 6TH 2019


2


TABLE OF CONTENTS ATTRIBUTES OF AIR

4

IMAGES

6

MOOD BOARD

9

CONCEPT SKETCHES

11

DIGITAL LAYOUT DRAFTS

14

FINAL

23

CONCLUSION

26 3


ยง

ATTRIBUTES OF AIR

4


Attributes of Air Flow Float Calm Serene Peaceful Happy

Soft Light Meditative Transparent Philosophical Independent

§

Clear Fresh Clean Breezy Cool Smooth

In order to gain a better understanding of ‘air’ , we were assigned to create an attribute list of air. By creating a list of words that describe air, we can more easily visually display air and we can represent these qualities when creating visual layouts.

Loyal Constant Pure Simple Elegant Graceful

5


ยง

IMAGES

6


Graceful

Pure

Soft

Constant

Loyal

Simple

Philosophical

Happy

Light

By compiling images associated to the adjectives of air, we get a better understanding 7 of the attributes of air through being visually presented with images connected to the attributes of air


Clear

Fresh

Soft

Calm

Float

Flow

Smooth

Cool

Breezy

8


ยง

MOOD BOARD

9


We get an overall feel and understanding for air, through the creation of the mood board and helps visually represent air

10


ยง

CONCEPT SKETCHES

11


In this stage of the project, I really wanted to display air in as many ways as I possibly could, but also follow the themes and mood I had discovered in the previous exercise. By following different compositional strategies and exploring themes of air such as “peaceful” “flow” and “constant”, I came up with the following layout sketches.

12


CRITIQUE

- This thumbnail shows the most potential - Avoid too many symbols - Make sure too many symbols don’t crowd the primary ‘swoosh’ - Experiment with transparency - More saturated/opaque symbols on bottom -Increase transparency through middle and top of composition

13


ยง

DIGITAL LAYOUT DRAFTS

14


CRITIQUE 1 Try making some of the ‘s’ symbols filled and some not to add depth

} } § § } } } } } } }§ } § } } } } § § } } } } } } §} §} } } § § } } } }§ } § }

Gradient background is distracting

&& && & & & & & &&& & & && & & & && &&&

&& && & & & & & && & & & && & & & && &&&

&& && & & & & & &&& & & && & & & && &&&

≈≈≈≈ air ≈≈≈≈ air ≈≈≈≈ air ≈≈≈≈ ≈≈≈≈ ≈≈≈≈ ≈ ≈ ≈≈≈≈ ≈≈≈≈ ≈≈ &&& && && & && && & & & && & && &&

&&& && && & & & && & & & & & & && &&

&&& && && & & & && & & & && & && &&

& &&& && & & & & & && & & & & &&&& && &&&

& & && & & & &&&& && & & & & & & & && & &

& & && & & & & &&& &&& & && & & && &&&

& & && & & & &&&& && & & & & & & & &&&&

& &&& && & & & & & && && & & & & & & && &&&

& &&& && & & & & & && & & & & &&&& && &&&

-Overall, too much repetition (creates a sense of rhythm); more variation in the placement of symbols would make composition more interesting

15


Make top more open, by removing symbols inside this ‘s’ and remove a few ‘approximately equal’ signs Varying the amount of space between the symbols (don’t have to create equal spacing)

} } § § } } } } } } §}} §}} } } § § } } } } } } §} §} } } § § } } } }§ } § }

Move ‘air’ up and more right

&& && & & & & & &&& & & && & & & && &&&

&& &&& && & & & &&& & && & & & && &&&

≈ ≈ ≈≈

&& &&& && & & & &&& & && & & & && &&&

≈ ≈ ≈ air ≈ ≈≈≈≈ air ≈≈ ≈≈≈≈ ≈≈≈≈ ≈ ≈≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈≈ ≈≈ ≈ ≈ & & && & & & &&&& && & & & & & & & &&&&

r i a &&&&&&&&&&

&&&& & & & & & && &&&

&&& && && & & & && & & & && & && &&

&&& && && & & & && & & & & & & && &&

&&& && && & & && & & & & & & & && &&

&& && & & &&&&& &&&& & & & &&

& & && & & & & &&& &&& & && & & && &&&

& &&& && & & & & & && & & & & &&&& && &&&

&& && & & &&&&& &&&& & &&&&

White background is not as effective, stick to blue background

Move this ‘S’ more down and shift right This blue is too dark 16


Placements of ‘s’ works best in this Composition

§ § § § § § §

CRITIQUE 2

} §}} } §}} }}} } } } } } } } } } } } } } §}}}} }}} }} }}§} }}} }} }} } } } §§}} } }

Curly brackets seem messy and uneven. Consider making bigger, similar to brackets above

}}} } } }} }} } } }}} } } } } } }}} } } } }} } } }}} } } }} } } }}} } } } }} } } }}} } } } }} } } }}} } } }} } }

} } } } } } }

≈ ≈

≈ ≈air ≈

air

}

air

Shadows of ‘s’ seem a little odd (no transition between the changing colours. Make these colours constant, or make a subtle gradation

Consider removing this ‘s’

17


§ § § §§

} } } }§ } }}} } } } } } } }§ } } } } } § } } } } } } § } } } § } } } } } §} §§}}}} }}} } } § } } } } } } } § } } } } §§§}} } } ≈ ≈ ≈ ≈ ≈ ≈ air≈≈≈ air ≈≈≈ ≈≈ ≈ ≈ ≈≈≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈

Nice use of shadow on ‘s’

}

Consider removing a few brackets to make composition more open

≈ ≈ air ≈ ≈

}

}

Text is too big and colour is off

Good sizing of brackets

18


§§ § §§ § §§ CRITIQUE 3

}} }} }} }} }} }} }} }}

Use this shade of blue

≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈air≈ ≈≈ ≈ air ≈ ≈ ≈ ≈ air ≈≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈≈ ≈ ≈≈ ≈ ≈ ≈ ≈≈ Play around with transparency of these symbols

}

}

}

} } }}} } § } §}}§ } } §§}}} }}}} § } } } §}§§ } } §}} }}}} } § § } } }§ }§} }

≈ ≈

Make these symbols more spread out

Remove this ‘s’

19


§§ § §§ § §§ § ≈

} } }}} } } } } } §}§ § } } } §} }}} } } } } § § } } } }§ § §§}}}}}} } } } } §} §§ } } } } } }§} } } }

Overlay of symbols is distracting

≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈≈ ≈ ≈≈ ≈ ≈ ≈ air≈ ≈ ≈ ≈ ≈ air ≈ ≈ ≈air≈≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈≈ ≈

}

}

}

Outline of symbol is barely visible

≈ ≈

Remove the white outline

20


§§ § §§ § §§  ≈ 

  

  Remove the blue symbols (adds too much movement)

}} }} }} } }} }} }} }}

≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈ ≈  ≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈ ≈ air≈ ≈ ≈ ≈ ≈ air≈ ≈≈ ≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈≈ ≈ ≈ ≈ ≈≈

Overall, too many symbols (especially the white outline symbols) make the composition too distracting and strays away from the theme of air. Makes it too busy - whilst trying to go for a more simple and clean theme.

}

}

}

} } }}} } }§ } §}§ } } §} }}} } § § } } }§§ §§} }} }}}} § § } } } }§ }§} }





Gradient in text is good however, make it match more with colours of composition.

21


§ } } }}§ } } } } } } §}

  ≈   ≈  ≈ ≈    ≈  ≈  ≈≈ ≈    ≈     ≈

CRITIQUE 4

§

Remove this bracket

}

Move more to left

Remove this bracket

Remove a few white glyphs in this area

22


ยง

FINAL

23


     

§ }

§ }}

}

} } } } } §}

§

     ≈   ≈   ≈ ≈   ≈  ≈  ≈ ≈ ≈    ≈  ≈

24


ยง

CONCLUSION

25


In conclusion, after completing this project I got to discover the various ways a single concept (such as air) could be shown, and the numerous steps it takes to get to the final product. I realized how crucial truly understanding the concept being shown is, because due to the process of mind-mapping and brainstorming I had a better understanding of air, and could more easily visually display ‘air’. I realized through this project that correct placement of symbols (in a way that pleases the eye) is extremely crucial and can be discovered through experimenting and critique. I enjoyed seeing how the final product came to be; even though it took several attempts and layouts, it was nice to finally see a product that fits just right. It was also interesting to see how a single concept came to life after research and a few hand-drawn sketches. My only con for this project would be perhaps for me to create even more layout designs and have an even better understanding of my theme air so I can create a product that fits even more with my element. I am very satisfied with how my design came out and I now have a better understanding on how to visually translate ideas into products and how to use the software as well.

26


27


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.