博文

Advanced Interactive Design / TASK 2: INTERACTIVE DESIGN PLANING & PROTOTYPE

图片
WEEK5-WEEK8 NAME: JIN RONG I.D: 0361701 COURSE: Advanced Interactive Design / Bachelor of Design (Honors) in Creative Media Advanced Interactive Design -  TASK 2: INTERACTIVE DESIGN PLANING & PROTOTYPE INSTRUCTION LECTURES WEEK5 WEEK6 WEEK7 TASK 2: INTERACTIVE DESIGN PLANING & PROTOTYPE Introduction: Students are required to work on their visual design and start planning their website’s interactive design elements and features. Unlike traditional static website, when it comes to interactive design where animations are present, the plan not only should include the layout visuals but also the animation example or reference. Students can build their animation or user-reference animation to demonstrate the intended idea. Requirements: 1. Walkthrough Video presenting the plan and showing the animation examples and/or references.  2. Online post...

Game Development / Task 1

Week 1 - Week 7 JIN RONG / 0361701 Game Development  / Bachelor of Design (Hons) in Creative Media Task 1 - Game Design Document INSTRUCTION

Application Design II / Task 2

图片
  WEEK5-WEEK7 NAME: JIN RONG I.D: 0361701 COURSE: Application Design II  / Bachelor of Design (Honors) in Creative Media Application Design II / Task 2 INSTRUCTION  LECTURES Week 5 This week, Mr. Razif introduced us to the concept of micro-interactions in UX design. He explained how these subtle animations can greatly improve the user experience by providing visual feedback, enhancing usability, and making interactions feel smoother. He also showed us how FlutterFlow supports importing animations, making it easier to integrate motion into our designs. To help us understand the topic better, he recommended a YouTube video series called "The Principles of UX Animation" by Val Head, available on the Adobe Creative Cloud channel. Through this, I realized that good design isn’t just about appearance—small animations can make a big difference in how users fee...

Application Design II / Task 1

图片
WEEK1-WEEK4 NAME: JIN RONG I.D: 0361701 COURSE: Application Design II  / Bachelor of Design (Honors) in Creative Media Application Design II / Task 1 INSTRUCTION Week 1  To Do List  Get analysis feedback from GPT, prompt out all the pros and cons based on your app MVP features. Update blog Communicate with ChatGPT ✅ Highlights (good things) Consistent visual style: color matching and font usage are consistent, in line with Jakob’s Law (users expect the interface to follow a familiar pattern). Clear layout: the screen is divided reasonably and has a good hierarchical structure, in line with the Gestalt Law of Proximity (related elements are close together). Intuitive icon use: icons are intuitive, which helps speed up user understanding and reduce cognitive burden (in line...

Advanced Interactive Design / Task 1: Thematic Interactive Website Proposal

图片
WEEK1-WEEK NAME: JIN RONG I.D: 0361701 COURSE: Advanced Interactive Design / Bachelor of Design (Honors) in Creative Media Advanced Interactive Design -  Task 1: Thematic Interactive Website Proposal INSTRUCTION LECTURES WEEK2 In our Week 2 lesson, we learned how to draw with Adobe Animate. We were trained on how to utilize several tools, including the form tool, selection tool, and paint bucket tool. After the tutorial, Mr. Shamsul asked us to draw a boat for practice purposes. week3 This week, we studied the fundamentals of using animation with Adobe Animate. During class activities, we worked on producing the shapes moving and using ease-out and ease-in effects at various keyframes. week4 This week, we learned how to use guide layers to create path animations. Under Mr. Shamsul’s guidance, we first anima...

Information Design - Final Project

图片
WEEK1-WEEK 7 NAME: JIN RONG I.D: 0361701 COURSE: Information Design / Bachelor of Design (Honors) in Creative Media GROUP: Class 01 Sec 04 Information Design - Final Project  INSTRUCTIONS  WORKFILE  Our workfile can be viewed here Week 1 I joined a group with 9 other students to form our team, we discussed the video and reviewed the descriptions and finally voted to raise awareness of microplastics as the topic. The group leader introduced our idea to the lecturer and he asked me why we chose this topic. After our discussion, he instructed us to prepare a proposal slide and present it on the following Monday. Title: Microplastics - Unveiling the Damage to Ecosystems We then assigned the scope of work in terms of research and slide preparation, and I was responsible for the introduction (What are microplastics? A general o...