IxD Lab: Final Project

4 Demo

Minrui Li
Minrui Li
Apr 29, 2017 · 3 min read
The Hidden Meanings of DESIGN

Overview

Design Brief

“Creating responsive Kinetic Typography work by using the word “DESIGN” in your project. Try to integrate series of interactive elements in this typography work. The work should be scalable to various types of interface platforms (e.g. small screen, large screen, AR, VR, Tangible Interface, etc.)”

Ideation

I have a linguistic background and theme of this project is “The Hidden Meanings of Design”.

My initial idea was “The performance of design”. Then inspired by Ji Lee’s Word as Image, I decide to make something different, more related to design and more personal, like my design principle and design value. The hidden meanings of DESIGN:

  • D — Delightful
  • E — Exploring
  • S — Storytelling
  • I — Illuminating
  • G — Game
  • N — Next

Visual Design

Dan asked me why I use particles: on the one hand, they are beautiful; on the other hand, they are powerful and symbolize possibilities.

Here are 6 animations:

Prototyping

Austin and Dan suggested I use simpler and more intuitive input so users can focus more on animations themselves. Finally I built animations with AE, built the interactive part with processing and Makey Makey. I also made a small control panel.

Implementation:

  1. Upload my project to a local server.
  • First, create an html page, then put the css file, processing.js and PNGs in a same folder.
  • Then NodeJS to create a local server, upload the file in terminal.
  • Then I can preview my project in a browser.

2. Build a control panel.

3. Set up a demo!

Press keyboard / Touch screen / Press control panel
    Minrui Li

    Written by

    Minrui Li

    Designer+Illustrator · IxD@CMU · Translation@FDU 【dribbble.com/Minrui】

    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade