Posts

Showing posts from June, 2024

Interactive Design / Project 2

29.05.2024 - 29.06.2024 (Week 6 - Week 10) Tan Sin Mi (0368821) Interactive Design Project 2 CONTENT Instructions Project 2 - Working Web Page Reflection INSTRUCTIONS   PROJECT 2 - WORKING WEB PAGE Objective: In this first part of the assignment, you  will focus on creating a UI design prototype for your digital resume or curriculum vitae (CV) using prototyping software such as Adobe XD or Figma. The UI design prototype will showcase the layout, visual elements, and user interface interactions of your digital resume. Objective: This assignment aims to create a fully functional and interactive web page based on our Project 1 static prototype. Using the skills we learned in web layout class, we will produce a functional website that closely resembles our initial prototype.  ...

Interactive Design / Exercise 3

Image
04.06.2024 - 11.06.2024 (Week 7 - Week 8) Tan Sin Mi (0368821) Interactive Design Exercise 3 CONTENT Instructions Exercise 3 - Creating a Recipe Card Feedback References INSTRUCTIONS   EXERCISE 3 - CREATING A RECIPE CARD We are required to choose ONE (1) recipe from the link given. Review the website that we selected carefully, taking note of its design, layout, content, and functionality. Identify the strengths and weaknesses of the website and consider how they impact the user experience. First, I visited the website that given by lecturer to look for a recipe. I chose a Grapefruit Sorbet recipe as the recipe for this exercise. Figure 1 Grapefruit Sorbet recipe After chosen a recipe, I started design the recipe card by using Adobe Dreamweave...

Advanced Typography / Task 2

Image
22.05.2024 - 21.06.2024 (Week 5 - Week 9) Tan Sin Mi (0368821) Advanced Typography Task 2 CONTENT Instructions Lectures Task 2A - Key Artwork Task 2B - Collateral Feedback Reflection Further Reading INSTRUCTIONS   LECTURES Week 5: Lecture 5- Perception & Organization Perception 1. Definition Perception is how something is regarded, understood, or interpreted. In typography, it involves visual navigation and interpretation via contrast, form, and organization of content. 2. Focus Typography deals with how textual, visual, graphical, and color elements are perceived and understood. Contrast 1. Size Large elements draw attention first, such as a big letter standing out against smaller letters. Commonly used to make titles or headings more prominent than body text. 2. Weight Bold type can stand out amidst lighter type of the same style. Other met...