UI/UX Resources

📔 📚 A curated list of awesome resources : articles, books, videos, tools, podcasts about UI/UX.

The “UI” in UI design stands for “user interface.” The user interface is the graphical layout of an application, while the “UX” stands for “user experience.” A user’s experience of the app is determined by how they interact with it. ~ UX Planet

Table of Contents

• Community

• Design Tools

• Resources

• Case Studies and Portfolios

• Design Laws and Principles

• UI UX programs to follow

• UI UX blogs to Follow

• Design inspiration

• Courses

• Videos

• Conferences

• Speaker Decks

• Books

• UI UX schools

• Product designers and UI UX designers to follow

• Podcasts

• Unrelated design

Community

• Jupiter Design Community
• UX Design Hangout
• Figma Africa
• UX Guide
• Interaction Design Foundation (Paid)
• Clicked (An invite only community)
• UX Her
• UX/UI Design Projects
• List of UX Communities, mostly Slack

Design tools

Fonts:

• Google Fonts

Colors:

• Contrast checker: WebAim
• Colour picker: Chrome Extenion
• Colour palletes: Colour Hunt
• Colour pallete generator: Muzli
• Coolors
• Who Can Use

Illustrations:

• Undraw
• Storyset
• Drawkit
• Ouch!
• In fact, this is a longer list for illustrations

Wireframes

• Printable mobile phone outlines for wireframes and prototypes
• Printable grid paper template

Design Systems

• Google's Material Design
• Shopify's Design System Polaris
• Microsoft's Fluent Design System, Microsoft: documentation (design)
• AirBnb' Design System
• The US Web Design System

UI Kits

• Shopify's UI kit
• Microsoft's UI kit
• Atlassian's UI kit
• Uber's UI kit

Affinity Diagrams

• Jamboard.Google
• Notely
• Miro - Paid tool
• Padlet

Blob Maker:

• Blob Maker

Usability tests:

• UXCAM
• WatchSend
• UserZoom — Paid.
• Scala Preview

Build your portfolio:

• Semplice
• Carbon made
• Dunked
• Uxfolio

Showcase your work:

• Dribbble
• Behance

Templates:

• Sketch App Sources
• Design Sprint Template

Resources

• Core design resource 1
• Core design resource 2
• Core design resource 3
• Material.io
• Shopify Design Resource
• Design System Checklist
• How to design a graph
• Complete list of UX deliverables
• UI Design Process
• User Interphace Pack for beginners
• How to create an Empathy Map
• Treford Resource Pack 1
• How to create a mockup for your design on photoshop
• How to develop an effective multi-device UX strategy
• Design for offline
• UX for the Next Billion Users
• A Product Designer's Guide to Competitive Analysis
• UX Challenges: links to courses and exercises
• Sound Style Guide
• How to write a UX case study
• UX Case study Template
• How to build a portfolio on Notion: VideoArticle
• Design Handoff
• How to collaborate on Adobe XD
• A beginner's guide to Information Architecture
• A tale of UX auditing and designing
• Patterns

Designing for Accesibility

• Google guidelines
• Understanding the need for accessibility, How the blind use technology to see the world
• IBM resource on accessibility

Design critique guide

• Mastering Design Critiques
• Design Critique: Where do we start?

Case Studies and Portfolios

• Cool and hillarious case study

• Case study club

• Mosope_Adebowale's_Healthwise_CaseStudy

• Buhari Jemil's portfolio

• Google Mentor Design Case Study

• Money Transfer Case Study

• Medical Design Case Study

• Designing an Application for Saving & Investment — A UX Case Study

• UX Portfolio Case Study template (plus examples from successful hires)

• Case study: Designing an in-app messaging feature

• Case study: Designing an Online Marketplace: Sellfast

• Entry level UX Portfolios mentioned in the Google UX Design Certification Course: Lisa's portolio, Dane's portfolio, Shabi's portfolio, Nichola's portfolio, Josh's portfolio

• TongFanf Sun' Case study

• Andrew Sibert's case study

• Saschais' Portfolio

• Rama (Portfolio on notion)

• Like to check out the UX portfolios of interns at FAANG companies? Click this link: Cofolios

• Bestfolios

• Full Website Design 1

• BONUS >>> GET MENTORSHIP

• Case study template

• Don't know what problem to solve for your UX case study? Check here: Design challenges

Design Laws and Principles

• Design principles

• Laws of UX. You can also check this article for examples of how the laws apply. Like to watch a video of the laws of UX instead? Click here.

• Adobe (UX Rules)

• UX design Principles

• User Experience

UI UX programs to follow

• 100 days of UI — (You can also generate tasks from: Sharpen)
• UI/UX Female Bootcamp
• UX/ Product Design Internship Opportunities

UI UX blogs to Follow

• Career Foundry
• UX Planet
• The Nielsen Norman Group
• UX Collective
• Prototypr
• Muzli blog
• Sitepoint
• Ux Pin

Design inspiration

• Awwwards
• UI Jar

Videos

• Bulding Amazing Things (Youtube Channel)
• The Futur (Youtube Channel)

Courses

• Google UX Design Certification Course

Unrelated design

• Graphics design resource

Product designers and UI UX designers to follow

Name	Link to Blog/Content profile	Niche	Link to Twitter
Chris Do	https://thefutur.com/team/chris-do	CEO, TheFutur	@theChrisDo
Namnso Ukpanah	https://www.linkedin.com/in/namnsoukpanah/	Figma Africa (Community lead)	@namnsoukpanah

Contributing

Found an awesome product designer, UI/UX designer, resource, article, blog, tool, video, speaker deck etc.? Please send me a pull request and follow the contributors guidelines.