Project 1
Soo Wen Yi (0334653)
Advanced Typography _
Project 1/The Troublemakers Manifesto Colloquium - Collateral
LECTURES_
Lecture 02 _23 Sept 2019 (week 05)
We were notified through Facebook that our group (group 3 from week 1 presentation) would be presenting this week's lecture for "Typographic perception & organisation". Here's the pdf of the slides.
Lecture 03_
30 Sept 2019
Our classmates group presented this week's lecture on Typographic composition.
Here's some notes that I took during the lecture.
-not used for conventional design
Environmental composition
-applying text to architectural design
Environmental grid
-using shapes/lines from physical site/objects
-using the guidelines for placing the text
Alternative methods
-more composition beyond traditional grids
-type alignment edges & points
-grid forms as the elements are put in
INSTRUCTIONS_
PROJECT 1_
Week 05For this project we have to first create a key artwork for the title "The Troublemakers Manifesto: A Design Colloquium". For the key artwork, we can't use an image as is, we have to manipulate it. Other than that Mr Vinod mentioned that troublemakers could be anyone, they might not create trouble in a generic sense but maybe they're innovative, disrupt the norm/change, politically inclined, creating societal assistance. They disrupt the present status. Mr Vinod also said that the visual have to be similar to the textual info, it also cannot overpower the texts. I started with looking for ideas and reading other people's comment on troublemaker (added in further reading). Then I did 8 idea sketches.
 |
| Fig. 1.1: 8 sketches |
Then I combined some ideas together and this is what I have.
 |
| Fig. 1.2: 2 developed ideas |
I decided to digitise the bottom idea seen on Fig. 1.2. These are the 2 images I used that I found online.
 |
| Fig. 1.3: image used 1 |
 |
| Fig. 1.4: image used 2 |
 |
| Fig. 1.5: process 1 |
 |
| Fig. 1.6: process 2 |
At this point I didn't like how the image turned out so I went back into Photoshop to lighten the image and draw some details.
 |
| Fig. 1.7 process 3 |
 |
| Fig. 1.8: mock up 1 |
After getting feedback from the lecturers, I worked around the example that Mr Vinod gave me. And this a mock up I did that symbolise designers produce works that are maybe controversial but they are not backing down.
 |
| Fig. 1.9: mock up 2 |
Again after getting feedback from Mr Vinod, I changed the fist symbol as I didn't know the meaning associated with it when i used it. I also smudge out the surface of the spray paint can.
 |
| Fig. 1.10: image from https://svgsilh.com/image/157712.html |
 |
| Fig. 1.11: mock up 3 with mock up text for composition purposes |
I asked Mr Shamsul and Mr Vinod about this 3rd mock up and after getting the feedback I did more refining. Also I looked into potential typefaces to use for this and here's the list.
 |
| Fig. 1.12: list of typefaces, all from dafont.com |
Out of them all I like how the 1st one on the list looks so I used that, it is called "Gold under the mud".
 |
| Fig. 1.13: the font chosen |
 |
| Fig. 1.14: refined 1 |
 |
| Fig. 1.15: collage of examples from Mr Vinod |
Looking at some example of posters, I decided to change the flag to be a solid colour/more graphic. I also added radiating stripes coming from the nozzle of the spray can, I see some radiating stripes on protest posters so I decided to integrate the stripes.
 |
| Fig. 1.16: cultural revolution poster 1 |
 |
| Fig. 1.17: cultural revolution poster 2 |
 |
| Fig. 1.18: refined 2 |
Then I first did a variation of the flag in Photoshop.
 |
| Fig. 1.19: flag with original peace sign |
 |
| Fig. 1.20: flag with black peace sign |
 |
| Fig. 1.21: flag with grey peace sign |
 |
| Fig. 1.22: flag with white peace sign |
Then I went into Illustrator to change the composition of the texts.
 |
| Fig. 1.23: original text composition |
 |
| Fig. 1.24: 2nd text composition |
 |
| Fig. 1.25: 3rd text composition |
I liked the 3rd text composition so I proceeded to use that while testing the different versions of flags.
 |
| Fig. 1.26: new composition with original peace sign |
 |
| Fig. 1.27: new composition with black peace sign |
 |
| Fig. 1.28: new composition with grey peace sign |
 |
| Fig. 1.29: new composition with white peace sign |
 |
| Fig. 1.30: refined 3 |
After hearing the feedback given from Mr Vinod, I tried to talk to my friends and classmates and see what they've done for some inspiration. I also looked on Pinterest and followed Mr Vinod's feedback to look at Shigeo Fukuda's works.
 |
| Fig 1.31: Shigeo Fukuda's works |
Fukuda's works consists of very limited colour palette and quite a lot of illusion and gestalt being used. They are usually simple/minimal but striking. Here's a mock up that I did in the rest of the class time.
 |
| Fig. 1.32: mock up done in class |
After asking about this to Mr Vinod at the end of the class, I looked at more examples of Fukuda's work along with more propaganda posters. Then I stumbled upon this image which is also Fukuda's work.
 |
