https://github.com/1c7/awesome-design-tutorial
A list of best design tutorial (focus on UI, not UX)
https://github.com/1c7/awesome-design-tutorial
List: awesome-design-tutorial
tutorial ui
Last synced: 3 days ago
JSON representation
A list of best design tutorial (focus on UI, not UX)
- Host: GitHub
- URL: https://github.com/1c7/awesome-design-tutorial
- Owner: 1c7
- Created: 2020-03-03T11:48:26.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2020-03-03T12:15:28.000Z (about 6 years ago)
- Last Synced: 2025-11-07T16:03:39.522Z (6 months ago)
- Topics: tutorial, ui
- Homepage:
- Size: 11.7 KB
- Stars: 3
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Awesome Design Tutorial
(:roll_eyes: Yes, another awesome-* list)
Here is a list of tutorials I find helpful (Pull Request are welcomed!)
This list focus on UI __(how to make things looks pretty)__
Does not contain any links about UX (UX should have a separate list)
### Article
* [10 cheat codes for designing User Interfaces (77k likes on medium)](https://medium.com/sketch-app-sources/design-cheatsheet-274384775da9)
* [Labels are a last resort](https://refactoringui.com/previews/labels-are-a-last-resort/)
* [Top 10 Application-Design Mistakes](https://www.nngroup.com/articles/top-10-application-design-mistakes/)
* [Typography-that-sacred-cow](https://medium.muz.li/typography-that-sacred-cow-ea7a5909ca70)
* [UI practices that work all the time](https://stories.justinewin.com/ui-practices-that-work-all-the-time-1eb9a6063de0?ref=heydesigner)
* [How to simplify your design](https://uxplanet.org/how-to-simplify-your-design-69d97fde11b9?ref=heydesigner)
* [Optical Effects in User Interfaces: An Illustrated Guide](https://medium.muz.li/optical-effects-9fca82b4cd9a)
* [The HSB Color System: A Practitioner's Primer](https://learnui.design/blog/the-hsb-color-system-practicioners-primer.html)
* [7 Practical Tips for Cheating at Design](https://medium.com/refactoring-ui/7-practical-tips-for-cheating-at-design-40c736799886)
* [11 Optical Illusions Found in Visual Design](https://blog.prototypr.io/11-optical-illusions-found-in-visual-design-295e7ae211b9)
* [Why Beginning Designers Don't Need to Learn Grids, Type Scales, or Color Theory (and other "Designer Dogma")](https://learnui.design/blog/why-beginning-designers-dont-need-grids-type-scales-color-theory.html)
* [7 Rules for Creating Gorgeous UI (Updated for 2019)](https://medium.com/@erikdkennedy/7-rules-for-creating-gorgeous-ui-part-1-559d4e805cda)
### Video
* [Steve Schoger | Refactoring UI | CSS Day 2019 (44 miuntes)](https://www.youtube.com/watch?v=7Z9rrryIOC4)
* [Designing Tables for Desktop Apps with Lots of Data](https://www.nngroup.com/videos/designing-tables-desktop-apps/)
* [Timezon.es – 10-minute Redesign](https://www.youtube.com/watch?v=B4XHaboNMOI)
* [Steve Schoger How to Think Like a Visual Designer (28 minutes)](https://www.youtube.com/watch?v=hlI6xGfBjkQ)
* [The Science of Great UI (24 minutes)](https://www.youtube.com/watch?v=nx1tOOc_3fU)