Design Resources

Since moving back to Lagos, Nigeria, I noticed a serious lack of designers sharing resources with one another. There’s no Sidebar, Principles.design, weekly newsletters, and more, for the design community here. Below are some of the resources I regularly use, or found. They help me stay up to date with different design communities, learn about being a better designer, and getting free or paid assets. Enjoy!

Credits: teybannerman, Greg Rog, Amy Smith, Jens Wedin, Guy Ligertwood

Index

1. Online Prototyping
2. User Testing & Feedback
3. UI Design Patterns
4. Colours & Gradients
5. User & Profile Photos
6. Stock Photography
7. Icons
8. Fonts
9. Design Inspiration
10. Useful Tools
11. Form Handling & Mailers
12. Resources & Guides
13. Books

1. Online Prototyping

InVision
http://www.invisionapp.com/

Marvel
https://marvelapp.com/

Webflow ($16/month)
https://webflow.com/

UXPin ($15/month)
http://uxpin.com

Flinto ($20/month)
https://www.flinto.com/

Proto.io
http://proto.io

Codiqa ($16/month)
https://codiqa.com/

2. User Testing & Feedback

FiveSecondTest
http://fivesecondtest.com/

Verify
http://verifyapp.com/

Typeform (awesome surveys)
http://www.typeform.com/

User Testing
http://www.usertesting.com/

Feedback Army
http://www.feedbackarmy.com/

Usabilla
https://usabilla.com/

CrazyEgg — Visualise where your visitors click
http://www.crazyegg.com/

Try My UI
http://www.trymyui.com/

Criticue
http://www.criticue.com/

Feedbackify (free trial, then $19/month)
http://www.feedbackify.com/

Ghostrec
http://www.ghostrec.com/

Concept Feedback
http://www.conceptfeedback.com/

UserBob
https://userbob.com

3. UI Design Patterns

Pttrns — Mobile User Interface Patterns
http://www.pttrns.com/

Pttrns Beta
http://beta.pttrns.com/

User Flow Patterns
http://userflowpatterns.com/

User Onboarding
http://useronboarding.com

iOS apps animated user flows
http://uxarchive.com/animated

4. Colours & Gradients

Adobe Color CC
https://color.adobe.com/create/color-wheel/

Color Scheme Designer
http://paletton.com/

Color Lovers
http://colorlovers.com

uiGradients
http://uigraduents.com

Subtle Patterns
http://subtlepatterns.com/

Material Design Color Palette Generator
http://www.materialpalette.com/

Blend — generate CSS3 gradients
http://colinkeany.com/blend/

Color Supplyyy
https://colorsupplyyy.com/app

5. User & Profile Photos

UI Faces
http://uifaces.com/

Impor.io
http://www.impor.io/

Random User Generator
https://randomuser.me/

Facebox (paid collection, royalty-free)
http://facebox.io/

Random Users Generator
http://www.designskilz.com/random-users/

6. Stock Photography

Little Visuals
http://littlevisuals.co/

Unsplash
http://unsplash.com/

Death to the Stock Photo
http://join.deathtothestockphoto.com/

New Old Stock
http://nos.twnsnd.co/

Superfamous (requires attribution)
http://superfamous.com/

Picjumbo
http://picjumbo.com/

The Pattern Library
http://thepatternlibrary.com/

Gratisography
http://www.gratisography.com/

Getrefe
http://getrefe.tumblr.com/

IM Free (requires attribution)
http://imcreator.com/free

Jay Mantri
http://jaymantri.com/

Public Domain Archive
http://publicdomainarchive.com/

Magdeleine
http://magdeleine.co/

Foodiesfeed
http://foodiesfeed.com

Picography
http://picography.co/

Raumrot
http://www.raumrot.com/10/

ISO Republic
http://isorepublic.com/

All The Free Stock
http://allthefreestock.com

Pexels
http://www.pexels.com

Stocksy
http://www.stocksy.com/

7. Icons

The Noun Project
http://thenounproject.com/

Google Material Design Icons
https://github.com/google/material-design-icons/releases/tag/1.0.0

Flaticon (awesome)
http://flaticon.com/

8. Fonts & Typography

Dafont
http://dafont.com

UseModify
http://usemodify.com/

Typewolf (Font inspiration, recommendations, and resources)
http://www.typewolf.com

Golden Ratio Typography Calculator
http://www.pearsonified.com/typography/

Font pairings
http://fontsinuse.com/
http://www.typewolf.com/
http://www.typ.io/
http://blog.fontshop.com/category/great-pairs/ http://justmytype.co/ http://zurb.com/tavern/questions/what-are-your-top-5-go-to-fonts

Wordmark.it (displays fonts from your system and google)
https://wordmark.it/

Google Fonts (free)
https://fonts.google.com/

9. Design Inspiration

Niice
http://niice.co

LovelyUI
http://www.lovelyui.com/

Designspiration
https://www.designspiration.net/

UsePanda (amazing)
https://usepanda.com/

Behance
https://www.behance.net/

Dribbble
https://dribbble.com/

CollectUI
http://collectui.com/

Pinterest
https://www.pinterest.com/

Codrops
http://tympanus.net/codrops/

Unmatched Style
http://unmatchedstyle.com

Product Hunt
http://www.producthunt.com/

Flat UI Design Showcase
http://fltdsgn.com/

Collect & Organize Creative Craziness
http://thematboard.com/

10. Useful Tools

Dunnnk — Generate Device Mockups
http://dunnnk.com/

Pixelapse — Visual Version Control for Designers
https://www.pixelapse.com/

Screen Sizes (popular device screen dimensions)
http://screensiz.es/phone

Am I Responsive?
http://ami.responsivedesign.is/

uilang — a minimal, ui-focused programming language for web designers http://uilang.com/

Hologram — build and maintain beautiful style guides
http://trulia.github.io/hologram/

Modern UI UX Design Tools
https://medium.com/@learnux.io/modern-ui-ux-design-tools-ca105e6f9785

11. Form Handling & Mailers

http://mailthis.to/
https://www.elformo.com/
http://flipmail.co/
https://getsimpleform.com/

12. Resources & Guides

Design Kit
http://www.designkit.org/

Design Principles
https://principles.design/

User Research Techniques
http://designresearchtechniques.com/

Repository of Design Guidelines
http://findguidelin.es

Usability.gov
http://www.usability.gov/how-to-and-tools/index.html

CSS and JS Easing Animation Cheatsheet with snippets
http://easings.net

Google Material Design Guidelines
http://www.google.com/design/spec/material-design/introduction.html#

iPhone 6 Screens Demystified
http://www.paintcodeapp.com/news/iphone-6-screens-demystified

The 7 Deadly Sins of User Research
http://www.slideshare.net/dtravisphd/the-7-sins-of-user-research

Learn UI Design
https://learnui.design/blog/

UX Power Tools
https://medium.com/ux-power-tools

UX Collective
https://uxdesign.cc

13. Books

Build better products
https://www.amazon.com/Build-Better-Products-Successful-User-Centered/dp/1933820586

Service Design — From Insight to Implementation https://www.amazon.com/Service-Design-Implementation-Andy-Polaine/dp/1933820330

About Face 3: The Essentials of Interaction Design
https://www.amazon.com/About-Face-Essentials-Interaction-Design/dp/1118766571

The User Experience Team of One: A research & design survival guide
https://amzn.to/2tV5z8T

Don’t Make Me Think: A Common Sense Approach to Web Usability
https://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758

A Project Guide to UX Design
https://www.amazon.com/Project-Guide-Design-Experience-Designers/dp/0321607376

The Design of Everyday Things
https://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/1452654123