Project 1
23rd September- 2019 (week 5-)
Daryl Pung Xi Ern (0333743)
Advanced Typography Project 1
LECTURE NOTES
Week 5
Class notes:
Week 6
This week my group presented about different types of typographic composition.
Week 7
Class notes:
INSTRUCTIONS
PROJECT 1
Week 6
Mr Vinod told me that I could use my 1st draft as my key artwork, except without a black background.
Week 7
Based off his feedback from last week, I started to experiment with different colors and layouts.
Mr Vinod told me to stick with the colors of my 3rd layout. I then decided to apply the colors to my original composition, which I liked a lot more.
Here's the final key artwork:
FEEDBACK
Week 6
I showed Mr Vinod 3 drafts in class for my key artwork. He liked my first draft especially how I interacted the typography with the eye. However, he told me to change the background to something lighter.
Week 7
He didn't say much, but he approved of my 3rd layout for the key artwork where I changed the background color from black to white, and I also changed the position of the words.
REFLECTION
Experience
Week 6
While I was searching through pinterest for possible images for my key artwork, I got really inspired to be experimental with my composition.
Week 7
I was quite happy when Mr Vinod approved of my artwork, so that I had a good start on how else I could improve or expand on my original design.
Observations
Week 6
After observing the distorted parts of the face, I found that the eye in particular was sticking out. I thought it would be interesting to make the words interact with it somehow.
Week 7
I found that by using a lot of colors of elements doesn't necessarily make the layout better, but in fact, with minimal colors and few elements could make a layout look pleasing.
Findings
Week 6
I learned a lot of different effects through youtube such as displacing the words so that it could curve around the blindfold of the man in my 3rd draft, as well as some composition ideas I found from other typographic art.
Week 7
I was having a lot of difficulty finding colors that matched, especially with a non dark background. But I eventually managed to find some colors that complimented each other well.
FURTHER READING
Article 1
https://medium.com/s/about-face/structural-typography-26f00c19e2f0
I read an online article called "Structural Typography" by Bethany Heck. One passage that really stood out to me was this:
Which just shows that regardless of how nice your type might look, it depends on how it's presented on the layout, and how the other elements work together. From this article, it really helped me think of my composition for the key artwork.
Article 2
https://www.freecodecamp.org/news/typography-can-make-your-design-or-break-it-7be710aadcfe/
I came across an online article called "Typography can make your design or break it" by Jonathan Z White. In the article the author talks about the beauty and complexity of fonts, and how if it isn't used properly it could break the design. He also touched upon areas such as how to find the right font, who's your target audience and finding inspiration. What stood out to me was when he talked about how you should choose conventional and easy to read fonts instead of highly decorative ones that aren't practical. We could also achieve visual contrast with font size, color and weight.
Week 5
Class notes:
Week 6
This week my group presented about different types of typographic composition.
Week 7
Class notes:
INSTRUCTIONS
PROJECT 1
Week 6
![]() |
| Fig 1.0 Option 1 |
![]() |
| Fig 1.1 Option 2 |
![]() |
| Fig 1.2 Option 3 |
![]() |
| Fig 1.3 Based off option 1 |
![]() |
| Fig 1.4 1st Draft |
![]() |
| Fig 1.5 Based off option 3 |
![]() |
| Fig 1.6 2nd Draft |
![]() |
| Fig 1.7 Based off option 2 |
![]() |
| Fig 1.8 3rd Draft without stars |
![]() |
| Fig 1.9 3rd Draft with stars |
![]() |
| Fig 1.10 1st Draft Final |
![]() |
| Fig 1.11 2nd Draft Final |
Week 7
Based off his feedback from last week, I started to experiment with different colors and layouts.
![]() |
| Fig 1.12 Experimenting with layout |
![]() |
| Fig 1.13 Experimenting with layout 2 |
![]() |
| Fig 1.14 Experimenting with layout 3 |
![]() |
| Fig 1.15 Experimenting with layout 4 |
![]() |
| Fig 1.16 Experimenting with layout 5 |
Mr Vinod told me to stick with the colors of my 3rd layout. I then decided to apply the colors to my original composition, which I liked a lot more.
Here's the final key artwork:
FEEDBACK
Week 6
I showed Mr Vinod 3 drafts in class for my key artwork. He liked my first draft especially how I interacted the typography with the eye. However, he told me to change the background to something lighter.
Week 7
He didn't say much, but he approved of my 3rd layout for the key artwork where I changed the background color from black to white, and I also changed the position of the words.
REFLECTION
Experience
Week 6
While I was searching through pinterest for possible images for my key artwork, I got really inspired to be experimental with my composition.
Week 7
I was quite happy when Mr Vinod approved of my artwork, so that I had a good start on how else I could improve or expand on my original design.
Observations
Week 6
After observing the distorted parts of the face, I found that the eye in particular was sticking out. I thought it would be interesting to make the words interact with it somehow.
Week 7
I found that by using a lot of colors of elements doesn't necessarily make the layout better, but in fact, with minimal colors and few elements could make a layout look pleasing.
Findings
Week 6
I learned a lot of different effects through youtube such as displacing the words so that it could curve around the blindfold of the man in my 3rd draft, as well as some composition ideas I found from other typographic art.
Week 7
I was having a lot of difficulty finding colors that matched, especially with a non dark background. But I eventually managed to find some colors that complimented each other well.
FURTHER READING
Article 1
https://medium.com/s/about-face/structural-typography-26f00c19e2f0
I read an online article called "Structural Typography" by Bethany Heck. One passage that really stood out to me was this:
One object can be the fulcrum for your design’s structure
Design can often be tackled in a cascading fashion. If your design is best served by a single focal point, solve for that, then decide how your type and secondary elements can relate back to that focal element.It’s not just the type you choose, but the way you present itType doesn’t have to exist on just one plane, or be rendered in one dimension or in one texture. Seek ways to add variety to the aesthetic elements in your typographic work, and don’t forget to build bridges between the different styles you use.
Which just shows that regardless of how nice your type might look, it depends on how it's presented on the layout, and how the other elements work together. From this article, it really helped me think of my composition for the key artwork.
Article 2
https://www.freecodecamp.org/news/typography-can-make-your-design-or-break-it-7be710aadcfe/
I came across an online article called "Typography can make your design or break it" by Jonathan Z White. In the article the author talks about the beauty and complexity of fonts, and how if it isn't used properly it could break the design. He also touched upon areas such as how to find the right font, who's your target audience and finding inspiration. What stood out to me was when he talked about how you should choose conventional and easy to read fonts instead of highly decorative ones that aren't practical. We could also achieve visual contrast with font size, color and weight.























