Tuesday, September 13, 2011

Good webpage design

http://www.wonder-wall.com/  is a japanese interior design firm. Their neat, new, stylish and organized interior design work really coincides with their website.

First I want to discuss the contrast this page has.

-great color contrast from the rich, white background with the intense bright thumbnails
-interesting positional and orientational contrast with the thumbnails when you move your mouse over them. They aren't just sitting on the page anymore, they actually jump out at you and push the ones that your mouse isnt on top of behind and to the side, as if saying that the thumbnail your mouse is on top of is the most important.

Second I'll talk about symmetry

Symmetry usually suggests formal and orderly lay-outs. This web-site isn't symmetrical, and it isn't strictly formal and orderly either.
- This website may have an asymmetrical/all over balance, because of the underlying grid pattern that this webpage has. And since most of the square thumbnails arent that much different from each other it still keeps that grid lay-out, and it is still balanced.

Gestalt Principles 
Law of Pragnaz: States that reality is reduced to the simplest form possible
At first glance we see all the thumbnails as a whole grid.
At a second glance, the shade changes of the colors of each thumbnail along with the unsquare corners tells us that it might not be just an ordinary grid lay-out. Then once you move your mouse over a thumbnail it confirms that it is not just an ordinary 2d grid lay-out.

Law of Closures: States that objects grouped together are seen as a whole. 
All of the thumbnails are grouped together, which makes one look at it as an entire unit rather than as individual thumbnails.

Conclusion

If you look at this web-site without moving your mouse on top of the thumbnails I think this website doesnt work. When you do move your mouse over the thumbnails the page comes alive. It brings so much more to the page. I think the key to this website is that going through the thumbnails and having them jump out at you actually makes it fun to browse through. That is what makes you keep browsing through all of their different projects which is a great way that they advertise their work.  

No comments:

Post a Comment