TYPOGRAPHY - FINAL PROJECT
Typography
30/10/19 - 20/11/19
(Week 10 - Week 13)
Natalie Leong Yuin May (0334127)
Typography Final Project
Lecture Notes
Lecture 10
There was no lecture today as we had to do a placard exercise.
Lecture 11
There was no lecture today as we started working on our final project.
Lecture 12
There was no lecture today as we continued working on our final project.
Instructions
Mib Gcd60104 Typography Bdc... by Natalie Leong on Scribd
Final Project
Week 10
For this week, Mr. Vinod told us that we had to bring a few things to class:
- Our one line manifesto (which has to be our belief about design and society)
- A corrugated card board
- A five to seven foot long broomstick
- Brush/Paint/Markers
 |
| Fig. 1.1: Rough sketch of ideas. |
My idea was mostly revolving around a change in direction or distortion for the word 'mislead' to convey the idea of seeing something else instead. After receiving feedback from Mr. Vinod, I decided to go with the third option.
I then came up with a more refined draft of the idea and then I got to work after receiving feedback from both Mr. Vinod and Mr. Shamsul.
 |
| Fig. 1.2 More refined draft. |
I decided to use red for the 'not' because I did not think that other colors would be suitable. The word 'designers' was a mix between uppercase and lowercase letters.
 |
| Fig. 1.3 Placard design. |
After that, Mr. Vinod practically FORCED everyone to take pictures with their placards and have them uploaded to the Typography (TDS) group in Facebook.
 |
| Fig. 1.4: Me and the placard. |
Week 11
Mr. Vinod gave us a briefing on our final project, which was a continuation from the previous week's placard exercise. We had to use the slogan/tagline we used for our placard exercises and then create a poster based on the same slogan. It had to be A3 in size, and we are limited to a maximum of one more color other than black and white. Additionally, we had to animate the poster as well which will be due in week 13.
My manifesto is "designers must not mislead the people."
The definition of mislead was to cause (someone) to have a wrong idea or impression. So what I understand from this is that a person will cause someone else to see an entirely different viewpoint, unintentionally. The key difference between mislead and deceive is intention.
My vision for the idea was to let the LEAD in mislead be in a different 'face'. So I came up with two variations.
My vision for the idea was to let the LEAD in mislead be in a different 'face'. So I came up with two variations.
 |
| Fig. 1.5: Variation one (black) (JPEG). |
 |
| Fig. 1.6: Variation one (white) (JPEG). |
 |
| Fig. 1.7: Variation two. |
Week 12
After receiving feedback from Mr. Vinod, I decided to change my design a little bit. So this time, my idea was to apply gestalt principle to the word 'mislead'.
After receiving feedback from my friend, I changed the color for mislead to gray to make it easier to read.
 |
| Fig. 1.8: Variation three; mislead in black (JPEG). |
After receiving feedback from my friend, I changed the color for mislead to gray to make it easier to read.
 |
| Fig. 1.9 Variation three; mislead in grey (JPEG). |
However, I felt that something was lacking so I decided to do another variation (Fig. 1.10). I then showed my designs to Mr. Vinod to which he said the latest variation was the best. Mr. Shamsul also said the same.
 |
| Fig. 1.10: Final submission (JPEG). |
Fig. 1.11: Final submission (PDF).
 |
| Fig. 1.12: Gif frames. |
I showed Mr. Shamsul my progress and after his feedback, I made some changes to my animation which is to let the background slide in first then only have designers slide in.
 |
| Fig. 1.13: Final submission (GIF). |
 |
| Fig. 1.14: Final Outcome of Poster (Framed). |
Feedback
Lecture 10
General feedback: We should try different alignments for the sentence 'god is in the kerning" to see what alignment best fits the typeface we designed. Also, we should at the bottom of our page 'font name by name, 2019' in Arial/Helvetica, 7pt.
Project 2: Mr. Shamsul said that the typeface was nice and interesting but then Mr. Vinod said that the 'n' and 't' needed work. Which is the width of the 'n' was too wide as compared to the letter 'o' and the stem stroke of 't' was too thick compared to the other letters that had a stem. However Mr. Vinod said that the typeface was interesting and the rest of the letters were fine. Also, I had to change the composition.
I asked Mr. Vinod for more feedback after I made changes, to which this time he said that I should change the stem stroke of 'n' and 'h', replacing it with the strokes I used for 'i', and to have the o in 'g' mimic the letter 'o'.
Specific feedback:
 |
| Fig. 2.1: Feedback from Mr. Vinod; Changing the stem for 'n' and 'h' with the strokes I used for 'i'. |
 |
