Find solution
How to learn web design online?

How can I learn the design side of web design?

  • Are there any good books/free online courses/tutorials for learning the basics of graphic design for web sites in particular? I took a class on HTML and CSS, and I like the idea of making web pages, but I feel like I lack the design chops to really make attractive and readable web sites. Most design blogs I find are mostly long lists of things not to do, which I find very confusing when I'm trying to determine what I can do to make an aesthetically pleasing and usable site. I tried reading a bit of Don't Make Me Think, but it seems to be more usability than aesthetics oriented. So, is there any way to improve my knowledge of this stuff without formal coursework in a school? I could take more multimedia design classes, but I am really full up on electives and kind of want to focus on core computer science coursework right now at school.

  • Answer:

    You can definitely learn the basics of design on your own but the best way is, as usual, practice and observation. I always suggest the http://www.amazon.com/Robin-Williams/e/B000APA7OO/ref=sr_ntt_srch_lnk_1?qid=1312120237&sr=8-1 Robin Williams et. al. They are easy to read and offer good advice. Some would argue that her design sense is not bleeding edge but they are reliable and will not cause excessive pain. You can skip the Scan and Print book since that one is woefully outdated but she raises things to consider when thinking about the print process. After learning her CRAP (contrast, repetition, alignment and proximity) it throws you to more advanced texts on design such as, Making and Breaking the Grid. Design is a conscious process and part of that process is accessing the situation, audience analysis, solving for genre, technique, and execution. Observe, observe and observe. Train your eye with art history, commercial art and things around you. Recognize patterns and read books that discuss those patterns such as, Design of Sites by Duyen and Hong or Tidwell on Designing Interfaces. I am in a rush so mefi mail if you need more.

mccarty.tim at Ask.Metafilter.Com Visit the source

Was this solution helpful to you?

Other answers

There's http://www.alistapart.com/ A few others: http://webdesignerwall.com/ http://24ways.org/ http://dev.opera.com/articles/view/1-introduction-to-the-web-standards-cur/ http://www.javascriptkit.com/ http://www.readwriteweb.com/ http://validator.w3.org/ http://www.oswd.org/ http://reference.sitepoint.com/css http://www.cssmania.com/ http://www.webdesignerdepot.com/ http://css-tricks.com/ http://sixrevisions.com/ http://www.2expertsdesign.com/ http://5by5.tv/ I am in the same boat as you. I have a fairly solid understanding of backend stuff, but coming up with something is the hard part. I did my current site in photoshop. I made a page. Created boxes for content and ad blocks and mocked up the page. I tried all kinds of things to get that into a website, but ended up hand coding it in the end. I threw a couple tricks and tips sites in there because they often have design articles as well.

cjorgensen

Just to be clear, the class only taught me the syntax more or less of web design. I can effectively turn an idea for a layout into a web page and style it. The problem is coming up with that layout and styling it tastefully.

mccarty.tim

I went with http://www.amazon.com/exec/obidos/ASIN/1581152507/metafilter-20/ref=nosim/ when I was having similar concerns in the past: It's short, well written and will give you a lot of the high-level concepts to help you think more productively about the subject.

Dr Dracator

Hmmm, I just got this out of the library. Rather than being domain-specific to the web, it deals with fundamental concepts: texture, figure/ground, etcetera. It may be rewarding to read it (and work through the exercises on the website). http://www.amazon.com/exec/obidos/ASIN/1568987706/metafilter-20/ref=nosim/ http://www.gdbasics.com/

sebastienbailard

Yes, it was printed in 1961, but http://www.amazon.com/exec/obidos/ASIN/3721201450/metafilter-20/ref=nosim/ should positively be on the reading list of any web designer. (There are other books on grid systems that could very well be worth a read, but this one seems to be the canonical entry for the genre) Edward Tufte's books also talk extensively on information design, and are worth a read even though they also don't exclusively discuss issues pertaining to the web. There are a lot of good sites linked above. Lately, I've been a huge fan of http://javascriptweekly.com/. They curate great content, and deliver it in bite-sized chunks.

schmod

Another vote for Robin Williams' non-designer books. They are entirely practical, and aimed directly at someone in your positions.

AmbroseChapel

Thanks for the tips, everyone! I was so afraid there wouldn't be good resources, and I'd just have to conclude I didn't have an "eye" for design.

mccarty.tim

Related Q & A:

Just Added Q & A:

Find solution

For every problem there is a solution! Proved by Solucija.

  • Got an issue and looking for advice?

  • Ask Solucija to search every corner of the Web for help.

  • Get workable solutions and helpful tips in a moment.

Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.