You can see a lot of resources and experiences out there showing how non-tech people can learn to code using things like codecademy, treehouse and so on. But I'm already a coder. The skill I miss the most is design, and I'm not talking about how to organize elements on a page. I know this kind of things is very important but it's also pretty easy to learn. The hardest part for me is how to make a user interface beautiful, how to choose colors, how to make gradients, how to add bevels and other 3D-looking effects. For me this is the equivalent of coding and I find it hard to locate resources on how to learn those.<p>And given how hard it is to find a good designer these days (and how expensive it can be), I would really love to be able to do it myself, at least be able to throw together an MVP that doesn't make users bored to death.<p>How would you go about learning those skills? What are some of the best resources for that? Is it even possible to learn those skills quickly or is it just experience?
First thing first, design it's the opposite of codding. Codding (as far as I know) is like math : 1+1=2 and there is no other way around. In design, for one project, there are plenty of way to make it.
You need to learn the basis of the colors, what there mean, how to use it together, witch colors goes together and witch does not. Do the same with de shapes. Then tries to analyse good design and why they are good. A bit of art history is good too if you want to go further.
After that, it's mostly experience and feeling.
Designing takes some time to understand if you don't have "innate good taste".<p>I really really recommend the book Design for Hackers by David Kadavy: <a href="http://designforhackers.com/" rel="nofollow">http://designforhackers.com/</a>
It gives you a really good idea of most parts of design and its history.
Once you've read that you should then look for things you like how they are designed and try to understand the decisions made by the author.<p>IMHO, learning by copying works good on design.
<a href="http://news.ycombinator.com/item?id=4316967" rel="nofollow">http://news.ycombinator.com/item?id=4316967</a>
Look for a comment by msutherl, a great compilation of the design resources. Worth looking at it :)
For technical skills, I would recommend using Photoshop for web/ui design. Unfortunately at the moment it's the best out there. Some good things to seek out are adjustment layers and layer effects. Bjango has some great tutorials, although they are focused on UI design: <a href="http://bjango.com/articles/" rel="nofollow">http://bjango.com/articles/</a><p>In terms aesthetics, the most import thing is to develop your 'design palate'. Seek out excellent craftsmanship and learn to distinguish it from the mediocre. An excellent place to start is SiteInspire: <a href="http://siteinspire.com/" rel="nofollow">http://siteinspire.com/</a><p>I would also recommend learning the fundamentals of design. Typography and grid systems are very important study areas. A great place to start is this forum thread: <a href="http://www.designerstalk.com/forums/graphic-design/42390-design-basics.html" rel="nofollow">http://www.designerstalk.com/forums/graphic-design/42390-des...</a><p>For empirical testing of designs, I would highly recommend Lukas Mathis' <i>Designed for Use</i>: <a href="http://pragprog.com/book/lmuse/designed-for-use" rel="nofollow">http://pragprog.com/book/lmuse/designed-for-use</a> Be warned however that the print version is horridly designed, just get the .epub to bypass the ugly formatting.<p>And always have in the back of your mind: 'less is more'. Just because you've learned how to do fancy gradients, reflections and rounded corners, doesn't mean you should.