Resources for mobile designers
Resources for mobile designers - please add in comments what other things I've missed so we can grow this collection for the benefit of everyone.
Examples of great mobile design:
- A collection of various UI patterns for specific functions
- Another collection of UI patterns
- 30 examples of great iOS design
- Examples of great logos
- Color inspiration
- 38 Mobile Sites to check out
- Mobile web design examples
- LovelyUI.com [submitted by @GestureTheory]
Free (or almost free) design resources:
- Royalty-free vector images
- Free misc. icon sets
- Awesome mobile icons (iOS design, but somewhat platform neutral)
- Free modern social icons
- More free icons
- Download the free iPhone GUI PSD
- Smashing Magazine Freebies category - be sure to subscribe to find the latest
Guides and tools for mobile design:
- An overview of mobile design
- "A Book Apart" - great books explaining mobile design theories - written by the folks who created "responsive web design" and other such design practices
- How to create a cross-platform web design
- The 411 on NFC
- Great thinking on mobile design
- Getting started in app design: iOS | Android | Windows
- How to add push notifications in an iOS app
- A guide on web design adaptation for multiple mobile devices
- HTML5 semantics explained
- Designing for the mobile web
- Mobile web design "best practices"
- How to make an HTML5 iPhone app
- Smashing Magazine category on "UI"
Tools for designing:
- Balsamiq - use it to quickly create wireframes
- Screenfly - a website for emulating mobile device experiences (instead of a download or extension)
- Collection of links to download SDKs and emulators for various platforms
- HTML5 boilerplate code
- Easy mobile-ready form builder
- Sketchy - for designing wireframes on your iPad (exports to Balsamiq)
- iMockups - another iPad wireframe designing app (just as good as Sketchy, it comes down to personal preference)
- Tablet user agent strings
