I don’t know if I’ve said this lately, but I love designing for the web. It’s fun for me. Some people like playing video games or tending to their bonsai trees in their spare time, but I’m a design nerd. If I’m not spending time with Ames or working on projects or chores around the house, I can usually be found in our office twiddling with some inane, personal design project.
With that said, I’m not some design prodigy. I just learn as much as I can and apply it to what I already know. I like to think I’m becoming a better designer every day, but even though I wrote a book on the subject, I still don’t consider myself a guru.
Somehow though, I tend to get a lot of emails like this one:
I was wondering if you could help me in my quest to make my website look better. I’m designing a website for my scout troop, I’ve got the design done, I’ve just got to make it look good. This is where I get stuck. I’m not very creatively minded, so if you could give me some pointers I would be very grateful. If possible id like to get my groups colours into the design, which are yellow red and blue, but that’s going to be hard. Somewhere in it id like to have the scout logo, but I’m at a loss of how to implement these design ideas. Any tips would be very much appreciated!
John Doe (Name changed of course…)
(website url removed)
P.S. Don’t look at the css unless you would like a heart attack – its still coming from the design phase – its all there and working, I just want to make it look good before I start to clean it up.
P.P.S The Scout logo can be found at: (url removed)
P.P.P.S This email is just a last ditch effort to make my website look good, I don’t really mind if you delete it!
Although he said I could just delete his email, I never do. I always take the time to reply, but I tend to write something similar every time. Here’s what I wrote this time:
Being a scout leader, I’m sure you’ve heard the old proverb “Give a man a fish and he’ll eat for a day. Teach a man to fish and he’ll eat for a lifetime.” For that reason, I try not to give advice on “how to fix your particular design problem”. Instead, I try to get people to understand the design process so they can do it themselves. My general advice is to ignore the working website, start on paper, and work up a layout concept. Don’t worry about the colors, just try to find a good location for the scout logo, the nav, the content, any subcontent, etc… Once you’ve done that, try to think about where you can work in some of those colors and some decorative textural elements. Open up whatever graphics program you have available (be it Photoshop, Fireworks, MS Paint, whatever…) and create an image of what you want to make the website look like. If you can’t create it visually, you’ll never be able to make it work in HTML and CSS.
If you haven’t already checked it out, the book I wrote for Sitepoint is basically a detailed explanation of the process I described above and I think it may be just what you need:
The Principles of Beautiful Web Design
Best of luck with this and future projects,
I’m posting this here for two reasons:
- So I can point future design-help requesters here instead of writing the same thing over and over again.
- To emphasize the need for more introductory design resources and tutorials.
I know there are tons of good resources out here on the web, but novice and wannabe designers have to sift through a lot of crap to find good, solid advice; especially within the personal blogs of designers like myself. I treat this website more like a personal journal than a design resource. I guess that’s because putting my thoughts in a textbox is a whole lot easier than planning out design tutorials. There are a lot of designers out there (like Veerle) who are constantly writing fresh, new tutorials but posts like that are few and far between here. I hope to change that here in the future, but in the mean time, I’ll probably keep pointing people to my book.