A curated collection of articles and tutorials for developers to learn about Design and UI/UX
- How to become a designer without going to design school Karen X Cheng (@karenxcheng) first step, learn to see is one of the most important advice. Filled with great resources, the rest of her article is worth a read as well.
- It's only color - A short introduction into basic color theory from Mike Borsare (@mborsare) followed by extracting a color palette from an image and applying it to a basic web layout.
- A Simple Web Developer’s Color Guide - Laura Elizabeth (@laurium) shows step by step how to create a color scheme from ground up.
- Defining Design - Really awesome and short read starting with Information Architecture, moving to UI Design and introduces Visual Design with a focus on Product Design by Chen Ye (@siranachronist)
- Complete Beginner’s Guide to Information Architecture - Information architecture is about helping people understand their surroundings and find what they’re looking for, in the real world as well as online. A great read with lots of additional resources to dive deep and follow a set of awesome people on twitter.
- Now I get it! How to design clarity in 3 steps - Ralph Ammer (@ralphammer) guides with is awesome read from Structure to Process to the actual Design.
- 26 Digital Typography Rules for Beginners - Quick collection of Typography tips by Tom Koszyk (@tomkoszyk). Some provide an explenation, some purely a direction.
- don't fear the internet - Web Typography - 15 minute Video by Jessica Hische (@jessicahische) about Web Typography. This Video is originally aimed at Designers learning to code, but the concept works in both directions. At around 8 minutes, Jessica shows you step by step how she structures and styles a simple website.
- Better web typography in 13 simple steps is a series of hands-on tipps. Most useful to it, '07 learn your HTML entities and '11 Take control over line-breaks
- A five minute guide to better typography is an excellent short scroll tutorial by Pierick Calvez (@pierrickcalvez) with great illustrative examples to implement right away.
- How to use contrast in UI Design - A short scroll through blog post by Wojciech Zieliński (@acreno_) with examples on contrast can be used to direct attention.
- Mastering the Power of Nothing - how to use whitespace in a design to improve user experience. Nick Babich (@101babich) addresses one of the most valuable assets of interactive design. The whitespace on a page, even though often overlooked, can be every bit as important as the space occupied by UI elements.
- 7 Rules for Creating Gorgeous UI - Couple of Suggestions from Erik Kennedy (@erikdkennedy) that will improve your Design.
- Optical adjustment - Different ways to adjust Elements in the context of an overall visual language, or how a human would perceive the object by Luke Jones (@lukejones). Ever tried to center a play button?
- Stealing Your Way to Original Designs Dan Mall (@danmall) sharing his process to come up with an individual design. The more obscure your references, the more sources you combine, the more moves away from the original you can take, the more original your design will become.
- Little UI Details - A collection of little tips from Steve Schoger (@steveschoger) to improve your visual design skills with the little details that make a big difference
- A framework for creating a predictable & harmonious spacing system for faster design-dev handoff The 3Cs is a great concept of a systematic approach to UI Design can result in a way more readable and consistant design across the entire solution. Priyanka Godbole (@priyankagodbole) guides through the rules for Containers, Content and Components. The various examples on how the rules are being applied to form fields are a must read.
- Optical Effects in User Interfaces (for True Nerds) - How to make optically balanced icons, correct shape alignment, and perfect corner rounding by Slava Shestopalov (@shestopalov_v).
- A developers guide to web design for non-designers - A good intro showing the importance of using the right tools for the right purpose by Patrik Krupar (@pkrupar)
Find a collection of twitter accounts, blogs and helpful ressources to keep you
Check out the A Coder's Guide To Design Twitter list
- Alexandru Gogan @alexg0g
- Ralf Hoffmeister @ralfhoffmeister
- Chen Ye @siranachronist
- Dan Mall @danmall
- Erik Kennedy @erikdkennedy
- Jessica Hische @jessicahische
- Karen X Cheng @karenxcheng
- Laura Elizabeth @laurium
- Luke Jones @lukejones
- Mike Borsare @mborsare
- Nick Babich @101babich
- Pierrick Calvez @pierrickcalvez
- Priyanka Godbole @priyankagodbole
- Ralph Ammer @ralphammer
- Slava Shestopalov @shestopalov_v
- Steve Schoger @steveschoger
- Tom Koszyk @tomkoszyk
- Wojciech Zieliński @acreno_
- Patrick Krupar @pkrupar