Skip to content

FGAUTREAULT/cheatsheets-ui-ux

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 

Repository files navigation

Welcome to cheatsheets-ui-ux

It's a repository gathering resources about UI/UX.

🎓 Learning 🎓

Path

https://github.com/togiberlin/ui-ux-designer-roadmap
https://bootcamp.uxdesign.cc/the-self-taught-ui-ux-designer-roadmap-in-2021-aa0f5b62cecb?s=09
https://uxchecklist.github.io/

By Game

https://color.method.ac/ // Master Color wheel
https://www.pixact.ly/ // Master pixel size
https://bezier.method.ac/ // Master Bezier curve tool
http://www.typeconnection.com/ // Master your font, typeface, etc.
http://www.hexinvaders.com/ // Read HEX, master colors

Principles

Gestlat

https://uxdesign.cc/how-to-enhance-your-design-with-the-gestalt-principles-of-proximity-a7828452058b?s=09

Cheatsheets

Buttons

https://uxdesign.cc/ui-cheat-sheets-buttons-7329ed9d6112?s=09

Login

https://uxmag.com/articles/app-login-design-choosing-the-right-user-login-option-for-your-app

Accessibility

https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/

🎨 UI 🎨

https://github.com/thedaviddias/Front-End-Design-Checklist // List to analyse and understand web designs
https://github.com/goabstract/Awesome-Design-Tools // UI kits, plugins and conference
https://www.thegoodlineheight.com/ // Calculate the good line height for visibility

Illustration

https://www.drawkit.io/ // Hand-drawn vector illustration and icon
https://blush.design/fr // Collection of hand drawings
https://usesmash.com/ // Colorful illustrations and trendy characters
https://control.rocks/ // Library of illustrations with customizable style
https://error404.fun/ // Royalty free illustrations for 404 pages
https://opendoodles.com/ // Set of Open-Source Illustrations

Fonts

https://play.typedetail.com/ // Playground for to choose fonts
https://fontspark.app/ // Playground to generate random font

Icons

https://icones.js.org/ // Packages of icons to use in applications
https://www.logaster.com/amp/logo/?__twitter_impression=true // Generate your logo and brand
https://t.co/tVLX3iAiqi?amp=1 // Icons and Photos For Everything
https://icons8.com/ // Icons, illustrations, photos, music, and design tools

Colors

https://palette.ninja/ // Generate random harmonious color scheme
https://color.hailpixel.com/ // Handpick and configurate a color
http://stylifyme.com/ // Extract theme, colors, font used from a website
https://uigradients.com/#VirginAmerica // Visualize and pick gradient
https://www.colorsandfonts.com/ // A collection of color and typography for Web
https://colorhunt.co/ // Set of community popular color palettes
https://coolors.co/ // Interactive color schemes generator
https://htmlcolorcodes.com/fr/ // HTML, HEX, RGB, HSL and more tools around html colors
https://encycolorpedia.com/2a341c // Search a color and get resource sets around that
https://flatuicolors.com/ // Flat color palettes
https://colorspark.app/ // Playground to generate random color or gradient

Responsive

https://responsively.app/ // Open source tool to use with with responsive

Inspiration

https://www.cssdesignawards.com/
https://www.awwwards.com/
https://uigarage.net/
https://tinyblocks.cc/

Images

https://www.klipartz.com/ // Find pngs & clipart
https://www.remove.bg/fr // Remove the background of an image
https://www.pngwing.com/ // Find free pngs
https://www.smashingmagazine.com/2021/03/svg-generators/ // List of tools around SVGs
https://app.haikei.app/ // SVG generators
https://resizer.in/ // Resize and reduce noise
https://www.svggobbler.com/ // Download any image from any site

📚 Authors & Books 📚

Alan Cooper

About Face
The Inmates Are Running the Asylum: Why High Tech Products Drive Us Crazy and How to Restore the Sanity

Brad Frost

Atomic Design

Dan Saffer

Designing for Interaction: Creating Innovative Applications and Devices

Donald Norman

The Design of Everyday Things 👍
Emotional Design 👍

Jesse James Garret

The Elements of User Experience: User-centered Design for the Web

Steve Krug

Don't make me think 👍

Susan Weinschenk

100 Things Every Designer Needs to Know About People 👍
100 MORE Things Every Designer Needs to Know About People 👍

Tom Grever

Articulating Design Decisions

David Kelley

Creative Confidence: Unleashing the Creative Potential

About

It's a repository gathering resources about UI/UX.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published