Tuesday, October 5, 2010

005: WK 6 Blog Exercise: Design Success and Failure in Relation to Syntactical Guidelines

image taken from and made by 99mockingbirds

Here is a sample preview of a particular layout design for use by 99mockingbirds. I would love to be able to making layouts/designs and such for websites, be it for personal or professional use in the future. The colors and dynamic shapes along with the focus of a Pippy Longstocking-like monkey girl sends the visual message of cheeriness and movement. This design was made to target those who seek a fun and dynamic character.

It puts the Syntactical Guidelines in perfect use. It is in balance as the irregular shape of the header is given a horizontal base, served by the "FULL SATISFACTION GUARANTEED" as it is formed in a straight line. With a vertical axis through the header, we can see there is an equally amount distribution of color such as with the enlarged character on the upper left with the jagged circle on the lower right. This design also takes note of out "preference for the lower "left" with the alternative links and notes placed on that side. It also makes use of the Gestalt principle with the law of grouping. The main image of this Pippy Longstocking-like girl is repeated all over the header in different sizes and colors but as the law of grouping states proximity has us see the image together as a whole than separately. In terms of negative and positive, it wonderfully defines the two with the positive being the header and the layout as it dominates the eye and the white around being the negative; being more passive. I would love to use this layout sometime in the future!


screencap of http://www.frnz.de/

Here is a perfect example of a design work for websites that DO NOT work. Or rather, has not put the Syntactical Guidelines into consideration at all. According to http://www.blogstorm.co.uk, this is a website that belongs to an Australian technology company. Even more strange, it plays a non-looped MIDI of Nobuo Uematsu's "Sending a Dream into the Universe" from the Final Fantasy VII franchise. For a supposed website of technology, it does not visually communicate this fact at all (sans the possibility of the text stating this). What with the use of flower and hearts and if you scroll down, a picture of a dog!

It is horribly unbalanced, what with the unequal usage of the orchid and animated separators. If you were to put a vertical axis in between, there is no equal amount of color or shape distribution whatsoever, thus this is a design of stress of complex and unexpected variations. This design does acknowledge preference for the lower left in a way, with a message that would require some effort to read due to the uncomplimentary nature of the colors. The overload of positive in this website calls for too much attention and effort with the blinking gifs and images. I don't think anyone would believe if you if you told them a technology company professionally endorsed this.

No comments:

Post a Comment