Links and Resources
This is my collection of links and resources I've collected over the past few years. It includes links to significant articles, designers, news sites, and digital tools. One of the best ways to learn design is to explore the world's best designers and their work. Self-education is essential to growing your career and skill. And because I can't remember everything, I need to create lists to help remember the great ones!
Theory
Methods
Design Systems
| 1 | Material Design | |
| 2 | Angular Material | |
| 3 | Human Interface Guidelines | Apple |
| 4 | Atlassian Design System | Atlassian |
| 5 | Spectrum | Adobe |
| 6 | IBM Design Language | IBM |
| 7 | U.S. Web Design System | U.S. Government |
| 8 | Lightnight Design System | Salesforce |
| 9 | Polaris | Shopify |
| 10 | A-Frame |
Practice
Tutorials
| 1 | Pluralsight | - | Courses | Various |
| 2 | Colorful Retro Futuristic Poster | 2010 | Article | Photoshop |
| 3 | Fitness Dashboard User Interface | 2017 | Video | Sketch |
| 4 | Intro to Sketch for Beginners | 2020 | Video | Sketch |
| 5 | Creating with a Design System in Sketch: Part One | 2018 | Article | Sketch |
| 6 | Design Systems, part 1: Art-boards and grids | 2018 | Video | Sketch |
Design Challenges
| 1 | Daily UI | Daily UI Challenges |
| 2 | UpLabs | Design Challenges and Resources |
| 3 | Briefbox | Limited time practice briefs - Homepages, Branding, Print, Mixed |
Accessability
| 1 | 40 Tips For Inclusive And Accessible User Interface Design |
Color
| 1 | Color Glossary for Designers: Terms and Definitions. | |
| 2 | Design Principle 5: Color | |
| 3 | Material Design Color Tool | |
| 4 | All you need to know about colors in UI Design — theory & practice |
Typography
| 1 | Better Web Typpogography for a Better Web | ✓ |
| 2 | Material Design - The type system | |
| 3 | Why every design needs three levels of typographic hierarchy |
Career
Tools
| 1 | Habitica | Motivate yourself to achieve your goals |
| 2 | Mobin | Discover the latest iOS UI design patterns |
| 3 | MindManager | Powerful & Flexible Mind Mapping Tool |
| 4 | Milanote | An easy-to-use tool to organize your ideas and projects into visual boards |
| 5 | OmniOutliner | Capture and organize big ideas |
| 6 | UXPin | Tool to design, prototype and collaborate |
Links
| 1 | Design Report 2018 | The state of design tools and trends in 2018 |
Inspiration
| 1 | Dribbble | Discover the world’s top designers & creatives |
| 2 | Web Designer Depot | Web Design Resources for Web Designers |
| Design Patterns | ||
| 3 | UI Garage | Daily handpicked UI inspiration & patterns |
| 4 | Mobin | Discover the latest iOS UI design patterns |
| 5 | UI Patterns | User Interface Design patterns |
| 6 | Pttrns. | iOS and Android Design patterns |
| 7 | Page Flows | Design better user flows by learning from proven products |
Publications
| 1 | InVision - Design Better | Collection of online Books |
| 2 | Smashing Magazine - Printed Books | Print and Ebooks |
| 3 | Pro Git | Free book on Git |
Blogs
| 1 | Playbook | Playbook helps designers achieve their career goals |
| 2 | Nielsen Norman Group | World Leaders in Research-Based User Experience |
| 3 | AIGA Eye on Design | by AIGA, the professional association for design |
| 4 | Interface Lovers | an online magazine for creative professionals |
| 5 | Sidebar | 5 Daily Design Links in your Inbox Every Weekday |
| 5 | Lightnight Design System - Articles | The Design System, how we built it, and how you can use it |
Talks, Conferences & Learnings
| 1 | InVision Talks | Ongoing | Various Topics |
| 2 | M-Enabling Summit | Yearly | Web Accessability |
| 3 | Learn Design System | Ongoing | Various Topics |
Resources
| 1 | Facebook Design Resouces | collection of device assets, prototyping tools and other design resources |
| 2 | Material Design Color | The Best List of Material Design Color Palettes, Tools, and Resources |
User Experience
| 1 | Really Good UX | Curated list of good UX and Email Subscription |
| 2 | My UX Resource list | Users List of UX Resources from 2018 |
| 3 | Personas – A Simple Introduction | Interaction Design Foundation article |
| 4 | Four Definitions of Design | When you consider them together, a greater picture starts to form. |
| 4 | UX Stack Exchange | A question and answer site for UX researchers and experts |
Web Development
| 1 | Front Matter | YAML front matter info post |
| 2 | Stylus Veriables | variables and how to use them throughout our stylesheet |
| 3 | Markdown & YAML cheatsheet | Markdown & YAML cheatsheet |
| 4 | Markdown Cheatsheet | Basic cheatsheet for markdown |
| 5 | State of CSS in 2019 | The sate of CSS in 2019 site |
| VuePress | ||
| 6 | VuePress | Vue-powered Static Site Generator |
| 7 | VuePress Resources | Resources for VuePress |
| 8 | VuePress Tutorial | Zero to Deploy: Build A Documentation System with Vue and VuePress |
| Atom | ||
| 9 | Atom Customization | Customize Atom: A hackable text editor for the 21st Century |
← Tools