TYPOGRAPHY - FINAL PROJECT
07.11.18 - 21.11.18 (Week 11 - Week 13)
Catherine Starlie (0336261)
Typography
Final Project- Social Message Poster (Expression, Hierarchy and Composition)
LECTURES
Lecture 11: -
07.11.18 (Week 11)
No lecture on this week as it was e-learning week and we are supposed to continue our final project.
Lecture 12: -
14.11.18 (Week 12)
No lecture on this week as we continued our final project.
Lecture 13:
21.11.18 (Week 13)
No lecture on this week and we continued to do our final project.
INSTRUCTIONS
FINAL PROJECT (Week 11 - Week 14)
We were briefed on our final project, expression, hierarchy and composisition which we needed to do it on A3 poster about any social problems which happen within Taylor's University. We needed to fill it 3/4 with our message with minimal graphic and one color other than black and white.
I started by writing down what message that I wanted to use and finding any reference by looking various graphic designers which were told by our lecturers. Graphic designers that I used as reference were: Ed Fella, David Carson, and Neville Grody.
Here are some sketches that I made (in one page).
 |
| Fig 1.1 Some sketches of my final project |
After that, I tried it on Illustrator with many of it on the first attempt.
 |
| Fig 1.2.1 First attempt on A3 about trash |
 |
| Fig 1.2.2 First attempt on A3 about focusing life |
 |
| Fig 1.2.3 First attempt with different color and place |
 |
| Fig 1.2.4 First attempt with different color, place, and size |
 |
| Fig 1.2.5 First attempt with different color, place, and size |
 |
| Fig 1.2.6 First attempt with different color, place, and size |
So, I tried another things.
 |
| Fig 1.3.1 Second attempt on A3 about trash |
 |
| Fig 1.3.2 Second attempt on A3 about focus on life |
 |
| Fig 1.4.1 Third attempt on focus by lessen some 'not phone!' |
 |
| Fig 1.4.2 Third attempt on focus |
 |
| Fig 1.5 Forth attempt on focus |
After that, we needed to animate the text or words that are necessary on the poster. (Because I just made it in case).
The difference between the first one (fig 1.6.1) and the second one (fig 1.6.2) is the exclamation mark which is it passed through from the front of the other words while the other passed through back of the other words.
After receiving feedback from Mr. Shamsul, I deleted almost all of the "not phone!" words.
 |
| Fig 1.6.1 First attempt doing the gif |
 |
| Fig 1.6.2 First attempt doing the gif |
After waking up, I had another idea came out, so I also did it.
 |
| Fig 1.6.3 First attempt doing the gif with another idea |
 |
| Fig 1.7 Fifth attempt by deleting most of the "not phone!" words |
 |
| Fig 1.8 Sixth attempt by giving it another color |
After that, I got a feedback which involved the words (again), so fixed it!
 |
| Fig 1.9 Seventh attempt by resizing the words |
Moving on, I got some feedback and help by contrasting it.
 |
| Fig 1.10 Final attempt by contrasting the words |
Because it's done, I'm back to animate it. I used the previous animation idea to do the animation.
 |
| Fig 1.11 Second attempt on animate it |
 |
