Posts

SONIC DESIGN - FINAL PROJECT

Image
  SONIC DESIGN - FINAL PROJECT —— Ding Jiaqi/0379388  Sonic Design/ Bachelor of interactive spatial design —— Preparation stage: In week 11, Professor Raziff provided us with four game video clips to choose from: 《Red Goddess: The Inner Room》, 《Ori and the Blind Forest》, 《Hollow Knight》, and 《BattleCube Theater》. I ultimately chose 《Hollow Knight》. First, I created an Audio List based on the video to clarify which sounds I needed to simulate. Then, I created an Audio Storyboard for later editing. Audio List: Audio Storyboard: Production stage: My first step was to reduce noise in the recording. I selected an audio clip containing only noise, generated a noise sample from it, and then used this noise sample for noise reduction. Then I repeated the process to denoise all my recorded material. 1. The sound of insects flapping their wings: I tried many methods to simulate the sound of insects flapping their wings, such as rapidly shaking a plastic bag, and finally found that an el...

PERFORMATIVE MEDIA :FINAL PROJECT

Image
 PERFORMATIVE MEDIA :FINAL PROJECT __________________ Performative Media :Final Project Ding Jiaqi/0379388  Performative Media/ Bachelor of interactive spatial design __________________ Week 10 Week 10 marked the formal transition into the development of our final project. Following the feedback received after our presentation, we decided to revisit and refine our story concept to create a more cohesive and well developed world. However, before further enhancing the narrative, our initial focus was placed on improving the visual quality and technical performance of the TouchDesigner prototype. In the earlier iteration, the prototype lacked a background, and several unoptimized nodes resulted in slight lag within the magic effects. To address this, our Week 10 efforts concentrated on optimizing the system. Particle generation and motion were refined to achieve smoother performance, allowing the magic effects to respond more naturally and operate in real time without noticeable ...

INTERACTIVE DESIGN: FINAL PROJECT

Image
 INTERACTIVE DESIGN: FINAL PROJECT SFACC __________________ Final Project   DING JIAQI / 0379388 Interactive Design  / Bachelor of Interactive Spatial Design  __________________ Introduction: Fig1.1 Introduction ________________________________________________________________________ 1. Project Introduction This project is an official website designed and developed for the San Francisco Animal Care & Control (SFACC), primarily serving animal adoption information display and online user consultation. The website consists of five core modules: homepage, adoption guide, animal list, animal details, and contact page. The entire site is built with HTML5, CSS3, and vanilla JavaScript, without using any front-end frameworks. Fig 2.1 2. Page Architecture Design 2.1 Directory Structure Planning Project files are organized by functional modules under the code directory. Each page has its own folder (home, address, AdoptionPage, AdoptionPageOne, AdoptionPageTwo), conta...

Interactive Design : Project 2 : Website Redesign Prototype

Image
 Interactive Design : Project 2 : Website Redesign Prototype __________________ Project 2 -  Website Redesign Prototype DING JIAQI / 0379388 Interactive Design  / Bachelor of Interactive Spatial Design  __________________ Project 2 : Website Redesign Prototype Fig 1.1 Introduction Introduction: Assignment Objective: Transform the website redesign into a functional prototype, visually showcasing design improvements and demonstrating the application of design principles and UX strategies. Core Task: Based on the initial redesign, develop a prototype using tools such as Adobe XD and Figma. The prototype must include interactivity and key pages. Prototype Requirements: Clickable, supporting page navigation and interaction with core elements, including button hover effects, form fields, and other interactive effects. Required Pages: Homepage, at least one core content page, and a contact page.Usability and a realistic interactive experience must be ensured. Submission Con...