| Fig. 2.2: Feedback from Mr. Vinod; Clarifying which stem stroke he was referring to. |
I showed Mr. Vinod the changes I made but I also showed him the additional changes I made to the letter 'r' which he then said that I haven't accounted for the ascender and descenders, as well as to adjust the left bearing for the letter 'i', and that I might as well change the letter 'k' since I changed the letter r.
 |
| Fig. 2.3: Feedback from Mr. Vinod: Ascender and descenders need to be accounted for, along with the spacing between 'n' and 'i'. |
Placard exercise: Mr. Vinod liked how the words were arranged to look cramped and advised me to explore other variations with this arrangement.
Week 11
Specific feedback: format my blog a little better and to change my picture because my current picture says Project 1 instead of Project 2. Mr. Vinod liked the 'mislead' and then made some changes to my design and suggested for me to play around with the futura typeface and add some 'broken' lines to show that the 'mislead' is broken.I showed Mr. Vinod my work via FB messenger, and he said my kerning is very awkward. Then he also told me to look at similar layouts for reference (Paula Scher).
Week 12
Specific feedback: Mr Vinod said I was nearly done. The second time I showed him my work, he said he liked the second design. For the animation, Mr. Shamsul said that I should let the background appear first then only the word 'designer'. After that he said there should be a pause after each word, and to make a flow of someone reading it.Reflection
Week 10
Coming up with a manifesto was stressful because I have absolutely no idea about what my belief about design is. But I think that designing a placard is harder.Week 11
I have made posters before but not a poster where the sole content are words. I was a little bit stressed as to how I was going to design the poster because I usually need to 'visualize' it in my head as to what the final product might look like. But this time, I had a little difficulty in visualizing.Week 12
I feel relieved as the semester is coming to an end and I feel like I've definitely learnt a lot from the modules I took this semester. I think I learnt a little bit more about kerning because I had to make the poster look sort of 'cramped'.Observations
Week 10
I noticed some really interesting designs, like Mei Ying's and Zi Yi's. I really like how they included Chinese in their placards. It's cool because I honestly would've never thought of it. I also heard Gaby (I think) or another arabic guy ask if they could write their manifesto in their mother tongue.
Week 11
Some people look stressed, particularly the people at the front because they're quiet.Week 12
I don't think I noticed anything new because I was pretty caught up in rushing the animation. But I did notice some of my classmates were not done with the still at the end of the class. I feel stressed for them.Findings
Week 10
I found out that the placard should be filled to the max. In this case (and only this case), space is your enemy. We really need to look at the placard from afar.
Week 11
Mr. Vinod told me to look up Paula Scher's works. I realized that she uses yellow a lot in her works. I think maybe that's her unique designing quirk(?). Every designer has sort of a quirk that they include in all their works.
Week 12
I found out that when designing a gif, the rhythm has to be like how a person would read it. Other than that, I found myself feeling more drained than usual. Life is hard but designing is harder.
Further Readings
Week 11
Book title: Ready to Print: Handbook for Media Designers
Author: Kristina Nickel
 |
| Fig. 3.1: Ready to Print: Handbook for Media Designers by Kristina Nickel. |
 |
| Fig. 3.2: Types of composition |
I also read about the optimum word spacing in continuous text, which should roughly be the width of a lowercase i (Theispaceibetweeniwordsiinicontinuousitextishouldibeiroughlyitheiwidthiofiailowercaseii)
. Additionally, the optimum word spacing in a headline should be around approximately the width of the inner space of a lowercase n.
Week 12
Book title: Ready to Print: Handbook for Media Designers
Author: Kristina Nickel
|
| Fig. 3.2: Ready to Print: Handbook for Media Designers by Kristina Nickel. |
The next thing I learnt/found out was that for hyphenating text, one can control how often and in which cases words have to be separated. Good composition that has a hyphenation setting should not have more than three divisions in a row.
In justified text, hyphenation should always be activated whereas for ragged text, it occasionally makes sense to deactivate it. Headlines should not be hyphenated. After that, we have to decide on how many letters a word needs to have to be hyphenated.
If a word is set to hyphenate if it has at least 5 letters, then it would not hyphenate if the letters are lesser than 5. We also need to consider how the syllables are read as well, because if a 4-letter word is hyphenated, then it would be weird and/or ugly as two letter syllables would be at the start of a sentence and overall, there would be an awkward interruption/pause when reading the text.
A minimum of six letters should be set if we want to disable 2-letter separated syllables, and if we want to disable 2-letter separated syllables at either the start or end of lines alone, then we have to specify that only words with 5 letters minimum can be separated which will end up with one of the separated syllables having 3 letters.
Comments
Post a Comment