Best Ways to Learn Graphics Design for the Web?

ConceptDog asks: "I consider myself a fairly good web programmer. In fact, my job evolved from just fixing PC's to being lead designer for most of the new web applications for my company. I'm comfortable with formatting things using CSS, however the one thing that has always escaped me is designing custom graphics for my sites. I'd like to be able to create buttons and interesting backgrounds to punch up my designs and use in other media (Flash for example). I've always had a problem with art. I really can't draw a straight line with a ruler. What are some methods and resources others with more language oriented backgrounds have used to help make the step from just a web programmer to a real web designer?"

Comments

Core competencies.

[XanC]

Economics: do what you're good at, and trade for the rest.

I think it's rare for one guy to be really good at both graphics and code. Find a graphics guy, and create a partnership. You do the code for his projects, and have him do the design for yours. Or simply pay him. He'll charge a lot less than he would to create the whole site for you (which most of his clients might want), since you're only asking him to do the part he really likes and is really good at.

Re:Core competencies.

[Nik13]

That's the best advice! Others have said "check other good web pages and try to imitate them" or "read some tutorials", but that's coming from people that don't really know what web design encompasses. Web design - like design for any medium - is FAR more than that.

You'd have to learn about ALL KINDS of artsy stuff, things like using color palettes to your advantage, fairly advanced typography (most people have NO idea how much stuff there is to learn right there), how to make visually appealing stuff in general, how to use white space properly, and so much more.

Ideally you'd have to take art classes, perhaps specialized web-oriented courses, read a lot of books (many classics) and magazines (like Before & After or countless others), read hundreds of articles on countless web design oriented websites (like alistapart, 456bereastreet, etc)

And there's MANY other things one should look into, such as usability and accessibility.

Then you can worry about knowing how to use photoshop and other apps (flash, etc) to make things (and rounded button tutorials or such)

In short, too much stuff to learn, much like if a designer wanted to become a "real" programmer (gotta learn OOP, various languages, XML, databases, various libs and frameworks, etc). You usually don't want to spend that much time learning something that often seems not so important or not very interesting, and it's not usually worth it (being a *good* programmer is hard enough, and there's already WAY too much stuff to learn). And if you don't learn it in depth, you're just not going to produce very good results (e.g. another bland website that's much like all the others, and nothing like what you see on csszengarden).

Try designing some site logos and such (even just on paper). You'll see it's not as easy as it seems!

I stick to what I do best (programming), and let the designer guys take care of the rest (even though I can handle some basic design stuff just fine).

Re:Take some art lessons...

[rlanctot]

Good idea, actually. I think places like Drawspace (http://www.drawspace.com/) are very useful.

Re:re

[MrWGW]

As a graphics designer (among other things), I vehemently reject the notion that graphics design is some magic art that only a circle of "gifted creatives" can practice. This, I cannot help but believe, is sheer balderdash, created by designers to reinforce the illusion that they are indispensible wizards. Though I was interested in art from day one, and cannot speak from personal experience, I believe that it is possible for anyone to develop the creative skills neccessary to become a good artist or graphics designer, and the fact that the poster has shown an interest is probably the single greatest hurdle. With that said, I would reccommend the following course of action: 1. Go to a bookstore and take a look at the various books they might have on graphics design, perhaps picking up one or two of interest. Visit the galleries on aiga.org. Learn to appreciate graphic design as an art, study the works of the great figures in the discipline (Paul Rand, William Golden, Saul Bass, Massimo Vignelli, et cetera), and get an understanding of the differences in style and the subtleties of different types of graphics. 2. Before deciding whether or not to commit to graphics design, download an open source app and play around with it. Try various typographic treatments, try creating web buttons, and do other practice work. See if it's a process you find enjoyable. Keep experimenting until you start to really like what you see. 3. If you have trouble coming up with design ideas, you might try playing a computer game that requires or stimulates creativity regarding design - building houses in The Sims would probably be the best example of that. If you like what you see in your studies of design, then I would encourage you to pursue it further. If you find typography, color management, and the other aspects of the discipline to be exceedingly dull after studying them for a bit, then you should probably avoid wasting your time (and your clients money) going after it, but don't come to that conclusion until you've played around with it. Remember, though, it's a serious discipline, and you won't achieve good results unless you respect it.

RESTRAINT AND CONSISTENCY

[gtada]

You can always find somebody else to do the graphics, but it doesn't sound like this guy is looking to do cutting edge, avantgarde graphics.

Speaking as both a coder (10 years) and an artist (Art Center grad), I know it's not that hard for a coder to do tasteful graphics. Practice RESTRAINT AND CONSISTENCY. Use 2-3 fonts max per page. Borrow or steal nice layouts and color schemes. Simplicity will usually get you further than overloading your work with elaborate graphics.

It really isn't difficult to do tasteful graphics- just don't go overboard.