| Fig. 1.33: a poster by Shigeo Fukuda |
This provoked change in a global matter. I thought about this being an eye as the phrase "eyes light up" came across my mind, and that word associate with new ideas. So here's a mock up that I did based on this idea.
 |
| Fig. 1.34: mock up of new idea |
After getting feedback from Mr Vinod this is the refined version.
 |
| Fig. 1.35: refined mock up of new idea 1 |
I wasn't that satisfied with the new idea as I feel like there's too much things going on. I sketched some more and did some thinking based on the same idea. It changed to a much simpler design.
 |
| Fig. 1.36: new idea 2 mock up |
Improvement made after feedback.
 |
| Fig. 1.37: idea 1 refined after feedback |
 |
| Fig. 1.38: idea 2 refined after feedback |
Added the title/text.
 |
| Fig. 1.39: idea 1 layout |
 | |
| Fig. 1.40: idea 2 layout version 1 |
Idea 1's layout is fine, but idea 2's I moved the flag to be further from the eye to give more space but I don't like it so here's another layout of idea 2, using the original key artwork.
 |
| Fig. 1.41: idea 2 layout version 2 |
Week 08
After getting feedback, I changed the typeface of the layout first. I found the same typeface family without the cut out as I used that. (final key artwork not decided so I'm just putting both, as I've explored both key artwork posters in project 2)
 |
| Fig. 1.42: idea 1 final |
 |
| Fig. 1.43: idea 2 final |
After exploring poster in Project 2 it is decided that idea 1 will be the final key artwork used.
 |
| Fig. 1.44: final key artwork |
Here's the PDF to the final key artwork.
FEEDBACK_
Week 05
General feedback
General feedback
Exercise 2 part 1: Start divorcing your font from the original sequence, find a core characteristic to appear in other letters. Also by adding and subtracting elements.
Specific feedback
Exercise 2 part 1:Good, notice that you’re always working with water.
Exercise 2 part 2:Good.
Week 06
General feedback
Mr Vinod said don't use light bulb, mask etc. Avoid using overused idea for the key artwork.
Specific feedback
Mr Vinod and Mr Shamsul said that my first mock up is not quite correct. I have to base it from a designer who's a troublemaker and make a key artwork that everyone will get and understand. Mr Vinod gave me and example about how graffiti can be considered illegal but it is a way for people to express for example political issues. Also need to think about what positive change are they bringing. After showing Mr Vinod my new idea mock up, he said that the spray can doesn't look too nice at the moment, but its interesting image. The fist symbol however might be an issue as he mentioned that it as a symbol associated with communist. But he said that I'm on a better track than before. I showed Mr Shamsul my 3rd mock up and he said that 3 eyes a bit too much, and that I should keep it to 1 eye. And he advice me that if I wanted a spray paint effect, I should use a brush. Later I also messaged Mr Vinod on Facebook for his opinion. This is feedback "I don’t minds the eyes, perhaps you can replace one with a drawing of an eye and another a mechanical robot eye? The spray can is redundant now. Or maybe you could use just the can without the hand. The troublemakers typo needs work... lettering needs to be better written. I like the overall effect. Keep at it. Try a few variations it might lead to another set of ideas in the process also... Okok Just keep at it and see what happens." After having done the refinement I asked Mr Vinod on Facebook again for feedback. "your cloth in the middle reminds me of: (insert 4 poster examples). I think you have an element in there which has potential... that cloth looks like a flag, troublemakers can be associated to revolutionaries.. hence the above... look at revolutionary art... around the world... Take a look at Mei 68 protext posters from Paris they are simple but powerful the key artwork take a look at bolshevik revolution, mao's revolution, fidel castro...etc you should evovle (insert 2 examples) research, read, visually analyze and create something extraordinary!"
Specific feedback
Exercise 2 part 1:Good, notice that you’re always working with water.
Exercise 2 part 2:Good.
Week 06
General feedback
Mr Vinod said don't use light bulb, mask etc. Avoid using overused idea for the key artwork.
Specific feedback
Mr Vinod and Mr Shamsul said that my first mock up is not quite correct. I have to base it from a designer who's a troublemaker and make a key artwork that everyone will get and understand. Mr Vinod gave me and example about how graffiti can be considered illegal but it is a way for people to express for example political issues. Also need to think about what positive change are they bringing. After showing Mr Vinod my new idea mock up, he said that the spray can doesn't look too nice at the moment, but its interesting image. The fist symbol however might be an issue as he mentioned that it as a symbol associated with communist. But he said that I'm on a better track than before. I showed Mr Shamsul my 3rd mock up and he said that 3 eyes a bit too much, and that I should keep it to 1 eye. And he advice me that if I wanted a spray paint effect, I should use a brush. Later I also messaged Mr Vinod on Facebook for his opinion. This is feedback "I don’t minds the eyes, perhaps you can replace one with a drawing of an eye and another a mechanical robot eye? The spray can is redundant now. Or maybe you could use just the can without the hand. The troublemakers typo needs work... lettering needs to be better written. I like the overall effect. Keep at it. Try a few variations it might lead to another set of ideas in the process also... Okok Just keep at it and see what happens." After having done the refinement I asked Mr Vinod on Facebook again for feedback. "your cloth in the middle reminds me of: (insert 4 poster examples). I think you have an element in there which has potential... that cloth looks like a flag, troublemakers can be associated to revolutionaries.. hence the above... look at revolutionary art... around the world... Take a look at Mei 68 protext posters from Paris they are simple but powerful the key artwork take a look at bolshevik revolution, mao's revolution, fidel castro...etc you should evovle (insert 2 examples) research, read, visually analyze and create something extraordinary!"
REFLECTION_
EXPERIENCES
Week 05
The presentation went fine, my exercise 2 part 1 and 2 are done which gives me all my attention to spend on this project. I accidentally burnt my index finger joint, so I'm having a band-aid with prevents me from bending my index finger. It was a bit of a struggle to draw without using my index finger to grip my pencil and tablet pen.
Week 06
Feedback was given clearly so I understood where I went wrong and what needs to be changed to be in the right track.
Week 06
Feedback was given clearly so I understood where I went wrong and what needs to be changed to be in the right track.
OBSERVATIONS
Week 05
This is not my first time to hear visual metaphor.
Week 06
Its confusing as to how to add a designer's value/quality/what positive changes they bring in the artwork.
Week 06
Its confusing as to how to add a designer's value/quality/what positive changes they bring in the artwork.
FINDINGS
Week 05
Because my first Design Research Methodology topic was about visual metaphor but I later changed it. So I had a rough understanding on visual metaphor which helped me to understand this project.
Week 06
It was visually challenging because at the beginning I couldn't think of how to convey those points with a designer as the subject. But after getting feedback and doing some refinement I understood it.
Because my first Design Research Methodology topic was about visual metaphor but I later changed it. So I had a rough understanding on visual metaphor which helped me to understand this project.
Week 06
It was visually challenging because at the beginning I couldn't think of how to convey those points with a designer as the subject. But after getting feedback and doing some refinement I understood it.
FURTHER READING_
Week 05
How to create Visual Metaphors by Dario Paniagua (YouTube video)
 |
