UI Design
The best lessons and design tools for professionals.
ui Lessons

Essentials to tame a wild beast - Pushing prototypes with Quartz Composer
Dave O Brien — Recent shifts in mobile design means we must also shift our thinking. The use of motion and animation plays an essential part in conveying the personality of your work. Think of...

The Human Element
Scott Hurff — User interfaces consist of so much more than a series of mockups, typography choices or error states. The interactions that happen beyond the static are those that introduce lif...

Animation, Direct Manipulation & Feedback
Ben Taylor — When we talk about Animation and Direct Manipulation in interfaces they can often seem like completely disconnected concepts. You might explain direct manipulation as a user sli...

UI Design with Purpose
Travis Silverman — The purpose of UI design, above all else, is to deliver content and make visual sense of well planned out UX. The often debated battle between flat versus skeuomorphic design po...

Making the content flow: introducing responsive web design
Karolina Szczur — Almost three years ago now, Ethan Marcotte introduced responsive web design. So far there were as many lovers as haters and many argued about the difference between responsivene...

The Medium and Mechanics of Iconography
P.J. Onori — Iconography is arguably the Esperanto of the digital world. Icons cannot replace the written word, yet they serve as cognitive waypoints for areas of interest and/or interaction...

Vector Interface Design
Jeff Broderick — User Interface design plays a very important role as the translator in the communication between the user and the application’s back-end or core functionality. It’s purpose is t...
ui Tools

ColorSnapper
ColorSnapper is the missing color picker for OS X. It’s an easy-to-use tool that allows you to quickly identify the color of any pixel on the screen. Activation is simple, via ...

Icon Slate
Icon Slate: A Comprehensive Icon Tool Icon Slate is a versatile tool that allows you to easily compose, import, and export icons in various formats for both desktop and mobile ...

Sketch
Sketch is a powerful tool with an elegant interface, all in a single award-winning package. It’s designed to make creating beautiful things a joy, not a burden. Key Features ...