| Fig 1.12 Second attempt on animate it |
FEEDBACK
Week 12
Specific feedback: Mr. Vinod said that for the first four, they're already on the right track. He suggested me to save as JPG because I saved it as PNG which caused the background appeared black (because I leave it white). And for the first one, he suggested to let the words touch, so 0/- leading. He hoped to see more improvements and refinements. Work on your colour combo. The colour choice of black and red are
. The spaces at the top and bottom need to be eliminated. While Mr. Shamsul said the not phone text is too much. Makes it messy.
Week 13
Specific feedback: Mr. Shamsul said I still had too many "not phone!" words. After that, Mr. Vinod said that I had a strong words but the color made it dull, and it's "not your phone!", not "not phone!", and then he said that my "not your phone!" words are big, I needed to make it smaller. Then, Mr. Shamsul told me that it's still big and it's better to make the words contrast (like using different fonts) and the animations are looked simple.
REFLECTIONS
EXPERIENCES
Week 11
Feeling stressed out because of my project 1, as long as I also need to keep moving forward for another project.
Week 12
Feeling nervous when being called out one by one, because I knew that my was incomplete. But after that, I kept searched for reference from some graphic designers that had been told by the lecturers.
Week 13
Still confused of my own works because it's been told there's still many "not phone!" words. After trying to change it, just notice how much it's more legibility.
OBSERVATIONS
Week 11
When thinking about what sentences would I use, I noticed that there're always still someone who littering, and when people walking or talking or gathering, they would focus on their phone.
Week 12
As I searched reference from 3 graphic designers, I noticed how they expressing it differently especially Ed Fella, because his expressing it through many colors and more visuals than the other graphic designer.
Week 13
As I searched some inspiration for the animation gif, I saw and noticed that they're another way to animate it (which was not only by the words, but we could also play with the background).
FINDINGS
Week 11
I found out that we don't need to use many colors to attract people's eyes, and we needed to make it attractive yet still comfortable to see and easy to understand.
Week 12
I found out that some of my classmates also searched references from the graphic designers that had been mentioned before. And there're still someone who's having hard time.
Week 13
There're so many unique designs and creative words by the others and some unordinary creativity.
FURTHER READINGS
Basics Design Typography by Ambrose / Harris
Less is so much more
It takes skill and practice to select the perfect typeface that completely captures the essence of the project and speaks directly to the reader, but it's a skill that most manage to master to a respectable level. However, some designers over the world still make so many choices in this area.
Typographic hierarchy is one of the greatest assets available to designers where they wanting to create clear navigation through a layout without having to coax too much effort from the reader. There's one way to achieve hierarchy which is to use different, and therefore contrasting, typeface families. There's another way, a better way if you're striving for simplicity, is to pare down the range of typefaces and use contrasting weights from within a well populated typeface family.
There're some tips which are never choose a typeface for body text that doesn't have at least a roman, semi-bold, and bold weight. Make sure the weights are available in italics too in case for a name or a product. Using a coherent set of geometric forms from within a single typeface family will make it easier for the reader to scan the text and recognise those forms from one word to the next.
Reference List: Ambrose / Harris. Basics Design Typography.
Specific feedback: Mr. Vinod said that for the first four, they're already on the right track. He suggested me to save as JPG because I saved it as PNG which caused the background appeared black (because I leave it white). And for the first one, he suggested to let the words touch, so 0/- leading. He hoped to see more improvements and refinements. Work on your colour combo. The colour choice of black and red are
. The spaces at the top and bottom need to be eliminated. While Mr. Shamsul said the not phone text is too much. Makes it messy.Week 13
Specific feedback: Mr. Shamsul said I still had too many "not phone!" words. After that, Mr. Vinod said that I had a strong words but the color made it dull, and it's "not your phone!", not "not phone!", and then he said that my "not your phone!" words are big, I needed to make it smaller. Then, Mr. Shamsul told me that it's still big and it's better to make the words contrast (like using different fonts) and the animations are looked simple.
REFLECTIONS
EXPERIENCES
Week 11
Feeling stressed out because of my project 1, as long as I also need to keep moving forward for another project.
Week 12
Feeling nervous when being called out one by one, because I knew that my was incomplete. But after that, I kept searched for reference from some graphic designers that had been told by the lecturers.
Week 13
Still confused of my own works because it's been told there's still many "not phone!" words. After trying to change it, just notice how much it's more legibility.
OBSERVATIONS
Week 11
When thinking about what sentences would I use, I noticed that there're always still someone who littering, and when people walking or talking or gathering, they would focus on their phone.
Week 12
As I searched reference from 3 graphic designers, I noticed how they expressing it differently especially Ed Fella, because his expressing it through many colors and more visuals than the other graphic designer.
Week 13
As I searched some inspiration for the animation gif, I saw and noticed that they're another way to animate it (which was not only by the words, but we could also play with the background).
FINDINGS
Week 11
I found out that we don't need to use many colors to attract people's eyes, and we needed to make it attractive yet still comfortable to see and easy to understand.
Week 12
I found out that some of my classmates also searched references from the graphic designers that had been mentioned before. And there're still someone who's having hard time.
Week 13
There're so many unique designs and creative words by the others and some unordinary creativity.
FURTHER READINGS
Basics Design Typography by Ambrose / Harris
 |
| Book cover of Basics Design Typography |
It takes skill and practice to select the perfect typeface that completely captures the essence of the project and speaks directly to the reader, but it's a skill that most manage to master to a respectable level. However, some designers over the world still make so many choices in this area.
Typographic hierarchy is one of the greatest assets available to designers where they wanting to create clear navigation through a layout without having to coax too much effort from the reader. There's one way to achieve hierarchy which is to use different, and therefore contrasting, typeface families. There's another way, a better way if you're striving for simplicity, is to pare down the range of typefaces and use contrasting weights from within a well populated typeface family.
There're some tips which are never choose a typeface for body text that doesn't have at least a roman, semi-bold, and bold weight. Make sure the weights are available in italics too in case for a name or a product. Using a coherent set of geometric forms from within a single typeface family will make it easier for the reader to scan the text and recognise those forms from one word to the next.
Reference List: Ambrose / Harris. Basics Design Typography.
Comments
Post a Comment