Kickstart your design process

design process

Listing some of the sites that you can use for inspirations as well as resources to kickstart your designs. I am sure there are a lot more out there, but these are the ones that I frequent to. Will keep updating this list, as and when I came across great services.

Inspirations

(Apart from Dribbble and Behance)

Mobile
Pttrns – Curation of the good looking iOS apps
Capptivate.co – Great interactions that apps are using
Android Niceties – Curation of some of the best Android apps
Tab Patterns – Tablets shouldn’t be left out. Right?

Web
One Page Love – Collection of great single page designs
Awwwards – Design, creativity and innovation on the web
The Best Designs – Good web inspirations
FWA – Recognition for some of the great sites out there

Resources

UI Kits

iPhone GUI Template By Teehan & Lax
For Sketch | For Photoshop

If you have downloaded the latest version of Sketch, the iOS7 template is packed into it.

iPad GUI Template By Teehan & Lax
For Sketch | For Photoshop

Mac OSX GUI Template
For Sketch | For Photoshop

Sketch Elements
Sketch Resources
Sketch Mine
Sketch Gems

Photoshop Elements
Creative Market – High quality paid elements and freebies
Graphic Burger – Collection of UI Kits, mockups, text effects
PSDDD – Everything from UI elements to mockups to modals
Mockuuups – High quality iPhone templates

Great Photos
Stocksy – Paid
PicJumbo – Free
Gratisography – Free
Unsplash – Free
CompFight – Free

Color Palettes
Flat UI Colors – Copy color codes easily from a palatte
Adobe Kuler – Great Color palettes

Fonts
LostType
TypeKit
DaFont
FontSquirrel

Other Great Services and Plugins
Sketch Keyboard Shortcuts – Really helps
UI Faces – Sample Avatars for UI mockups
UI Names – Sample Names
PlaceIt – For fancy looking mobile screenshots

Let me know if you have come across other great services. Will add it up here.


P.S. If you have a mobile app idea and want to create quick prototypes, give Demonstrate a try. It’s easy to use, has some great transitions and gestures to make your prototype look like a real native app. All this without writing a single line of code.

About Sonaal

Maker, Designer - NFN Labs & Kabadiwalla Connect.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s