Monday, October 3, 2011

"I Wanted to See Something That's Different": Design Principles

This weekend we had a reading about three important design principles:
1. Limit Your Fonts
2. Limit Your Colors
3. Contrast, Contrast, Contrast

I think that the M&T Bank website is a great example of good design. Click the picture below to see the website for yourself.


Side Note: M&T Bank is a bank that apparently doesn't exist in North Carolina? All I know is that I can't do any banking other than when I go home to Maryland, which is considerably annoying. 

Anyway, I think this website demonstrates a lot of the important things discussed in the blog entries about design.  It has one font for the logo, which only appears once in the top corner, one font for their tag lines such as "Understanding what's important" and "Have you raised the green flag?" that is a little more stylized, and then a standard typeface for the rest of the text.  The color scheme is also extremely effective because a variety of values in the green family are represented, but a number of the links are blue which compliments green nicely. The site has a white background, and the green accents provide nice contrast. In addition, the area where you log in to M&T Bank, which is arguably one of the most important aspects of the website, is in a light green box and this contrast against the white, while subtle, is still effective. And lastly, the Open Now link situated in the picture in the middle of the page stands out because of the gradient fade that makes our brain perceive it as three dimensional and the fact that it creates nice contrast  against the white background and the darker green of Easy Save.

All together, the M&T Bank website isn't overly fancy or complicated, but it is a bank whose goal is to convince the consumer of how simple it would be to bank with them, so this fits the message they are trying to send. When they use color, and different fonts, they use it well in a way that fits with their scheme and overall message.

------------------------------------------------------------------------------------------------------------
Title Credit: "Different" by Acceptance

No comments:

Post a Comment