TYPOGRAPHY - TASK 3B

-

15/10/2021 - 28/10/2021 (Week 8- Week 10) 
Hansel Ribowo / 0350008 / Bachelor of Design (hons) in Cretive Media 
Typography 
Task 3B

Lectures

Lecture Notes can be seen on the Previous Task Blogs
Instructions
Exercise
We are instructed to create a telegram/whatsapp sticker of a celebration day that we can choose. I chose typography day as my sticker idea. I directly jumped into Illustrator to create the design because I think that the design would have a clearer concept when created digitally rather than hand drawn sketches. In my ideas I wanted to incorporate things that I had learnt from these past semester regarding to typography. So, I added elements such as different typefaces, baseline, x-height, typing cursor, and letterform deconstruction.


Fig 1.1 Happy Easter Sketch
Before Feedback:

Fig 1.2 Happy Easter Sticker BNW

I choose this one because its less graphical design


Fig 1.3 Happy Easter Sticker Color
After Feedback:
Fig 1.4 Happy Easter Sticker BNW

Fig 1.5 Happy Easter Sticker Color

So here after the feedback i decide to move the logo to inside the egg and make the outline for the sticker


Fig 1.6 Happy Easter Sticker

So here how it see when send the sticker at phone.

Fig 1.6 Happy Easter Sticker Gift BNW

Fig 1.8 Happy Easter Sticker Gift Color

Heres how i decide to animate the Sticker

Final Outcome
Fig 1.9 Final Outcome Happy Easter Sticker BNW JPEG


Fig 1.9 Final Outcome Happy Easter Sticker Color JPEG


Fig 1.10 Final Outcome Happy Easter Sticker Gift

Fig 1.11 Final Outcome Happy Easter Sticker BNW PDF

Fig 1.12 Final Outcome Happy Easter Sticker Color PDF

Fig 1.13 Final Outcome Happy Easter Sticker Gift
Feedback

Week 11
General Feedback :  Avoid using too much graphic design.
Specifik Feedback : when wrap text from shape try to use capital letter.

Week 12
General Feedback : When screen grab the sticker on phone better to use normal background.
Specifik Feedback : The logo better to fit in the text rather than place it at side of the egg.
Week 13
General Feedback : 
Specifik Feedback : A decent attempt there is still room for improvements, i.e colour yellow in the egg can be difficult to see. But overall acceptable.
Reflection
In this final project, I got to learn how to create a sticker properly. This is my first time on creating a stickers. Also, it is a bit of a challenge when we are asked to use minimal graphical elements to express a celebration day. However, I think that I have done well on creating a sticker for Happy Easter. There are things that should be considered when creating a sticker for applications, especially applications in mobile phones. 

Comments

Post a Comment

Popular posts from this blog

APPLICATION DESIGN II - EXERCISE 1

-
Image
12/04/2023 Hansel Ribowo / 0350008 BDCM (UI/UX) Application Design II - Exercise 1 Exercises In this first week, Mr. Razif explains to us about MIB and what task and project we will do this semester after that we learn how to use Chat GPT to make a website after that Mr. Razif asks us to do some exercises which make a website using Chat GPT. Here my website uses Chat GPT Fig 1.1 Home Page Fig 1.2 About Page Fig 1.3 Portfolio Page Fig 1.4 Contact Page Fig 1.5 HTML Coding in Visual Studio Code Fig 1.5 HTML Coding in Visual Studio Code Fig  1.6 CSS Coding in Visual Studio Code Fig  1.7 CSS Coding in Visual Studio Code Fig  1.8 CSS Coding in Visual Studio Code ...
Read more

APPLICATION DESIGN II - LECTURE

-
Image
03/05/2023 Hansel Ribowo/BDCM App Design II Lecture Lecture In this week we learning how to animate our website. We start by learning how to use Gsap website to help us with the animation of the website, Then we try to animate our website logo by using script that we copy from Gsap. First we need to load Gsap into HTML page we need to add script in visual studio code which is this After adding the script now we can add the animation from Gsap, our lecture want us to the animation for the logo so this the code for the animation First we need to add id to the logo. and then add the Gsap at the java script section. This one is for adding ease in/out for the animation After that, we added some animation delay to make it come one by one. This animation for the side panel that when we press it will show the menu to animate the section we need to add the animation when open and close the panel. now we making the main lo...
Read more