Web Design Tutorial Critiques

Today we were tasked with critiquing a few of the 27 Best Web Design Tutorials. I scrolled through and picked the sites that appealed the most to be aesthetically.

First on the list is the Funky Web Design Layout. Butterflies! This is a very easy to follow tutorial that provides screencaptures of each step. Being a visual learner, I appreciate this a great deal. There are some neat little tricks in here, like warping the dashes to create dividers, that I never thought of. There is also a downloadable PSD file to go along with it that includes some of the brushes used. ...if you're willing to shell out for it! It doesn't explain how to install the brushes so if you're not familiar, you'll have to find another tutorial for that!

Next I decided to learn How to create a Dark Themed Web Design from Scratch. This one has a higher text to photo ratio and my eyes started glazing over a bit as I went through. That being said, it explains some useful things the last tutorial didn't, such as where your viewer's eyes will go the moment they hit your page, and the prudence of grouping similar elements in Photoshop. In the end I'm not too sure about all those gradienty boxy things, I think they just clutter up the layout, the way they were used. This is another tutorial that provides a download if you're willing to register with them.

Last was an Urban Layout Perfect for a Web Design Company (though one thinks they might be in the wrong business if they need a tutorial to create their site...). As complicated as the design looks at first glance, you find that it is actually very simple and created with only a handfull of brushes. The screencaps do much of the talking in this one, as I don't think the writer's first language is English. That's just fine with me! I feel I could easily recreate this design just by glancing through. The download available with this one was free, with lots of links to free brushes.

Paul Rand

I admit that I am a little ashamed of myself for not knowing about Paul Rand until last year. He is an incredibly influential designer who remained relevant and productive from the beginning of his career. In the 60s he created some of the world's most recognizable logos, many of which are still in use today... If not in their original form, then in some variant of it. His design philosophy was one of elegant simplicity and bold color. His many treatises about design seem to have earned him a reputation as a grumpy old man who didn't like change... but I don't necessarily fault him for that. The staying power of his work is a testament to the effectiveness of his philosophies. His work is incredibly important to the profession of graphic design, especially in modern times when computers and fancy filters have taken over a lot of the common designer's sensibilities. He drives the point home that complicating your designs too much will ensure that the public forgets about them very quickly.

My favorite works of his are, of course, his children's book illustrations. He developed a simplistic style using paper cut-outs: bold blocks of color paired with loose but expressive lineart. In a way the illustrations show their age, due to the amount of similar work that can be found from the 50s on to as late as the 80s, but similar illustration methods can be found today.

D, U, and A

What do those letters stand for? Design, Usability and Accessibility, the three most important words to a web designer. Design is a natural, but some people don't realize how important the other two are when integrated with Design. In this article Emmanuel King Turner makes the case that information architecture works best when integrated naturally with good design. A flashy package must go with an organized presentation in order to be successful.

A good design without Usability is nothing. Something as simple as site navigation affects usability. Derek Powazek argues that at any given time, a user should be able to glance at a page and tell where exactly he is. From there, one should be able to click and navigate easily to where he wants to go and not be, for instance, sent back to the same page he was on.

Accessibility is the most elusive and, I imagine, most neglected part of web design. When creating a page, all smart designers consider the demographic that they will be appealing to, don't they? But they likely consider that demographic to be comprised of computer users without disabilities. Unfortunately, many websites don't take into account that they might have readers who are blind, paralyzed, or suffering from a learning disability such as dyslexia. Those readers have to use secondary programs such as text readers or move their cursors with means other than a mouse. Accessibility issues can also occur for those using alternative browsing methods, such as a cell phone. Making your site accessible to everyone means capturing the almighty dollar that other companies, like Target, will not get to see.