Typography / Task 3B : Type Design & Communication

-

 

3/11/2021 - 17/11/2021 Week 11 - Week 13 
Loh Shu Huan / 0349621

Typography / Bachelor of Design in Creative Media
Task 3B : Type Design & Communication 
 

LECTURES

All lecture note has completed in Task 1: Task 1 Blog Link

INSTRUCTIONS


<iframe src="https://drive.google.com/file/d/17ZZsYV9b9v7CO2IeTPkpnp1G3TMCURil/preview" width="640" height="480" ></iframe>

EXERCISE

Task 3(B): Type Design & Communication 

Week 11
In this task, we were required to create both static and animate greeting sticker. This week we will need to come out with a few sketches, we may use minor graphical elements or visuals aid in our message and design.


Fig 1.1-2 Related Visual Research

After doing some visual research, I started the work from sketching. I added some design elements of Christmas.

Fig 1.3 Rough Sketches, 2 Nov.2021


Fig 1.4 Final Sketches, 2 Nov.2021

Week 12
After the consultation with Mr.Vinod, I decided to pick the 2nd design as my final design. While discussing about the colours, Mr.Vinod suggested me to experience with the background colours and the text colour inverted.
Fig 2.1 Coloured Ideas, 9 Nov.2021

I tried to combined the twisted line and the background colour, so I come out with this idea. I made the words and the logo into hollow and drop the shadow, but it seems not pop out enough, the words and logo looks darker.

Week 13
After receiving feedback from Mr.Vinod, I made the tree more wider to fit into the square space. I reduced the size of the tree trunk. Mr.Vinod suggested me to just make it a simple rectangle instead a triangle. After I experimented with that, I found that using a more rounded shape will looks more harmony in picture.

Fig 3.1 Different shape of trunk, 13 Nov.2021

After decided to use the rounded trunk, I start working on the details. According to the feedback from Mr.Vinod, I used a darker colour to gain more contrast. Besides, I also added on the highlight to pop the tree out. As the requirements, we need a white border for our sticker, so I added it with a shadow to make it stands out more on phone (telegram).

Fig 3.2 Before vs After, 13 Nov.2021

Fig 3.3 White Border - 7pt, 13 Nov.2021

In this task, we were required to do both static and animated sticker. After having my final static sticker, I started animate the sticker by using Adobe After Effect. I made the star at the top of the tree twinkles and a little movement of the words.

Fig 3.4 Progression in After Effect, 13 Nov.2021


Final Submission of Task 3B: Type Design & Communication
Telegram Sticker Pack Download: https://t.me/addstickers/XmasComin

Fig 3.5 Final Black and White Sticker (2048px), 13 Nov.2021

Fig 3.6 Final Colour Sticker (2048px), 13 Nov.2021

Fig 3.7 Final Task 3B : Type Design & Communication - PDF, 13 Nov.2021

Fig 3.8 Final GIF Sticker Animation (800px), 13 Nov.2021

Fig 3.9 Screen Grab of Telegram (512px), 13 Nov.2021


FEEDBACK

Week 11
Specific Feedback - I can proceed with the 2nd sketch of sticker. The idea with a twisted line is simple and it's working. Good idea to put the uni logo as the trunk. I can experiment with the background colours and the text colour inverted.

Week 12
General Feedback - Remember to put the white border. 
Specific Feedback - The shadow will make the words looks darker (notenough contrast with the background), so just stick to the simply white colour. The trunk is not necessary be the triangle, the rectangle will do. The trunk size could be smaller, and the tree can be wider to fit in with the square.
REFLECTION

Experience: This is a very interesting and fun task, which we could create a sticker that we can really use it on phone.

Observation: While look at a design, we should look at the whole thing. If the overall looking is not working, then it will not work at all.

Findings: I found that this task gave us the freedom to explore and experience both design and techniques. 

FURTHER READING

[The Vignelli Canon] - Massimo Vignelli

The attention to details requires to discipline. We should be aware of all the sloppiness and careless are not allowed. Every detail matters because, no matter what we're done, all the details will involved in out creative process. NO matter there is the quality or not, we have already lost our time. We must adhere to a commitment and  paying effort continuously during the creative process. That is discipline, and no successful design, regardless of style, can exist without it.

Fig 3.10 Pages from [The Vignelli Canon], 13 Nov.2021







Comments

Post a Comment

Popular posts from this blog

Major Project

-
Image
22/04/2023 - 09/08/2023 | Week 01-16 Major Project  Loh Shu Huan / 0349621 Bachelor of Design in Creative Media INSTRUCTION PROGRESSIONS Week 01 On the first day of the semester, we were briefed about our Major Project. There some pathways that we can work on - our dissertation topic, client, any topic or group project (studio based).  For our final year project, we were advised to not to make it an assignment but a industry-standard project. Mr.Asrizal advised us to finalise our proposal by week 3 and we will be assigned to a supervisor based on our selected topic. We were required to start brainstorming for our project ideas and co...
Read more

Professional Development Week

-
10/06/2023 - 14/06/2023 | Week 08 Professional Development Week Loh Shu Huan / 0349621 Bachelor of Design in Creative Media   In order to familiarize recent graduates with the careers and fields of work before graduation, the Taylor’s held the Professional Development Week for us to learn from professionals in different fields and to answer questions about their fields through a question-and-answer session. I attended six workshops, which were: “Financial Literacy for Fresh Graduate” by MAYBANK  Keynote: “Aspire to Inspire” by POS MALAYSIA "The Art of Storytelling" by KAKISENI "Maximize Your LinkedIn Presence" by BDO. "A.I. in Digital Media" by MALAYSIAN ADVERTISERS ASSOCIATION. "Digital Transformation and Solutions: The Importance of Making It Easy" by APLIKASI. REFLECTION Each workshop provided unique insights that have contributed to my personal and professional growth. This career development week emphasized the importance of financial planni...
Read more

Advanced Interactive Design - Final Project

-
Image
28/06/2023 - 18/07/2023 | Week 13 - Week 16 Advanced Interactive Design  / Final Project Loh Shu Huan / 0349621 Bachelor of Design in Creative Media PROGRESSIONS For this task, we were required to create a website that promote a certain thing, such as a new launch product, a song, an app, or an album. We need to create 5 pages by using Adobe Animate. It need to include some micro animation as well. For this project, I decided to do an extension website for one of my project in other module, as it is also a promotional campaign. Week 13 - 16 1. Promotional Website Layout Design This website is actually to promote one of the series of perfume from Zara, called Chapter 6. This chapter has four different fragrances in total. Fig 1.0 Zara Chapter6 Promotional Website Design 2. Progression in Adobe Animate Once I exported all of my assets, I started to import them in AN and create the micro animation for the website. I decided to finish all the design and animation for every pages f...
Read more