Interactive Design (Weekly Learning)

Interactive Design (Weekly Learning)

WEEK 1-WEEK 14
LI YUHAN (0379857)

Week 1: 

This week, the instructor systematically outlined the semester's teaching structure and core tasks, emphasizing the central role of user experience in web design. We clarified the requirements for the first practical project—selecting five high-quality websites with improvement potential for in-depth analysis, with specific advice to avoid e-commerce and news websites to broaden design thinking. Through the teacher's detailed explanation, we acquired the necessary software tools, laying a solid foundation for subsequent learning.

The specific content of my homework：

Project 1



Week 2: 

The course focused on the core concept of "designing for user satisfaction." We delved into the iterative process of design thinking: from understanding problems and defining solutions to conceptualizing ideas, prototyping, and user testing—a cycle requiring continuous refinement. The session highlighted five key usability principles: maintaining interaction consistency, simplifying operational procedures, enhancing function visibility, providing immediate feedback mechanisms, and implementing error prevention strategies. Through group workshops, we analyzed practical applications of auditory, tactile, and textual feedback models using instant messaging apps as case studies.

Week 3: 

We systematically distinguished between the Internet and the World Wide Web, understanding the standardized development logic of web pages based on HTML+CSS. The course focused on analyzing the visual hierarchy of web pages and the working mechanism of HTML markup language. Through hands-on coding exercises, we mastered the paired usage standards of element tags. By constructing complete page structures containing head information and visible content areas in code practice, we clarified the functional division of root element <html> and its child elements <head>/<body>, establishing a technical foundation for web development.

My class exercise:




My web

Week 4: 

This week moved into practical website implementation, learning how to deploy web projects through the Netlify platform and mastering key processes of folder management and index file submission. When using Dreamweaver for development, we focused on practicing image path settings, responsive size configuration (percentage units), and the introduction and layout control of background images. In the table construction segment, we utilized table/tr/td tag combinations to create structured data displays and optimized border rendering through the border-collapse property, ultimately completing table designs that conform to content semantics.

I also further improved my website. Here is my project 2:



Comments

Post a Comment

Popular posts from this blog

{Interactive Design}Exercise 1

Image
Interactive Design Exercise 1： Website Analysis 22 September 2025- 1 October 2025 YUHAN (0379857) LI  WEBSITE 1 1. Purpose and Goal: This is a recruitment website created for Takara Leben Co., Ltd.  Takara Leben is a Japanese biotechnology company specializing in the fields of regenerative medicine and cell therapy. It can be understood as a "bridge" company that translates cutting-edge bioscientific research into practical medical applications.  This website serves to recruit talent for Takara Leben, assisting individuals in achieving self-actualization while contributing to human health through biomedical advancements.  2. Visual Design and Layout （1）Blendent  and Visual style Launch animation The color palette's profound symbolism aligns with Takara Leben's mission to translate advanced cell and gene therapies into tangible realities for patient benefit. Beyond its efficacy in alleviating anxiety and enhancing focus among job seekers, the color imagery constr...
Read more

Advanced Modeling and Animation (Assignment1-2)

Image
Advanced Modeling and Animation Assignment 1: Create Models for an Interactive Space 7 October2025- 22 October 2025 LI YUHAN (0379857) Design and Concept I started by looking at some images for inspiration, gradually establishing the general look I wanted for the two models and creating a mood board for them. Mood Board Then I conceptualized the specific forms and content of the two models. My idea is to create a mechanical octopus-themed VR attraction called Kraken Core and a drop tower ride styled like a spacecraft launcher named Vector Ascension .Then I sketched them in Procreate to facilitate subsequent 3D modeling. Kraken Core: Its head is a massive holographic projection that moves in sync with the storyline—rising, falling, rotating, and vibrating. Unlike traditional rides offering only a single sensory experience, Kraken Core combines multiple senses to deliver a truly profound immersive VR experience. Vector Ascension: Vector Ascension is a lift-and-spin ride I designed inspi...
Read more

Embedded Systems Course

Image
Embedded Systems Week 1/ Introduction to Embedded System Week 2/ Prototyping Embedded Systems Week 3/ Introduction to Sensor Modules Week 4/ Embedded System Development Life Week 5/ Embedded Systems Development Essentials Week 6/ Producing the Final Assignment Week 7/ Revision of Final Assignment Week 1:   This class deepened my understanding of embedded systems, which integrate hardware and software for specific tasks across various applications, from home appliances to automotive controls. It covered their categorization by generation, performance, and real-time capabilities, highlighting their critical role in medical devices and automobiles. The course also showcased their use in smart offices, such as NFC music walls, smart lights, and door locks, enhancing efficiency while raising privacy and data storage concerns. Overall, it underscored the importance of embedded systems in modern life and the ethical considerations in their design. During the practical class, our teacher i...
Read more