The Layers of the Website

The Layer of the website

When I were designing the website, a book named Ordering Disorder gave me a lot of inspiration. It offered a theory about using grid and proportion  to create simple and balanced design.

Designing grid layouts for the Web By Khoi Vinh

Reference:
1. Ordering Disorder: Grid Principles for Web Design Book(Khoi Vinh, 2010);

Lost and Found, for the Critical Reflection

This animation is based on the children book of Oliver Jeffers, and produced on Christmas eve in 2008.

It's about a small boy and a naughty penguin. One day, a penguin show up in the boy's house. The kindhearted boy thought it has lost its way, so he made a boat and try to help it to go back home. After a lot of difficulty, they reached the south pallor and say goodbye. Then they realized they have became part of each other's life and decided to be together as friends.

As for the characters, he boy is cool, kind hearted and smart. So we didn't see much facial expression and dialogue. The penguin is curiosity and lonely, and kind. And we can see a lot of action and facial express. But of cause, it did not talk, it looks like that it has the feeling and thinking like human.

This animation can remind all of us the style of Oliver Jeffers's children book.The color of the background is warm and relax, and the technical part of the water is also impressive.

It's a story that tells you a lot. Some people lost, some people found. In the world of friendship, we found each other. So we should try not to lose each other so easily.

Art Style Inspiration——samuel123

For these months, I am trying hard to find the art style for my project. I want it to have light, cause I want to show the mouse position by a drop of light. And I want it to be pleasant and comfortable. When I saw the gallery of samuel123, I knew I got it.
From his website, we see that he's an artist from UK, and he's always drawing a mole named Otter in specific occasion.

Otter and the Mothby ~samuel123

This one is my favorite, telling a story about Otter met a moth. I really like the curious face of Otter, and the desk and book make the scene full of fun.

Here are some more his works.

staying up all nightby ~samuel123

Halloweenby ~samuel123

This one made me think about Cinderella's magical pumpkin car.

Otter Bandby ~samuel123

To find more about the story of Otter, you can visit I am Otter.

By the way, I really recommend the website deviantart, where you can discover many awesome artist, their self description and their favorite art works, so you can see what inspires these artists.

Hair Ball, an Animation Using Processing

Hair Ball, by Edward Porten,openprocessing.org

This is the cute Hair Ball I introduced in class, which really showed me the possibility of doing something interesting with coding. I'm glad to show its detail via the link http://www.openprocessing.org/visuals/?visualID=12399.

There's something you have to pay attention to. To play this animation, which we call Sketch, the browser may ask you to install the Java Environment. Just follow the website's install steps. If anything annoying happend, just feel free to leave me a message.