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
- Online Prototyping
- User Testing & Feedback
- UI Design Patterns
- Colours & Gradients
- User & Profile Photos
- Stock Photography
- Icons
- Fonts
- Design Inspiration
- Useful Tools
- Form Handling & Mailers
- Resources & Guides
- 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
