Posts

Showing posts from May, 2025

Interactive Design/Project 2/Exercise 4

-
Image
 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...
Post a Comment
Read more

ADVANCED TYPOGRAPHY: TASK 2 KEY ARTWORK & COLLATERAL

-
Image
 12/5/2025 - 15/6/2025 / Week 4 - Week 8 Cai Zihan / 0378043 Advanced Typography / Bachelor of Design in Creative Media / Taylor's University  Task 2: Key Artwork & Collateral TABLE OF CONTENTS 1. Lectures 2. Instructions 3. Task 2 (A): Key Artwork 4. Task 2 (B): Collateral 5. Feedback 6. Reflections 7.Further Reading LECTURES Lecture 5: Perception and Organization 1.Contrast Fig 1.1 Contrast（week 5，19/5/2025） To make design work and meaning pop out-clearly and unambiguously,and with flair.via the use of contrast intypography. 7 kinds of contrast: Fig 1.2 7 kinds of contrast（week 5，19/5/2025） Form：Originating from the Greek words "typos"(form)and "graphis'(writing). Organisation /Gestalt:Gestalt is a german word meaning the way a thing has been "placed'or "put together". The Law of Similarity is a Gestalt grouping law that states that elements that are similar to each other tend to be seen as a uniform group. Similarity can refer to any num...
Post a Comment
Read more

Interactive Design/Project 1/Exercise 3

-
 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...
Post a Comment
Read more

Interactive Design / Project 1/Exercises 2

-
Image
 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...
Post a Comment
Read more