| Fig. 2.1: screen grab of video |
From the video there's 3 ways to create visual metaphor. First is to combine/blend 2 elements together to be one. Second is to align, bringing 2 images one next to the other. Last is to put the image into context. Bringing together more ridiculous incoherent elements together will create more interesting visual metaphor. There's also a quote that I've read on troublemakers to help me get started with the ideas.
The Crazy Ones by Rob Siltanen (quote)
 |
| Fig. 2.2: screen grab of website |
The quote gave some insight to what a troublemaker could be, which helped to broaden the ideas for this project.
Week 06
Archival propaganda posters spotlight the graphic design of post-revolution Russia by Jenny Brewer.
 |
| Fig. 2.3: website page |
After receiving feedback from Mr Vinod saying to look at the posters I went online to look at some pages that has examples. This page shows posters from the Ne Boltai! collection by designers from the Soviet Union. It is mentioned that there are more angular typography used and it is also seen in most of the posters shown. This influenced me to choose bolder and "loud" typeface to use. I noticed that a lot of colours that are being used/dominate colour is within the red colour family.
 |
| Fig. 2.4: Ne Boltai! Collection at the Design’s Museum’s Imagine Moscow from the website |
 |
| Fig. 2.5: Ne Boltai! Collection at the Design's Museum's Imagine Moscow from the website |
Russian Revolution: Ten propaganda posters from 1917 by Vera Panfilova
 |
| Fig. 2.6: website page |
Link to the website: https://www.bbc.com/news/world-europe-41833406
The posters shown has interesting visuals that convey the message not quite literally. As seen in the posters red is being used a lot. There seems to be no centralised text/rarely seen in the posters. The composition of text and image are also interesting.
 |
| Fig. 2.7: "Breaking the chains" poster from the website |
 |
| Fig. 2.8: "Late to the party" poster from the website |
Printing a Revolution: The Poster of Paris '68 by Alissa J. Rubin
 |
| Fig. 2.9: website page |
Link to the website: https://www.nytimes.com/2018/05/04/arts/design/may-1968-paris.html
It is mentioned that some posters are easy to understand while others need explanations. But all of the posters seen are quite simple and its different from the Soviet Union propaganda posters. There aren't much collage or photographic posters.
 |
| Fig. 2.10: École des Beaux-Arts poster from website |
 |
| Fig. 2.11: École des Beaux-Arts poster from website |
Powerful Revolution Posters by Paulo Canabarro.
 |
| Fig. 2.12: website page |
The posters are by Michael Thompsons/Freestylee. The bold and artistic visuals are eye catching and different. They are simple but because of the style choice, it is interesting enough to catch attention.
 |
| Fig. 2.13: poster by Michael Thompsons/Freestylee from the website |
 |
| Fig. 2.14: poster by Michael Thompsons/Freestylee from the website |
Comments
Post a Comment