App Design II - Final Project

-

 05.04.2023 - 5.07.2023 (Week 1-Week 14) 

Ataka Lukman Hamzah/0350012/Bachelors of Design (Hon.) in Creative Media 

Application Design II 

Final Project

Final Project

For final project we are expected to create a html/css form of our previous task. Also with for animating the app itself we are expected to use javascript (gsap). In this project I use several external support such as tailwind and flowbite. I use tailwind to reduce the amount of code writing and working time.


Setting Up tailwind:

Creating tailwind config file

Adding tailwind to css


GSAP Timeline:












App Walkthrough Video - Final Submission






Comments

Post a Comment

Popular posts from this blog

Design Principles - Task 3

-
Image
  27/08/2021 - 25/09/2021 (Week 1 - Week 5)  Ataka Lukman Hamzah / 0350012 / BDCM Design Principles Task 3   LECTURE HARMONY Harmony involves the selection of element that share a common trait. Variety is important to avoid harmony becoming monotonous. Harmony is the sense that all of elements f your design fit together. They may fit the same theme, aesthetic style or mood. Variety is about a change or slight difference in elements and objects in composition, to avoid a boring composition. Variety can also involve varying angles, exposure, composition, etc. UNITY Unity refers to the repetition of particular elements throughout your design whether they're colors, shapes or materials to pull the look together. Unity occurs when these elements are c...
Read more

Typography - Task 2

-
Image
 27/08/2021 - 25/09/2021 (Week 5 - Week 7)  Ataka Lukman Hamzah / 0350012  BDCM /  Typography Task 2   LECTURE WEEK 6 In this lecture Mr Vinod, showed a demo on how to create a 2-page editorial spread. Also, things that needs to be done in the process of making it. Other than that, the requirement such as the size of the page and how to save the 2 page editorial spread for submission. Step-by-step Layout Making: 1. To research, to understand the text that we are using 2. Thumbnail sketch (exploring possible ideas)          - Headline          - Text 3. Patches (to look for white areas, black areas, balance)      Page Size (200 x 200 mm) Side-by-side Spread Page Select All Pages > Right Click > Uncheck Allow Spread to Shuffle > Drag the Page Side by Side INSTRUCTIONS For task 2, we are expected to...
Read more