28 Oct 2019 - 18 Nov 2019 (week 10-week 13)
Soo Wen Yi (0334653)
Advanced Typography _
Final Project/Design, Exploration and Application
LECTURES_
No Lecture
28 Oct 2019 (week 10)
No Lecture
4 Nov 2019 (week 11)
No Lecture
11 Nov 2019 (week 12)
INSTRUCTIONS_
FINAL PROJECT_
Week 10
Final Project
Here's my 2 initial ideas. One is a physical product while the other is digitally animated.
After getting feedback from Mr Vinod, I understood why idea 2 isn't really a typographical problem. Here's this is the updated idea with Mr Vinod's suggestion.
So I began sketching then did A-Z on graph paper.
 |
| Fig. 1.1: sketches |
 |
| Fig. 1.2: A-Z design 1 |
After showing Mr Vinod and Mr Shamsul in class and getting the feedback, I sketched more in class and did 2 more A-Z designs on graph paper.
 |
| Fig. 1.3: more sketches but top and bottom not going in the way that I wanted |
 |
| Fig. 1.4: design 2 |
 |
| Fig. 1.5: design 3 |
After asking Mr Vinod about this, he drew this as a suggestion.
 |
| Fig. 1.6: Mr Vinod's examples |
After that I went home and sketched more in my sketchbook first.
 |
| Fig. 1.7: more sketches |
Then I carried some into grid paper.
 |
| Fig. 1.8: more sketches |
After the feedback, I tried to figure out every letter's design and sketched it on grid paper.
 |
| Fig. 1.9: sketches to figure out adding more lines and to each alphabets |
 |
| Fig. 1.10: sketches for final design |
After asking Mr Vinod, I digitised all the letters where the letters C,G,O's design will be based on Q's design. The design will be on a typeface named Noto Sans, retrieved from Google Fonts.
 |
| Fig. 1.11: typeface used, Noto Sans |
 |
| Fig. 1.12: digitising process screenshot |
This is the first outcome of the digitised typeface.
 |
| Fig. 1.13: typeface digitised |
Then after feedback, the numbers are created too.
 |
| Fig. 1.14: typeface characters |
After feedback and approval, before starting to apply to collateral, I refined the designs and put it in Fontlab to generate the typeface.
 |
| Fig.1.15: process, refining the design |
 |
| Fig. 1.16: process, refining the design |
 |
| Fig. 1.17: process, before uniting the vectors |
 |
| Fig. 1.18: process, after uniting the vectors |
 |
| Fig. 1.19: final refined typeface characters |
After finalising the typeface, I moved onto Fontlab to generate the typeface.
 |
| Fig. 1.20: process, making the C smaller because of the additional design on the bottom |
 |
| Fig. 1.21: process, adjusting the kerning |
 |
| Fig. 1.22: using sentences to look at the kerning |
 |
| Fig. 2.5: cycle 1 Instagram story 1 |
 |
| Fig. 2.6: cycle 1 Instagram story 2 |
For cycle 2, I used my own photo that I took and combined with the cycle 1 design.
 |
| Fig. 2.7: Image used for Instagram story, taken by me |
 |
| Fig. 2.8: cycle 2 Instagram story 1 |
I then tested cycle 2.1 by sending the image to my friend with Intagram story.
 |
| Fig. 2.9: cycle 2 Instagram story 1 in action |
As seen from the screenshot of the Instagram story above, the overall image is not tall engouh and the texts are too big, logo is too low.
 |
| Fig. 2.10: cycle 2 Instagram story 1.2 |
 |
| Fig. 2.11: cycle 2 Instagram story 1.2 in action |
After getting the placement correct I added "university" with red text box around as seen in a lot of Taylor's University's posts on their Instagram page.
After the feedback is given through the spreadsheet, I started to take more photos of the buildings but the time I was free to get out of class and take photos, its usually right before a rain so some photos that I took was pretty gloomy and dull.
 |
| Fig. 2.29: photos day 1 afternoon |
 |
| Fig. 2.30: photos day 2 afternoon |
 |
| Fig. 2.31: photos day 2 evening |
I started refining the Instagram story first.
 |
