How can a developer learn about web design?

In most cases, I worked as a backend application developer. I worked on corporate web projects, but never touched the user interface, design problems. Good websites and user interfaces always impress me.

And I'm currently trying to develop a public website that I know CSS, HTML, but stuck in web design and user interface issues. I do not want to use a template or steal web design.

As a developer / programmer learn how to create good websites / user interfaces, what tools should I use and what should I learn? or creates good website user interfaces - a gift from God?

+42
language-agnostic
Apr 04 '09 at 12:50
source share
10 answers

It sounds like you got a hot topic. As a web designer, I believe that the best way to improve your abilities in this regard is to look at a lot of good projects; meaning, actively seek them out.

As the pixel says, there is not much objective knowledge that needs to be studied (although there are some ). This is more about improving your aesthetic eye. If you constantly look at high-quality models, your tastes will become more refined, and your web projects will naturally correspond to your acclimatized aesthetics.

For example, I work on the indie metal label, so from time to time I have to work on group sites, album designs, magazine advertisements, stickers, clothes / shopping projects, etc. Therefore, I always flip through metal magazines and look through ads created by other people, or admiring the trading projects of other groups or checking the sites of other labels.

This not only serves as a source of inspiration when I am stuck, helps me evaluate my abilities and find areas for improvement, but also helps to keep track of constantly changing trends and fashions in my particular area of ​​design.As we all know, fashion is fickle, and people always change. A good designer knows how to stay ahead of the curve all the time. This means that your projects do not deviate too much from the accepted aesthetics (otherwise your projects will be rejected by the audience), but you also do not want to use design elements that are excessively used and played out.

If you can ride on a knife edge and get enough innovation to stand out, but not so much that the audience can not accept it, then you will master the art of web design. A good designer can identify new trends and capitalize on them by making them their own, adding their own twist to them.

If you're just starting out in web design, don't be afraid to imitate others and steal good ideas. Do not plagiarize and do not give credit when a loan should be granted, but just like making copies of famous drawings / paintings is an important technique for teaching drawing and drawing figures, therefore it also emulates high-quality projects, an effective tool for teaching graphic design.

Sites like Best Web Gallery and Screenalicious are great places to dive into quality designs and layouts. I would highly recommend crawling these sites in your free time to fill your mind with examples of good aesthetics.

EDIT: I also want to emphasize that talent is not so much a factor as many people think. More often, interest is what people confuse as “talent.” If you really have an interest in something, you will be motivated to immerse yourself in it and practice it. This, in turn, leads to improved abilities, and if at an early age it creates confidence, which leads to a breakdown of ability, which leads to greater confidence and more interest, which, in turn, leads to more practice ...

I consider myself a worthy graphic designer (you can check my portfolio at the link of my profile) and a good artist. And people often comment on how talented I am, but they don’t understand that I literally spent thousands of hours honing my craft. While other children were playing with their friends, I was in my room. This is the only reason I have succeeded in drawing. And when I first started building websites, they looked just as disgusting as most Myspace pages for teens. Therefore, do not be disappointed when you see the work of "talented" designers. It all started with humble beginnings.

+49
Apr 04 '09 at 14:26
source share
+5
Apr 04 '09 at 13:03
source share

Not much can be learned as “objective” content, except: use the grid!

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

See how the human eye recognizes “beauty” as things, such as balance, symmetry, contrast, color tones. Work on these principles, and then ... practice, experiment, iterate.

+2
Apr 04 '09 at 13:02
source share

Seth Godin recently published a resource page for people who want to improve their design skills.

The Smashing Magazine website also contains many related articles.

+1
Apr 04 '09 at 12:58
source share

The best way to learn is to start making and request feedback. The key is to ensure that your site is simple, intuitive and easy to use, but provides very rich content and features.

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

+1
Apr 04 '09 at 13:03
source share

A List Apart is a great weblog for web content design and development. It is published twice a month, usually with two new articles, and is a type of journal; this is a good addition to some of the books that others have mentioned here.

+1
Apr 04 '09 at 14:47
source share

You can learn the principles of good web design, you can know all the tools, but actually it looks like graphic design, you need talent. If you don’t have one, you will get a very correct, but boring design.

0
Apr 04 '09 at 13:03
source share
0
Apr 04 '09 at 13:06
source share

See Why is a good user interface design so difficult for some developers?
He got a ton of great info on this.

0
Apr 04 '09 at 14:17
source share

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

66 Links for learning the basics of web design http://www.divitodesign.com/2008/08/66-links-to-learn-the-webdesign-basics/

It is divided into the following categories:

General Programs HTML CSS Design Site Structure Tutorial Sites Colors Resources Stock Images Search Engines Inspiration Fonts / Typography Usability and Accessibility Blogging 
0
Apr 05 '09 at 15:30
source share



All Articles