UI Patterns & Stencils
I've marked my personal favorites with ❤ and the most beginner-friendly options with ☺.
Pattern Libraries
For when you're asking, "what are search results supposed to look like again?"
UI Patterns
Great collection with lots of examples. Mostly desktop. ❤ ☺
Pinterest
Surprisingly useful! For example, this guy ❤ has a really amazing mobile pattern collection.
"Navigation Design Patterns for Mobile" (Designmodo)
There's not a great mobile design pattern library, but this article illustrates the basics.
WeLie Patterns
Comprehensive, classic, well-organized. A bit dated. Desktop.
Pttrns
Mobile collection, including smart watch patterns. A bit limited right now, but still useful.
Designing Interfaces
Companion website for Jenifer Tidwell’s book. Doesn’t have as many patterns as the book, but they’re very well explained. Mostly desktop.
UI Patterns
Great collection with lots of examples. Mostly desktop. ❤ ☺
Surprisingly useful! For example, this guy ❤ has a really amazing mobile pattern collection.
"Navigation Design Patterns for Mobile" (Designmodo)
There's not a great mobile design pattern library, but this article illustrates the basics.
WeLie Patterns
Comprehensive, classic, well-organized. A bit dated. Desktop.
Pttrns
Mobile collection, including smart watch patterns. A bit limited right now, but still useful.
Designing Interfaces
Companion website for Jenifer Tidwell’s book. Doesn’t have as many patterns as the book, but they’re very well explained. Mostly desktop.
Stencils
For when you're thinking, "I'm sick of drawing this, isn't there something I can copy and paste?"
Icons
The Noun Project ☺
Font Awesome ❤ You can download Font Awesome to your computer, and then you can copy and paste icons from the cheatsheet directly into text fields. Takes a bit of setup, but it's, well, awesome. Instructions at the top of the cheatsheet.
If you don't want to download it, the website fa2png.io will make any Font Awesome icon into an image that you can download..
Keynote
Keynotopia ☺ (free if you tweet about it)
Keynote UI Stencils (only for Keynote '09)
Keynote Kung Fu (not free, but cheap)
PowerPoint
Keynotopia ☺ (free if you tweet about it)
MacroLayouts template
Sketch
Tethr ❤ (by the makers of Invision)
UI8 (tons of different free UI kits)
There are tons of free UI kits for Illustrator and Photoshop – a google search will find you more than you need.
Icons
The Noun Project ☺
Font Awesome ❤ You can download Font Awesome to your computer, and then you can copy and paste icons from the cheatsheet directly into text fields. Takes a bit of setup, but it's, well, awesome. Instructions at the top of the cheatsheet.
If you don't want to download it, the website fa2png.io will make any Font Awesome icon into an image that you can download..
Keynote
Keynotopia ☺ (free if you tweet about it)
Keynote UI Stencils (only for Keynote '09)
Keynote Kung Fu (not free, but cheap)
PowerPoint
Keynotopia ☺ (free if you tweet about it)
MacroLayouts template
Sketch
Tethr ❤ (by the makers of Invision)
UI8 (tons of different free UI kits)
There are tons of free UI kits for Illustrator and Photoshop – a google search will find you more than you need.