Design is there to enable you to keep changing the software easily in the long term.

– kent-beck

Notes

information & learning design https://www.francismiller.com/
Podcasts
- Design Better Podcast
from https://twitter.com/Malcolm_Ocean/status/1204671946543288320
- There are perhaps 3 kinds of design:
  - 📄😶 neutral design = get out of the way. Docs, MP3 player
  - 🎰🤑 exploitative design = hack the user. Facebook, slot machine
  - 🤍🤔 nurturing design = guide the user in integrating complex & conflicting desires. http://complice.co as an ex

books

Well-Designed: How to Use Empathy to Create Products People Love
Presenting Design Work by Donna Spencer
- https://abookapart.com/products/presenting-design-work

Resources

Inspiration
- https://sidebar.io/ - The five best design links, every weekday.
- https://uigarage.net/ - Daily handpicked UI inspiration & patterns
- https://uigradients.com - A handpicked collection of beautiful color gradients for designers and developers.
- https://cssnectar.com/ - css website design showcase
- landing pages
  - https://uisual.com/
- https://wiki.nikiv.dev/design/design-inspiration#websites
- https://twitter.com/UltraLinx/status/1532766084457177088
tool
- Rive Editor. The design tool that creates functional graphics Interactive, animated, and ready to ship.]
- https://coolors.co/ - Generate or browse beautiful color combinations for your designs.
- https://www.photopea.com/ - Online Photo Editor
- Remove Image Background
  - https://www.remove.bg/
  - https://baseline.is/tools/background-remover/
Assets
- typo
  - https://uncut.wtf/
- unicode
  - https://unicodearrows.com/
- Icons
  - https://heroicons.com/ - SVG icons, by the makers of Tailwind CSS.
  - https://www.flaticon.com/ - Free vector icons
  - https://feathericons.com/ - collection of simply beautiful open source icons.
  - https://simpleicons.org/ - SVG icons for popular brands.
  - https://tablericons.com/ - Fully customizable free SVG icons.
  - https://css.gg/ - Pure CSS icons
  - An ever growing collection of free game icons
  - https://www.snoweb-svg.com/en/
  - https://www.svgrepo.com/
  - https://iconduck.com/
  - https://notionicons.so
  - https://iconbundler.com/
  - https://flagpack.xyz/
- spinners
  - https://github.com/n3r4zzurr0/svg-spinners
- Images
  - https://unsplash.com/ - free images and photos
    - https://source.unsplash.com/
  - https://skuawk.com/
  - https://picsum.photos/ - Lorem Ipsum... but for photos
  - https://www.pxfuel.com/ - public domain stock photos
  - https://bgjar.com/ - Free svg background generator for your websites, blogs and app.
  - https://doodad.dev/pattern-generator/
  - https://www.bannerbear.com/ Bannerbear helps you auto-generate social media visuals, ecommerce banners,
- Fonts
- https://loading.io/ - Build Your Ajax Loading Icons, Animated Text and More with SVG / CSS / GIF / PNG !
- Illustrations
  - https://undraw.co
  - https://www.drawkit.io/ - Free vector SVG illustrations
  - https://illlustrations.co/
  - Science illustrations
  - https://iradesign.io/
Prototyping
Services
- https://www.designdash.co/
State Design
- https://github.com/steveruizok/state-designer-ide
Colors
Test your design skills
- https://type.method.ac/
- https://cantunsee.space/
Code to design
- https://github.com/amzn/sketch-constructor
- https://github.com/brainly/html-sketchapp
design tools
notes
- The relationship between business and design isn't taught very well to designers.
- christopher-alexander tree structure
motion
- GitHub - alyssaxuu/motionity: The web-based motion graphics editor for everyone 📽
psychology
- https://growth.design/psychology#framing

courses

Stand out from the noise by unlocking your visual style

learning

Method of Action creates tools, toys and games to help you learn design, for free.

Notes

books

Resources

courses

learning

See

Links