Best Ways to Learn Graphics Design for the Web? 71
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?"
Core competencies. (Score:5, Informative)
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: (Score:1)
So she does the graphics and gives me an idea of the design, then I strip it down to nothing and rebuild it with CSS, HTML and PHP. I throw in a few ideas of my own, tweak the graphics sometimes, but basically I cement a layout and start writing PHP for the nifty b
Re: (Score:2)
Re: (Score:3, Insightful)
Well, being a graphics guy AND a code guy, I'd say that you're right for the most part. Most people I know who are good in graphics are terrible at code (they just don't have the mind for it), and people who are good at code generally suck when it comes to design.
However, to simply learn how to achieve an effect or to take a piece of art and modify it in such a way that it can make a nice site.
the only real problem is that you wind up
Re: (Score:1)
Re: (Score:2)
yeah, I'm terrible with finding my own typos. I just went through the site earlier this week, when I was rewriting the backend, and found about a dozen typos on the resume page.
proof reading (Score:2)
yeah, I'm terrible with finding my own typos. I just went through the site earlier this week, when I was rewriting the backend, and found about a dozen typos on the resume page. ...and to think I'm a proofreader for my friend's novels. heh.
Many people are that way. Even some professional writers are better at proofreading others writing than they are at proofreading their own work. When I wrote years ago, I always had someone proofread what I wrote. It's the mind tricks.
Falcon
Re: (Score:2)
Isn't that what "editors" are for?
I have to say that, between the chief editor and the copy editor, I learned that my spelling and grammar are not nearly as good as I thought they were.
spelling (Score:2)
I have to say that, between the chief editor and the copy editor, I learned that my spelling and grammar are not nearly as good as I thought they were.
I used to get comments about my spelling, that it was wrong. I'd come back saying it's not wrong but unusual for American English. For instance I spell "time" with a "y", "tyme". Back when I was in high school I liked to go to the library and leaf or read through the Oxford English Dictionary, OED [oed.com] . One day I came across the spelling of time as "tyme"
Re: (Score:2)
I'm lucky in that I have a Father who's technically (as in technology) coherent and understands basic design principals and a mother who's quite an artist. My dad's side of the family is peppered with artists, programmers, photographers and writers, so I think I'm pretty well rounded overall. The only pitfall with being like this is my inability to decide what I want to do. I think I may try to work for Adobe as a programmer, or something similar.
RESTRAINT AND CONSISTENCY (Score:4, Insightful)
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.
Re:Core competencies. (Score:5, Insightful)
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).
What not to do. (Score:3, Insightful)
Don't learn web design from either programmers or graphic artists because both typically do a shitty job and d
Re: (Score:1)
Re: (Score:3, Insightful)
Coding a website and designing a website occur in two different sides of the brain, one side of your brain is creative, the other is more analytical and methodical. Swapping sides of the brain through the day isn't a good idea for productivity. It's very difficult to be creative after a stint of coding, and it's very difficult to code after sitting and drawing from your imagination. (This is pretty easy to test, many graphic & web desig
Re: (Score:3, Insightful)
Some of my best creative work took place after coding, though, so I'm not quite sure this is true.
Re: (Score:1)
Real web designers use flash?? But seriously, just tinker around with some graphics programs and try and make some buttons or something. If you can teach yourself things (like programming) you should be able to figure out the basics. If not, forget about it, or go [back] to college.
Tutorials. (Score:2)
For example, http://www.google.com/search?q=photoshop+glossy+b
Re:Tutorials. (Score:4, Insightful)
re (Score:2, Informative)
Re:re (Score:5, Interesting)
Re: (Score:2, Insightful)
education (Score:2)
I try to get them to understand that one does not need to pay large sums of money for the privilege of sitting in a room with hundreds of other students to have a lecturer read to you out of a book. Just buy the book and read it yourself.
Not everybody can learn just by reading a book, some people need someone there ril so they can ask for assistance and such. I know because I am that way now, where at one tyme I prefered to learn by doing and if I had a problem then read the manual before asking for hel
Re: (Score:2)
This is what it all comes down to. Given enough time and effort, he COULD learn to be a good enough web designer to do what he wants. To do it quickly, he'll have to neglect everything else in his life and his programming will go to pot in the mean time. (New techs and ideas need to be researched and experienced constantly for programming.)
How do I know this? I live it. I am a programmer and I would
C&P. (Score:1, Insightful)
Clipart package.
Take some art lessons... (Score:4, Insightful)
Re:Take some art lessons... (Score:5, Informative)
Re:Take some art lessons...Mod Parent Up (Score:1)
Someone mod this up.
Re: (Score:3, Informative)
Depends on what you are trying to acheive (Score:2)
(I am very biased in this opinion as I initially was an art student (SVA) that transferred to an academic school, so please bear with me)
The mind of an artist is a completely different beast compared to the mind of an academic. If you are looking for technical ability in a fine arts program, there is only one way to get good: practice practice practice(just like learning a musical instrument).
In my third year in art school I've decided to concentrate my studies in graphic design. I've mostly trained in il
Re: (Score:2, Insightful)
practice and some books (Score:2)
Her books are quite good (amazon has a bunch). The help with design in general.
That and spend some time looking at designs. Why they work/dont.
http://www.oswd.org/ [oswd.org]
has lots of designs that work or don't
For CSS I find the oreilly head first book the best for putting css and html together.
Web designer??????? (Score:3, Insightful)
Second, Look for web design award sites. If you can absorb what they did right, you're 30% of the way there.
Third, ask yourself why there is a difference between losers and winners. If you can figure it out, you're 60% of the way there.
Now, actually get hold of a web graphics program. If you need me to tell you what the names of them are because you can't find it using Google or other search engines, then this advice is really not going to do you any good. Then painstakingly work your way through all the menus and what each option can do. Google for help if you need it. If by the time you have done this you have not acquired all the general knowledge you would get in a 2 year course, you have saved yourself the cost of 2 years worth of school, and can move quickly on to the 'do the stuff you know how and outsource the rest' method.
Fourth, I have explained to you what should be common sense. If this doesn't seem like common sense, you might want to consider a new vocation.
Re: (Score:1, Funny)
Re: (Score:2)
Re: (Score:2, Insightful)
Websites need to be functional and easy to use before they're pretty. I agree that art classes would really help you tu
you're born with it (Score:2, Interesting)
get a book (Score:1)
Oof (Score:2)
Well, the short of it is, you need to study at the bare minimum color theory. Much more is required to be a good designer - and honestly, while you may be able to create something moderately attractive, you really need to understand creative communication in art in order to properly convey brands.
I'd honestly recommend that you just contract out for the art side of things. There are numerous artists out there who can design great interfaces, but can't code worth a crap. I like to think of myself as som
Re: (Score:2)
Depends on what you're trying for... (Score:4, Interesting)
Graphic design is the understanding of how colors, shapes, text, empty space, and images all work together in conveying a message (not just the substance of it, but the gist of it, the emotion of it, etc.), and applying that knowledge to the message you have to convey. It's like layout on steroids. And while some graphic designers draw all the parts of their designs, some primarily use clipart, photos, and text without doing any drawing at all.
Road signs use graphic design. The side of a cereal box uses graphic design. The tray liners at McDonalds use graphic design. Graphic design is communicating visually, not just textually.
If you're looking for ways to make buttons, there are lots of books and web sites full of Photoshop tips for doing that. Anyone can make a button. A graphic designer makes a button that is the right color and size to fit into the larger concept so it feels like a part of the whole rather than a random element slapped in.
The best way to learn graphic design, IMO, is to look at things with a critical eye. What makes other designs work for you or not work for you? When something looks amateurish, try to isolate the elements that make you feel that way. When something looks really slick, try to isolate the elements that make you like it. Over time, you'll get a better feel for what makes a design look slick or look sick, and that will be your greatest aid in better design.
- Greg
Re: (Score:1)
Three easy steps (Score:2)
Re: (Score:2)
Compare to the best, revise 'til you are one (Score:1, Interesting)
Step 2: If you can tell good design from bad (and have had some third parties confirm this!) then go out and find the very best designs in the genre you are working in. Adapt their ideas to your project and copy like hell. Your first design will eithe
Simple (Score:1)
The most important thing before setting out.. (Score:1)
basic instinct (Score:2)
Yea but how do you get into using the programs? (Score:2)
Now, I haven't checked the prices of Quark and Maya but Photoshop is still over $600. You can build a nice little PC for $600. Maybe it's just my cynical outlook on software prices but you shouldn't need to pay $600 for like one very widely used piece of software. A reasonable price, ye
Re: (Score:2)
(a) Recruiters who won't refer you on without Photoshop experience.
(b) The organisation who will sling your ass out the door when they discover you really don't know what you're doing.
To overcome barrier (a), why not try enrolling in some free/cheap courses in a local technical college/night school/U3A etc? These places often have well-equipped labs where you can at least gain some
Re: (Score:1)
Re: (Score:2)
A few years back, Photoshop Elements was redone to be identical to Photoshop except for a few helpful wizards and some missing features dealing mainly with print design.
If that's not enough, realize that Adobe has taken pity on you and will sell a version to students relatively inexpensively - you might want to look into that as well.
Hope that helps.
D
One word: (Score:2)
Fall back to tried and true (Score:1)
Looking Good in Print by Roger C. Parker
It is predominantly oriented towards publishing but web pages are a similar enough medium.
Experiment (Score:2)
There are also lots of tutorials available online (on the web and through BitTorrent or eDonkey). But I honestly believe
Copy Copy Copy (Score:2)
Use commercial sources.... (Score:2)
Just another good tutorial site. (Score:2, Informative)
I'm sure, like many others on
learning flash (Score:1)
use a CMS (Score:1)