Archive | February, 2013

Looking at Examples – Subpost 3

17 Feb

Hello once again! Today I will be examining the websites listed in the amazing article at http://sixrevisions.com/design-showcase-inspiration/responsive-webdesign-examples/

Perhaps to stay within the bounds of school policy, I shouldn’t bother with the first website, which is about beer… o.O

Hm… although the Daniel Vane website is rather inspiring, I’m not sure how functional it is. It seems cluttered, yet responsive. So in this case, I am ambivalent about the design. But it does have many good qualities that make it stand out: for example, its rectilinear layout is very appealing to the eye.

Much more appealing, in my opinion, is the website http://2012.inspireconf.com/, which uses color very effectively. In this case, it capitalizes on “cool colors” that emphasize a possibly environmental message. It is undeniable that artwork is just as important as layout, and this website is a perfect example of the importance of creating artwork that is appealing and meaningful.

The website http://forefathersgroup.com/ is one of those internet gems that crosses the line between “this is in my browser” and “this is a standalone application.” The reason why it seems to transcend this boundary is that it is so well made, with what seems to be nearly a GUI. Even more amazingly, this GUI is beautifully crafted with excellent use of color.

Just seeing the website http://www.humaan.com.au/ sent shivers down my spine. Whatever amount of money the company spent for the creation of this website was definitely worth it. One cannot help but notice how… dynamic it is. The background changes organically with each slide of the presentation.

Although I am far from achieving the interactivity and amazing design of these websites, I definitely look forward to the day when I am able to create such gems!

Colors and Artwork – Subpost 3

4 Feb

Seeing nice color combinations always sends shivers down my spine.

I want to be able to work with these color combinations and make beautiful webpages.

So of course, I have to devote some time to learning color theory and how it affects our perception of websites. When you search up “color theory for web designers” or something like that on Google, one of the results obtained is http://webdesign.tutsplus.com/articles/design-theory/an-introduction-to-color-theory-for-web-designers/. The reason why I chose this page is that I actually found the web page’s design appealing, and thus I knew that the author knew what he or she was talking about. After all, the majority of the websites out there claiming to help web designers do not, ironically, seem to be the best-looking out there. Ironic, isn’t it?

Color theory consists of three areas: Complementation, Contrast, and Vibrancy. Complementation refers to the relationship between colors. Contrast helps to direct the viewer’s attention and can reduce eyestrain. (The examples used in the website really drive it home). Vibrancy directs the emotion and feel of the page.

Now, on to the meat of the crash course. The triadic color scheme seems interesting, and I think it would be good for pages that want to really capture the viewer’s attention at specific areas. The compound color scheme may suggest a dichotomy or split between sections of a page, or can indicate differences such as those between headers and content. The analogous color scheme would probably be good for general-purpose aesthetics.

The article points to a tool called “Color Scheme Designer 3,” at http://colorschemedesigner.com/. I can’t wait to play around with it, and possibly learn from the results it produces.