Ask HN: How did you learn web design?

#1

Post by Sargis » Tue, Dec 27, 2011, 4:35 PM UTC

My biggest obstacle to finishing a web app is by far the design. Everything I design looks extremely unprofessional, and because of that I lose motivation to actually finish it.

I'd like to know how you learned to design an app that's pleasing to the eye.

Re: Ask HN: How did you learn web design?

#2

Post by hcho » Tue, Dec 27, 2011, 4:40 PM UTC

Use a css framework, at least to begin with. I used bootstrap.js at my latest project: http://v0t.es It's not going to win any design awards but it's better than anything I could have come up with by myself.

Re: Ask HN: How did you learn web design?

#3

Post by rajeshamara » Tue, Dec 27, 2011, 4:41 PM UTC

If you look around professional websites, it looks professional for only reason they publish after it looks professional. Every thing iterative. Once you design some thing you just need to constantly iterate your own design. Trust me your end product will look professional. The main constituents of aesthetic is a combinations of colors, placements and font. Typical design colors should be in the range of blue to green. Which are pleasant to your eyes. Once you finish your design you can get feedback upon which you can improve your design.

Re: Ask HN: How did you learn web design?

#4

Post by fatalerrorx3 » Tue, Dec 27, 2011, 4:46 PM UTC

Do you have a link to share that shows your current design, maybe others can offer advice on what to change.

Usually all sites that become popular started off as a rather basic site, and didn't look very professional, go to the wayback machine on archive.org and take a look at Twitter/Facebook when they were first started, and maybe that will encourage you going forward

Re: Ask HN: How did you learn web design?

#5

Post by phaus » Tue, Dec 27, 2011, 4:55 PM UTC

What do you know already? With only HTML, it is hard to create something that looks professional in comparison to someone who is designing dynamic pages using HTML, CSS, Javascript, etc...

Its hard to answer your question without a bit more information. Are you just interested in learning more about graphic design?

Re: Ask HN: How did you learn web design?

#6

Post by zeratul » Tue, Dec 27, 2011, 5:20 PM UTC

I've learned by observing and reading. You can start here: http://dribbble.com/ . After that, use http://www.hnsearch.com/ to find good articles about UI and UX design.

One important lesson for me was that web design (UI and UX) and web programming are two different tasks. Best outcome is achieved when they are separated. Paper and pencil will be your best friends.

Re: Ask HN: How did you learn web design?

#7

Post by choxi » Tue, Dec 27, 2011, 5:22 PM UTC

You can start out with a book like Design for Hackers, but then to get better you just have to keep your eye out for website designs that you really like. I take screenshots and keep a collection for inspiration later when I need it.

Also, using a framework like Twitter Bootstrap is really helpful as it gets some of the foundational styling out of the way.

Re: Ask HN: How did you learn web design?

#8

Post by darwindeeds » Tue, Dec 27, 2011, 6:00 PM UTC

I'm a self taught web developer and the way I learnt is by just start coding. Write mini applications, like login and sign up. Build it like a Lego, put small pieces together to build your structure. You will be better off keeping the UI design to the last.

One of my hard learnt lessons is that web applications has to be designed from back to front and not the other way around. Understand how CSS works, theme templates are great and are cheap to buy (themeforrest) but if you didnt know how to manipulate the CSS then you will be left with a lot of frustration.