There's many intro tutorial to becoming a developer on the web that I've ran into. Any many designers eventually take on development work, even if it's just html/css. I would love some pointers for developers that wanted to learn how to design. Tips, resources, etc.. anything is welcome.
The first step (which many don't realize oddly enough) is that design is merely thoughtful solution to a problem. You're already a designer if you're a competent engineer.<p>The next step is identifying the tools you wish to solve problems with (of which there are several when people think ‘Designer’):<p>- Graphic/Visual Design: Key concepts to learn are the Layout Principles, Art Principles (Shape/Color/Contrast/Proportion), The Gestalt Principles (Continuation, Proximity, Similarity), Color theory. All of these aid a viewer/customer/user in navigation or action. DO NOT CONFUSE WITH GRAPHIC ART.<p>- Interaction Design: Key concepts are Goal-oriented design, personas, basic cognition etc. All of this can help you design a better transaction between a user and your project, or make a more learnable system through action. This is a pretty broad field with deep reaching repercussions if used effectively.<p>- User Experience Design: Very much related to the prior subjects and relies on them heavily, focuses more on the final results of the transaction and less on it’s construction/execution. Ultimately should satisfy the question, “Was the experience positive, and will they return?”<p>Another very important thing to realize is that each of these areas have principles, systems, tools, and patterns much like the things an engineer may already know. This is not a discipline of fluff and touchy-feely ‘creativity’ where answers are plucked from the ether or some magic hat. I feel that making that clear when I’m teaching someone new to the discipline makes the entire thing less daunting since it’s a rational process and not a talent based pursuit…<p>I hope this helps!
HackDesign (<a href="https://hackdesign.org/" rel="nofollow">https://hackdesign.org/</a>) is an awesome resource for the developer to designer transition. They have hacker-friendly tutorials by professional designers.
<a href="http://themeforest.net/" rel="nofollow">http://themeforest.net/</a> is my favorite. As a developer, I'll find a template I like for < $25 and use it as a base. I'm a big fan of twitter bootstrap templates but there are a lot others.<p>To me, it's the same as anything else. Practice, Practice, Practice. I've been doing this for 2 years now and I've started to develop my own designs without needing a template.<p>Even just looking through what designers are doing is a great source of inspiration.