Ask HN: Learning Web Design — http://news.ycombinator.com/item?id=1604915
Ask HN: How can I get better at design? —http://news.ycombinator.com/item?id=1474315
I’ve found this online book great — http://designingfortheweb.co.uk/book/index.php
Experienced designers always emphasize learning about typography, and which seemed unintuitive to me until I began to study it. Bringhurst is a fantastic place to start there:
http://www.amazon.com/Elements-Typographic-Style-Robert-Brin...
Graphic design comes down to “the art of organizing” and effectively using five elements: line, shape, space, colour and texture. When searching for fundamental design books I’d look for those that cover how to harness said elements effectively.
One thing that separates good designers from hacks (in my opinion) is their appreciation of the history of design. Say you take your text, shrink the font down, and then jam the paragraphs far away from each other in a two column layout leaving a giant gutter (is that the right word?) in the middle and no left or right margins. That's (whether you want to or not) referencing a period in design history; if my memory serves, starting with some reasonably high-concept magazines in the late 1960s.
Same idea, but add thin borders as if you cut the text out of a block of paper, rotate randomly and slightly, and you're referencing fanzines of nearly the same era, a little bit later.
Now, distress the text horribly, and make everything bigger like you photocopied on 'enlarge', and you've got '80s punk.
Now, sharpen filter it all, crisp the whole thing up, stylize the borders and cut-aways, choosing a font with built-in crispy distressing, add a muted dark distressed background with a large image pattern (and probably a little pink) and you've got some sort of 2010-era crispy new proto-punk / ironic nod to punk design.
All that to say, you still want to have some understanding of the 'rules' of design, and typography, but they will be nearly worthless to you without some experience of the mental and emotional connections people make with existing significant design movements.
Luckily, this experience is pretty easy to get. http://www.designhistory.org seems pretty cool, although I just found it for purposes of writing this response.
With some of that experience, you will be able to 'parse' design in a technical way alongside your own artistic sense -- and since you're a technologist, you'll be able to understand how the changing technology allows new design looks to spread as well on the web, and that will put you ahead of 95+% of 'designers' on the web. Early web 2.0 was puffy letters, reflections, and large fonts for forms -- all this enabled by browser changes, and design needs of the time.
Late web 2.0 looks like we're going to have a lot of rounded boxes, shadows, and browser-based gradients, since those things are getting easier to do; whether or not that's what happens, I will be able to assess the online designs when they come about with some sense of what's come before, and appreciation for what people are doing now.
On Typography: all this goes for typography as well, one of my pet nerdy subjects. I really love The Elements of Typographic Style by Bringhurst. Design's 'rules' are far less codified than typography's rules; despite that, there continues to be amazing work and amazing font design happening, in fact, maybe more and more high quality font design. A thorough understanding of typography is a great joy for anyone who reads, in my opinion. Check it out. http://www.amazon.com/Elements-Typographic-Style-Robert-Brin...
p.s. I was thinking about what design group HN falls into in my head while I wrote this, and I decided "neo-Greenspun". Thoughts anyone?
0: http://www.amazon.com/Elements-Typographic-Style-Robert-Brin...