41

Most of the time I worked as an application developer at backend side. I worked on enterprise web projects but never touched on user interface, design issues. Good looking web sites and user interfaces always impress me.

And nowadays I am trying to develop public web site I know CSS, HTML but stuck with web design / user interface issues. I don't want to use a template or steal someone's web design.

How can a developer / programmer learn to design good web sites / user interfaces, What tools should I use and learn? or is desinging good web user interfaces a god's gift?

2

10 Answers 10

50

Looks like you hit on a hot topic. As a web/graphic designer myself, I think the best way to improve your ability in that regard is to look at a lot of good designs; meaning, actively seek them out.

As pixeline says, there's not a lot of objective knowledge to be learned (though there is some). It's more about improving your aesthetic eye. If you look at high quality designs all the time, then your tastes will become more refined and your web designs will naturally conform to your acclimated aesthetics.

For instance, I work at an indie metal label, so from time to time I'm called upon to work on band sites, album designs, magazine ads, sticker/clothing/merch designs, etc. So I'm always flipping through metal magazines and looking at ads designed by other people, or admiring the merch designs of other bands, or checking out the sites of other labels.

This not only serves as a source of inspiration when I'm stuck, helps me to gauge my own abilities and find areas for improvement, but it also helps me track the ever-changing trends and fashions in my particular sphere of design. As we all know, fashion is fickle, and people's tastes are always changing. A good designer knows how to stay just ahead of the curve all the time. This means that your designs don't deviate too drastically from accepted aesthetics (otherwise your designs will be rejected by audiences), but you also don't want to employ design elements that are overused and played out.

If you can ride the knife's edge and innovate enough to stand out, but not so much that the audience is unable to accept it, then you will have mastered the art of web design. A good designer can identify emerging trends and capitalize on them, while making it their own by adding their own twist to it.

If you're just starting to venture into web/graphic design, don't be afraid to emulate others and steal good ideas. Don't plagiarize, and give credit where credit is due, but just as making copies of famous drawings/paintings is an essential training technique in figure drawing & painting, so too is emulating quality designs an effective tool in learning graphic design.

Sites like Best Web Gallery and Screenalicious are excellent places to immerse oneself in quality designs and layouts. I would highly recommend scanning through these sites in your free time to flood your mind with examples of good aesthetics.

EDIT: I also want to emphasize that talent is not as much of a factor as most people would think. More often, interest is what people confuse as "talent." If you truly have an interest in something, you will be motivated to immerse yourself in it and practice it. This in turn leads to better ability, and if started at a young age builds confidence, which leads to an ability gap, which leads to more confidence and more interest, which in turn leads to more practice...

I consider myself a decent graphic designer (you can check out my portfolio via my profile link) and an alright artist. And people often comment on how talented I am, but they don't realize that I have literally spent thousands of hours honing my craft. While other kids were out playing with their friends, I was in my room drawing. That's the only reason I excelled in drawing. And when I first started building websites, they looked just as hideous as most teenagers' Myspace pages. So don't get discouraged when you see the work of "talented" designers. They all started from humble beginnings as well.

3
  • 7
    would like to give you +2 for the useful site, and the encouragement, makes mere mortal like me some ray of hope :)
    – melaos
    Dec 18, 2009 at 1:38
  • I love the comment regarding "talent" versus "interest"! I always find it insulting when someone says "You're talented.", because it implies that I have some divine gift and didn't have to work for my skills. Feb 13, 2017 at 13:52
  • I will definitely start looking at the design of other websites during my coffee breaks in the morning. Great advice thank you....
    – Grim
    May 23, 2017 at 2:27
5

Please read Don't make me think

2

There is not much to be learned as "objective" content, except for : use a grid !

http://dev.opera.com/articles/view/grid-design-basics-grids-for-web-page-l/

See the human eye recognize as "beauty" things like balance, symmetry, contrast, color tones. Work on these fundamentals, and then... practice, experiments, iterate.

1

Seth Godin recently posted a page of resoures for people who want to improve their design skills.

The Smashing Magazine website also has a lot of relevant articles.

1

The best way to learn is to start doing and soliciting feedback. The key is making sure that your site is as simple, intuitive and easy to use, yet providing a very rich content and feature set.

This post makes a very powerful demonstration of what good UI design means. http://stuffthathappens.com/blog/2008/03/05/simplicity/

1

A List Apart is a great web-based magazine on design and development of web content. It publishes twice a month, usually with two new articles, and is a magazine type format; it's a good complement to some of the books that others here have mentioned.

0

You can learn principles of good web design, you can know all the tools, but really it's like graphics design, you need some talent. Unless you have it, you'll end up with very correct, but dull design.

0

these sites offer good content :

http://css-tricks.com/ http://net.tutsplus.com/ http://blog.themeforest.net/

0

See Why is good UI design so hard for some Developers?
It's got tons of great info about this

0

I found this site a while back and bookmarked it in hopes that my wife might be interested in web design some day...

66 Links To Learn The Webdesign Basics http://www.divitodesign.com/2008/08/66-links-to-learn-the-webdesign-basics/

Its broken down into these categories:

   General
   Programs
   HTML
   CSS
   Design
   Site Structure
   Tutorial Sites
   Colors
   Resources
   Stock Images
   Search Engines
   Inspiration
   Fonts / Typography
   Usability and Accessibility
   Blogging

Not the answer you're looking for? Browse other questions tagged or ask your own question.