| Fig. 2.32: screenshot of process |
 |
| Fig. 2.33: screenshot of process |
 |
| Fig. 2.34: refined Instagram story 1 |
 |
| Fig. 2.35: refined Instagram story 2 |
 |
| Fig. 2.36: refined Instagram story 3 |
The black background was making the overall feeling quite negative, so I tried white.
 |
| Fig. 2.37: refined Instagram story 4 |
 |
| Fig. 2.38: refined Instagram story 5 |
White background was fine, it looks clean but I feel like there's something missing so I tried with gradient backgrounds.
 |
| Fig. 2.39: refined Instagram story 6 |
 |
| Fig. 2.40: refined Instagram story 7 |
 |
| Fig. 2.41: refined Instagram story 8 |
They weren't really working so I remembered that Mr Vinod stated that I can use stock images, I went onto Unsplashed to find a photo to use. And this is what I found and used. This is the link to the photo, HERE.
 |
| Fig. 2.43: refined Instagram story 9 |
I like the look of it, but where the 3 stripes logo is intersecting with the red border of the building, the intersection is right where the slanted edge of the logo is so it looks awkward.
 |
| Fig. 2.44: Final Instagram story |
I made a mock up of the Instagram story advertisement.
 |
| Fig. 2.45: Instagram story mock up |
Moving onto the Instagram post.
 |
| Fig. 2.46: screenshot of process, masking |
 |
| Fig. 2.47: screenshot of process |
 |
| Fig. 2.48: refined Instagram post 1 |
I felt that it was looking a bit empty again so I decided to add some lines.
 |
| Fig. 2.49: final Instagram post |
As for the mock up, I used the caption from the official Taylor's University Instagram post that I found.
 |
| Fig. 2.50: screenshot of a post from Taylor's University, to use the caption |
 |
| Fig. 2.51: Instagram post mock up |
Last but not least its the Facebook post.
 |
| Fig. 2.52: refined Facebook post 1 |
It looks quite empty and not complete so I changed the colour and opacity.
 |
| Fig. 2.53: refined Facebook post 2 |
Then I increased the font size a bit, and this is the outcome.
 |
| Fig. 2.54: Final Facebook post |
The mock up, I took a screenshot of Taylor's University's advertisement on my Facebook timeline, and searched for a caption on their Instagram.
 |
| Fig. 2.55: screenshot of advertisement on Facebook timeline |
 |
| Fig. 2.56: screenshot of Instagram caption |
 |
| Fig. 2.57: Facebook post mock up |
Here's a compilation of the collateral.
 |
| Fig. 2.58: left - Instagram story, right top - Instagram post, right bottom - Facebook post |
 |
