UI Design
The best lessons and design tools for professionals.
ui Lessons
Quartz Composer: Taming Animated Prototypes
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
Adobe XD
Adobe's UI design and prototyping tool for creating wireframes, mockups, and interactive prototypes
ColorSnapper
macOS color picker that magnifies pixels and copies color values in any format to your clipboard
Figma
Browser-based design tool for UI design, prototyping, and design systems with real-time collaboration
Icon Slate
Mac app for generating app icons in multiple formats for iOS, macOS, Android, and Windows
Penpot
Free, open-source design tool for UI/UX design and prototyping with SVG-native editing and self-hosting options
Sketch
Mac-native design tool for UI/UX design, prototyping, and design systems with pixel-perfect vector editing