Cai Zihan (0378043)

Posts

Showing posts with the label Interactive Design

Interactive Design/Week 12

- December 11, 2025

Interactive Narrative Design Cai Zihan / 0378043 14/12/2025-9/12/2025/Week 11 Interactive Narrative Design/Bachelor of Design in Creative Media / Taylor's University TABLE OF CONTENT INSTRUCTIONS LECTURES TASK 3 FEEDBACK INSTRUCTIONS <iframe src="https://drive.google.com/file/d/1EaSU2_QhKuvrIyN_bEKBxyPF2947Ooww/preview" width="640" height="480" allow="autoplay"></iframe> LECTURES 1. This Week’s Main Goal -This week's main focus is following up on Task 3. I'll continue refining Task 3: I want to make gameplay more story-driven, letting players understand what they've accomplished in each chapter. Therefore, I'll keep optimizing my game. -I need to make another branch selection. 2. What I Am Focusing On (Choose ONE) Interaction polish 3. One Concrete Task (Must Finish This Week) Optimize the environment to make some things appear more complete. 4. Secondary Tasks (Optional) 5. End-of-Week Reflection I need to contin...

Interactive Design/Project 2/Exercise 5

- June 02, 2025

20/5/2025-9/6/2025 Cai Zihan/0378043 GCD 60904 / Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercises 5 TABLE OF CONTENT Instructions Lectures Exercise 5 Feedback Reflection Instructions <iframe src="https://drive.google.com/file/d/1cRM_m5eErYToYALYb7Dm0RNrArnWh8I-/preview" width="640" height="480" allow="autoplay"></iframe> Lectures Most HTML elements are containers. Consider some of the HTML elements we've used so far: body, p, h1, h2, div, ul, ol, li. • Each of these is a container, or box. • Each box has three layers that surround its content. The layersare, in order from inside to outside: • Padding • Border • Margin Week 6_CSS Selectors Exercise 5 Objective: The objective of this assignment is to develop a fully functional website (at least five (5) pages) based on the prototype created in the previous assignment, revitalizing your website redesign. The final product should ...

Interactive Design/Project 2/Exercise 4

- May 19, 2025

20/5/2025-22/6/2025 Cai Zihan/0378043 GCD 60904 / Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercises 4 TABLE OF CONTENT Instructions Lectures Exercise 4 Feedback Reflection Instructions <iframe src="https://drive.google.com/file/d/1cRM_m5eErYToYALYb7Dm0RNrArnWh8I-/preview" width="640" height="480" allow="autoplay"></iframe> Lectures <iframe src="https://drive.google.com/file/d/1dwhMV_qI0s4QBVP_FCzfERjAJkzMtzEN/preview" width="640" height="480" allow="autoplay"></iframe> div (generic html element） selector p，h1，h2,h3 l1 property{ font-family;font }value { color,blue } Exercise 4 Project 2 | Website Redesign Prototype Requirements： The objective of this assignment is to translate your website redesign proposal into a functional prototype. This prototype should visually and interactively r...

Interactive Design/Project 1/Exercise 3

- May 12, 2025

13/5/2025-20/5/2025 Cai Zihan/0378043 GCD 60904 / Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercises 3 TABLE OF CONTENT Instructions Lectures Exercise 3 Feedback Reflection Instructions <iframe src="https://drive.google.com/file/d/1cRM_m5eErYToYALYb7Dm0RNrArnWh8I-/preview" width="640" height="480" allow="autoplay"></iframe> Lectures <> HTML {} CSS <h1 >information</h1> parent element child element <html> <head></head> <body></body> </html> Exercise 3 Assignment Description: You are required to select an existing website which you feel has several design and UX issue and prepare a detailed proposal for its redesign. The proposal should address the following key aspects: Feedback INTERACTIVE DESIGN WEB STANDARDS STRUCTURE OF A WEB PAGE Understanding structure Learning about markup Tags and elements STRUCTURE OF PAGES The...

Interactive Design / Project 1/Exercises 2

- May 05, 2025

30/4/2025-6/5/2025 Cai Zihan/0378043 GCD 60904 / Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercises 2 TABLE OF CONTENT Instructions Lectures Exercise 2 Replicate a Website Feedback Reflection INSTRUCTIONS <iframe src="https://drive.google.com/file/d/1cRM_m5eErYToYALYb7Dm0RNrArnWh8I-/preview" width="640" height="480" allow="autoplay"></iframe> Lectures <iframe src="https://drive.google.com/file/d/14hjHSvBXsE3XXgP4r8PDdDaK4NtPONwG/preview" width="640" height="480" allow="autoplay"></iframe> Exercise 2 - Web Replication Request Your task is to replicate TWO (2) existing main pages of the websites that you have analyzed in Exercise 1 to gain a better understanding of their structure. Follow the dimensions of the existing website, including the width and height. This exercise will help you develop your design skills using software such as...

Interactive Design / Project 1/Exercises 1

- April 21, 2025

21/4/2025-30/4/2025 Cai Zihan/0378043 GCD 60904 / Interactive Design / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercises 1 TABLE OF CONTENT Instructions Lectures Exercise 1 Web Analysis Feedback Reflection Instructions <iframe src="https://drive.google.com/file/d/1cRM_m5eErYToYALYb7Dm0RNrArnWh8I-/preview" width="640" height="480" allow="autoplay"></iframe> Exercise 1 Web Analysis What To Have in The Analysis: Consider the purpose and goals of the website, and evaluate whether they are effectively communicated to the user. Evaluate the visual design and layout of the website, including its use of color, typography, and imagery. Consider the functionality and usability of the website, including its navigation, forms, and interactive elements. Evaluate the quality and relevance of the website's content, including its accuracy, clarity, and organization. Consider the website's performance, including ...