Loading...
Constant Input Project

Blog

Blog Image

Introduction of Constant Input

Introduction-week0

Introduction of Constant Input

For this project, I expect a daily discory to find different parts of my life in Shanghai. This is my first time living in Shanghai by myself, and hopefully I will have a great semester! More details will be listed in the following sections.

Blog Image

Week 1

Learning from static to dynamic

Learn from static to dynamic

Here is a picture in game League of Legends. It is a staic picture. However, in game clinent, it is moving. Elements in this picture are moving to different direction and speed to make this picture working like an animation. So, how does it work?

Blog Image

Week 1

Learning from static to dynamic (cont)

Learning from static to dynamic (cont)

So, how does it work to make a static image dynamic?
Split a whole image into different elements.
Let each element float by wind/wave
Bounce in a limited range and regually move.
Repeat in a certain time period.
Follow the shape's characteristics to move. For example, circle is moving circularly. Dragon's hair is waving.
It has some opposite movements to highlight the main part of this image. For example, the character in center doesnt move at all, and while penguin is moving up, clouds in left bottom corner is moving down.
Top half image is moving left and right, but bot half image is moving up and down.
Some elements have a little changing of shape. For example the beak of penguin is a little distorted, so that it makes this image "real".
Also, it has a timing schedule to move. It is 2or 3 second to moving and stay static for 1 or less than 1 second.

Blog Image

Week2

How different do people process English letters.

How different do people process English letters

This is a very interesting founding happened this week. This week is the opening week of League of Legends World Championship. Riot chose to use an uniform user interface to broadcast the competitation.
However, Chinese audiances gave feedback that they feel strange about vertical oriented letters (shown above)

Blog Image

New UI

Especially for Chinese

But for now, this change is only appled to chinese audiances. A question may be concerned: Are other audiences feeling the same way? Or only Chinese audiences feels different, because of the different language background?

Blog Image

Meme for this

They also created meme for this "non-humanity" design. I think that this is a worth learning design lesson. Making things comfortable to read and clear should be the NO.1 discipline. So, later, they rearranged the UI for better reading.