Advanced Interactive Design

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

Interactive Design（Final Project）

Image
Interactive Design Final Project  21 November 2025 - 11January 2025 LI YUHAN (0379857) In Project 2 of the course, I designed a warm and elegant web interface for Bean Depart coffee shop using Figma. As the final assignment, I needed to bring this design to life through coding. After diligent work, I successfully completed this project in VSCode and now wish to share this journey from design to code. 1. Project Overview and Technology Selection This project is a brand website that integrates display, interaction, and information acquisition functions into a cohesive digital platform. The core pages include Homepage, Product Showcase, Service Menu, Brand Story, Customer Testimonials, and Contact Us. Each page serves a distinct purpose while maintaining visual and functional consistency throughout the entire website experience. Technically, I chose to use a pure native technology stack consisting of HTML5, CSS3, and Vanilla JavaScript, deliberately avoiding any frameworks or librarie...
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