| Fig. 2.59: compilation of collateral for my typeface NOTOXTU |
FEEDBACK_
Week 10
Specific feedback
I asked Mr Vinod on Facebook on my first 2 ideas and this is the feedback that I got "The second one is interesting but by animating the logo how is it a Typographical problem?" I then explained I am going to animate the text too and not only the logo. "Yea but the primary point of focus in the TU logo is the mark and not the text... instead you could redesign the text and develop an entire uppercase type face ... that would be more of a typographical exercise"
Week 11
General feedback
Mr Vinod remind us to update/rewrite the proposal if there is a new idea and upload it to the blog. And our project 2 blog should be done as they are going to check it again, make sure there's clear seperation between progress and final work. Must include jpg and pdf, and we will submit our collateral next monday. We should attend to out blog carefully because missing things will lead to minus marks. Briefly explain the collateral in the description of the final jpg.
Specific feedback
In class Mr Vinod said that he wouldn't suggest me to directly taking the 3 stripes and apply it to the typeface, and design 1 is one part of the exploration continue to explore further. He also mentioned that digitising would be fast, if my skills are good enough. Need to figure out how I can introduce the element into the typeface, and that he supports this. There are many ways to use 3 stripes in a typeface, so he told me to explore more and see if I can come up with something at the end of the class. At the end of the class I showed Mr Vinod my design 2 and 3, he told me to explore more since currently they look like they're based off of the first idea. And don't waste my time doing A to Z all the time, choose certain letters and explore the lines first and when I've identified the element then I can choose to apply it to A-Z. He drew 2 examples and said maybe look if it works these ways because my design 3 looks interesting but currently too much lines. He told me to look at other typefaces with lines.
Week 12
Specific feedback
When consulting Mr Vinod and Mr Shamsul at the start of the class, I showed them the sketches that I did with Mr Vinod's examples/suggestions from last week. I told them I liked the 4th one, but Mr Vinod liked the first. He said maybe its because its not there yet; its only made up of 2 lines now, suppose to have 3. T, A, W works fine just add a line. O and S are not working. Before class ended, I asked Mr Vinod about my sketch halfway done because I felt that C, G and O was not working at all and suggested me to do the intersection lower and not at the middle, which resulted in Q's design. After digitising the alphabets, I asked Mr Vinod on Facebook about it and this is the feedback that was given "Interesting. Do numbers too. Then make collateral to show samples of usage. Dummy ads and such".After showing Mr Vinod the letters and numbers, he told me to try it out with the collateral, maybe do a social media poster or something like that. Cycle 1 maybe just a headlines with the logo at the bottom, do different colour and different headlines. (seen on Fig. 2.1) Cycle 2 can add image. He told me to make sure the background is flat colour. and make sure that the text size is bigger than the image because I have a very delicate typeface, so if its small it won't be seen. He also told me that I should've put more thought into choosing the typeface to based on, and gave me an example (also seen on Fig. 2.1).
Week 13
Specific feedback
Mr Vinod's comment on the Google spreadsheet "Your eportfolio is well updated and well documented. Your research for the final project is substantial. Need to continue more options with better image. You can use stock images for the poster.".
REFLECTION_
EXPERIENCES
Week 10
I think I was complicating myself when coming up with the idea for this final project, so I was quite stuck and took me a long time to decide on the ideas. Because some ideas when I come up with it, I will think if its final project worthy, since I've heard about seniors' works and I feel that the bar has been set quite high.
Week 11
Spent all class time in sketching the other variants of the design because I was quite stuck on how to include the element into the typeface. Time is running out I hope I can produce a good final project.
Week 12
Most of us didn't realise that this is due next week so it was like a wake up call when Mr Vinod mentioned the deadline in class. Some of my classmates weren't as far into the project as others at this point of time. I'm on schedule and everything went pretty smoothly, but balancing this project with other module's final projects is a bit hard. I had a hard time managing my time as I'm very tired these past few weeks.
OBSERVATIONS
Week 10
While listening to my classmates proposals, I saw a lot of different ideas/problems being proposed. I noticed that most of us are creating typefaces.
Week 11
A lot of my classmates asked me why I didn't just do the sketching digitally rather than on paper. Some tried to help me when I asked how should I put the element on a specific alphabet.
Week 12
I had the motivation to this project and just wanted to get it done as soon as possible. Some of my classmates are doing very interesting experimental typography like Xiiao Ting's shadow casting.
FINDINGS
Week 10
l was focusing more on the microsite for project 2 and fixing the final touches, because I only noticed and realised how to solve it last minute. So I didn't put as much time as I had hope into generating idea for this final project.
Week 11
I liked looking at the sketches on paper when its laid out and its also easier for me over look the designs, that's why I sketch on paper instead of digital in illustrator. Also because of what I remember from last semester a lecturer mentioned that we should do all the sketching on paper first as when it goes into digital, you tend to nitpick each and everything. So it is easier to sketch loosely on paper.
Week 12
I had the motivation because of the reminder that Mr Vinod told us, although at that point I am a little behind, but I still caught up to date with my designs and asked Mr Vinod for approval to continue as soon as I could.
FURTHER READING_
Week 11
Arcade Game Typography reminds us of the best of 8 pixel monospaced fonts by Jyni Ong
This typeface "High Hope" is designed by several participants, with a set of rules. Because of that, the typeface isn't consistent at all yet they still all go well together. It is an interesting and a great way to engage and include participants when creating a typeface that is meant to use for protests as it reflects the people's voices coming together as one.
 |
| Fig. 3.4: image from the article |
Comments
Post a Comment