Screen Shot 2013-10-12 at 10.27.35 PM

 

As a photographer I am really into Nike’s designs. They love dark gradients, and that really sells if for me, because Nike shoes are so colorful.  The visuals that you will always see in Nike is that when they design they keep the same pallet. like lime green shoes, with a link bar with the same effect.

Website – Gestalt Design “Uggs”

No website needs to be more visually appealing and attractive than a website trying to sell an object/item to its viewers.Websites that are the home base for selling clothes and shoes need to be universally simple to use while portraying their products as expertly as possible.

The Australian shoe/boot/slipper manufacturer Ugg’s has progessviely become more and more popular on an international scale. Products are shipped worldwide so the website that advertises its goods may send the viewer a message of quality and luxury – two characteristics that this company is known for.

  • Uggs

Figure and ground: The Ugg website does a great job of using white space. Products are used in appealing photography, however, when shopping for an individual piece, it stands alone. The foreground is not interrupted by a busy background. It is clean, simply and visually appealing.

Screen shot 2013-10-11 at 11.43.12 PMProximity and alignment: The website does a great job on continuity throughout its pages. All typefaces are the same apart from the companies iconic logo which stands tall and strong on the top left hand corner of every page. Colors are explosive and appealing, but they all stay within the ‘prime colors’ zone and mix very well. Colors are also in their block for, they are not patterned or textured, just simply and uniformed.

Screen shot 2013-10-11 at 11.43.44 PMLastly, visual heirachy is used in the display pictures that are feature points. There is quality photography throughout the site which features some of Uggs most popular products. The actual items for sale are separated by neat and easy to navigate boxs. Overall it is a great website.

 

Davroc Interiors

Davroc

The Davroc Interiors website  uses sever gestalt principles including a very narrow color palette of various shades of bluish gray to simplify the design and ensure that the photos all compliment each other. The site also uses generous whitespace throughout and a minimum of text in simple fonts to reiterate the minimalist design. Everything also uses a very clear alignment to keep order to the flow of the site.

theclymb theclymb2

The Clymb is a discount outdoor clothing/gear website. Their business is all web based so it is very important they have an easy and accessible website design.

  • figure and ground: The Clymb uses a dark background which allows the viewer to see the products clearly.
  • proximity and alignment: The site uses two types of fonts, and the dark and light grey as well as the light blue colors throughout the website which creates unity.
  • continuation: The site is very linear and organized. They decided to create square blocks to place the information and products they are selling in.
  • visual hierarchy: Their layout is simple which is necessary for the site to place emphasis on the products they are selling. Most everything is uniform in size and color because each thing they are selling is equally important. The Clymb logo is large at the top of the page and the categories begin to decrease in size as you go to another sub category.

 

Hulu. Who Knew?

Screen Shot 2013-10-09 at 8.05.01 PM

Thinking about the gestalt principles, and because I just had a viewing party of SHIELD in my room 3 hours ago, I decided to use Hulu as my website. Who knew Hulu would have used these principles? Anyway; seeing as these are all video clips, the images themselves stand out against the grey background that Hulu uses on its website. Through all of the clips of what is new that aired this week, the same font is used for the title of the show, the name of the episode, and the description beneath it. The headers of each section, such as “Shows You Watch,” are all the same font, and are all capitalized, creating uniformity. Finally, visual hierarchy is very much used, as the episodes just coming out the day after they air on television take up the entire top half of the website, being the first things that you look at, such as Agent Coulson’s face (#CoulsonLives).

Lululemon Webpage- Gestalt Principles

Screen Shot 2013-10-09 at 8.05.17 PM

I think the Lululemon website is very successful with effectively incorporating the gestalt principles of design. First off, their logo shows an exaggerated letter “a”, which when clearly looked at and deciphered displays the continuation element. A viewers eye is drawn from the bottom corner curve, up to the top arch and back down, to the point where our brain can close the “a”. Also the figure ground principle is clear too; the red background allows the white symbol to pop out of the ground.

The website follow similar principles. We see proximity and alignment with the typography on the webpage because all of the drop down lists and bar at the top, are written in the same text and size and located close to each other. Also, the models are close to each other, leaving no white space, helping to draw the eyes up to the top of the webpage. However, the type on the pant styles are all unique, which I think help the different kinds stand out amongst each other. The models also contribute to visual hierarchy, leading the viewers eye up to the top of the webpage where the drop down lists are. The color of the background on the site is also white, allowing not only the logo to pop, but also the colors in each style pant to come off the page and be apparent.

I love this site…and their clothes.