Design

My notes

• Typography
• Bauhaus
• Showing people the beauty behind the beauty
• Dieter Rams’ 10 principles for good design

Inspiration

• Illustrations | unDraw
• Matthias Ott’s links on design
• Fonts In Use – Type at work in the real world.
• Bauhaus: Bauhaus Typography
• Simon Collison | Bauhaus Ideology and the Future of Web Design
• Open Peeps, Hand-Drawn Illustration Library
• Absurd Design - Free Surrealist Illustrations and Vector Art
• pebble people illustrations
• Dark Themed Web Design Inspiration
• Juicing: making interactions delightful and meaningful

Portfolio

• 5 Design Principles For Building Your First Portfolio | Dribbble
  • A good structure to follow when writing a case study is:
    • Problem
    • Goal
    • Hypothesis
    • Your process
    • The solution
    • Your conclusion
    • Your learnings

Accessibility

• Accessibility Knowledge Paper – Dropbox Paper

Colours

Resources

• Short Design Books
• Humble icons
• Basicons - Basic icons for product design & development
• Heroicons
• Remix Icon - Open source icon library
• https://atlasicons.vectopus.com/
• Hero Patterns | Free repeatable SVG background patterns for your web projects
• locomotivemtl/locomotive-scroll: 🛤 Detection of elements in viewport & smooth scrolling with parallax.
• Icônes - Icons as components for Vue
• Tabler Icons for Vue
• Mesh Gradients for Tailwind CSS | Hypercolor
• Essential Design Principles - WWDC17 - Videos - Apple Developer
• evil-icons/evil-icons: Simple and clean SVG icon pack with the code to support Rails, Sprockets, Node.js, Gulp, Grunt and CDN
• Design books for non-designers
• The Vignelli Canon.pdf
• UI libraries
• Discover iOS Apps | Mobbin
• uicolors.app/create
• https://blog.streamlinehq.com/choosing-the-perfect-icons-for-your-typeface/

Know-How

• Mobile UX: Study Guide
• Ten Principles for Good Design
• Visual design rules you can safely follow every time
• Object-Oriented UX – A List Apart
• Designing for (Realistic) Attention - Christopher Butler
• How to Adapt Long-Page Designs for Better Scanning - Christopher Butler
  • What is this information?
  • Is it relevant to me?
  • What should I do next?
  • Have the first paragraph be a summary of the pages entire narrative
  • What is the primary action of this page?