|
|
|||||
|
Web Graphics: A How to Guide Part 2: The Art Side
It's not enough to simply have the tools to make great graphics; you also need a good eye for aesthetics. That's not some great gift that you're born with, it's a skill that can be finely honed in practice. Just as your first drawing wasn't a masterpiece, don't expect your first page to have amazing graphics. With the web being such a brand-new media, hardly anyone started out with the knowledge of how to make a great page. They all learned with practice, building on what was there, while adding new ideas of their own. Ask most web designers what their first page looked like, and they will likely be ashamed of it's terribly amateur graphics and design. But look at their latest sites, and you see some great-looking work. It just takes practice.But you don't want to waste time making the same mistakes as everyone else when you could be working. You want to make a good web page now. And that's why you're reading web design articles. Good thinking. You see, there are a lot of us who have already made all the newbie mistakes and have lived to tell the tale. So, you get a head start, with a library full of tips, tricks, and rules of thumb to help to thrust you into the big leagues. So what are you waiting for? Let's design some graphics. The best way to learn the graphic arts is by example. So take a bit of time to surf around at sites that you think look good. Take a long glance at their graphics, and see how the layout flows. Anyone can tell you what's good and what isn't, but it takes a bit more studying to make something else good. A site that I like the graphics on is Salon, so let's contrast that with something the uneducated artist would make.
And there you have, in a simple chart, the dos and don'ts of graphics. Here are some more, a bit expanded upon: Do anti-alias your graphics. If you have a cheaper graphics program like MS Paint or ClarisWorks, run them through an anti-aliasing program before sending them out. It almost always improves their looks, and you can usually find such programs on the web free or as shareware. Don't use terribly overused fonts like Helvetica, Tekton, and Chicago, unless neccessary. Be new and different, but be legible too. Do be clear and concise. Graphics are meant to complement the text content, not to draw attention away from it. In cases where the image is the content itself, it neads to be easily read and understood. Blurred edges and incompatible colors can ruin a good web page. Don't try to cram too much into one image. Space your objects out, and aim for an elegant, flowing, style intstead of cramped and nervous. Do use the images sensibly. Learn how to use your graphics program to make the smallest byte size possible. Also, don't overuse images on your page, especially in contrasting styles. Above all, make sure the pictures flow with the page's design. Don't break up the layout of your page for a silly picture. So there you have it. You're already quite a few steps ahead of the competition. Now go out there and practice, practice, practice. The more you do, the more you discover, and the better your page looks. |
Web Graphics: A How to Guide Part 2 Web Graphics: A How to Guide Part 1 Neat. Making a Good Page This is Madness! A Fable Testing... Everyone Should Be Able To See Your Page -- Well Web Page Makeovers: The Rules of Web Design Netscape Vs. Microsoft and the Great Tag Debate A Real Retro Web Page Fonts and the Future of Web Design Simplicity: How Not To Fall Off the Web Page Learning Curve |
||||