Semester A: Week 1- Week 11
Student: Tai Ser Yeet (22064351)
Programme: BA(Hons) Digital Media Design
Task: Week 9's Class Task
Project Progress
This week, we continued with our project. The feedback I got from Dean was
that the navigation bar should be at the bottom of the app bcos people use
their thumbs when using their phones. That way, it is more convenient for
users to assess the buttons.
Figma Tutorial
In class, I tried animating the buttons following the tutorial above so
that they could be collapsible on the side.
First Attempt
|
|
Second Attempt |
Unfortunately, it did not work in the way I wanted it to because the
hamburger button moved to the bottom of the screen where it was not visible
when in reality, it should be fixed in position. I continued experimenting
for an hour but had no luck. I requested help from my classmate, Janet, and
within 10 minutes, she solved the problem. All she did was create a frame
for the buttons, turn it into a component, and switch the positions of the menu buttons. She told me that even though the
buttons are not visible during the active state, they should still be there
regardless so the placement is correct.
Feedback from Dean
- The nav bar should be on the bottom of the app bcos people use their thumbs when using their phone
Inspirations
This Week's Moodboard
 |
| Progress on High Fidelity Prototype |
I did not want the colors to distract me from creating the bare bones of my UI design hence, the first stages of creating the high-fidelity prototype were all in Black & White.
Adding Colors
I experimented with the gradient effect as the background color, mixing my secondary colors together to produce a beautiful blend. After I completed most of the sections, I did not like how ordinary it looked. I began this project with one goal in mind which was for my app design to stand out from the others. Now, it looks just as common as any other app in the market.