Design Aewsome

• 指南/手册
  • Apple Human Interface Guidelines
• https://www.visily.ai/
• pix vision
• WCAG 2.0 1.4.3 Minimum Contrast
  • The Myths of Color Contrast Accessibility
  • Please Stop Using Grey Text
• Parallax
  • https://speckyboy.com/css-javascript-parallax-scrolling/
• goabstract/Awesome-Design-Tools
• gztchan/awesome-design
• Make Beautiful Gradients
  • 使用 HSL 做渐变，不要用 RGB
  • Gradient Generator
• https://6pen.art/
  • 基于 AI 技术，从文本描述生成绘画艺术作品
• background
  • https://vavebg.com/
• Color
  • explore
    • https://colorhunt.co/
    • https://color.adobe.com/
    • https://coolors.co/
    • https://www.canva.com/
    • https://colorpalettes.net/
    • https://coolors.co/
    • http://colourco.de/
  • editor
    • https://colorandcontrast.com/
    • https://palettte.app/
    • https://colorbox.io/
• https://pika.style/
• avatar
  • https://api.lorem.space/image/face?hash=40361
• https://www.magicpattern.design/tools/mesh-gradients
  • 生成渐变
• https://github.com/terkelg/awesome-creative-coding

设计参考

• https://www.snowbird.com/
  • Dynamic Search Bar
• https://icon1000.com/
  • Intuitive Navigation
• https://snowehome.com/
  • Hover Reveal
• https://www.airbnb.com/
  • Subtle Drop Shadow
• https://grovemade.com/
  • Back to the Top
• https://nest.com/
  • Background Fade
• https://www.acerexhibits.com/
  • SVG Animations
• https://landing.adobe.com/en/na/products/marketing-cloud/ctir-3108-running-on-experience/index.html
  • Cinemagraphs
• http://killingofasacreddeer.movie/
  • Large, Bold Typography
• Parallax Scrolling
  • https://webflow.com/blog/parallax-scrolling
• https://appshots.design/
  • 应用截图

---

• https://www.groovecommerce.com/ecommerce-blog/web-design-effects/
• https://99designs.com/
• https://www.awwwards.com/

Design Site

• https://design.aliyun.com/

Components

• Components
• https://storybook.js.org/blog/component-encyclopedia/
  • 组件大典
• https://designvault.io/
  • UI patterns & design inspiration from real products
• https://www.checklist.design/
• https://designpatternsformentalhealth.org/patterns/
• https://littlebigdetails.com/
• https://mobbin.com/browse/ios/apps
• https://screenlane.com/
• https://www.landingfolio.com/
• https://designerup.co/shop/ux-design-checklist
• https://saaslandingpage.com/
• https://www.reallygoodux.io/
• https://ui-patterns.com/
• https://flowcv.io/
• https://medium.muz.li/
• https://www.behance.net/
• https://dribbble.com/AndrewCoyleDesign
• shuffle.dev
  • HN
• Product design course HN
• https://www.patternfly.org/

物料

• 高清无缝贴图
  • https://lostandtaken.com/?s=seamless
• 高清墙纸
  • https://www.pexels.com/search/HD%20wallpaper/
  • pexels
    • https://www.pexels.com/license/
      • 可修改
      • 不要求出处
  • https://wallpapers.com/apple
• macOS 壁纸
  • https://512pixels.net/projects/default-mac-wallpapers-in-5k/

Design System

• https://designsystem.digital.gov/
  • U.S. Web Design System (USWDS)
  • uswds/uswds
    • React
• macOS human-interface-guidelines
• connors/photon

Color

• https://colorsupplyyy.com/app

404

• topics/404-pages
• blairlee227/IlluStatus
• mhill426/free404
• No-Github/404-I-remember
• lnfnunes/404-PageNotFound
• Terminus2049/Terminus2049.github.io

UI

• Task Manager UI with CSS Grid

Laws

• https://wwit.design/
  • 韩国 APP 设计
• https://rpdc.xiaohongshu.com/52-design-principles
  • 小红书 52 设计法则
• https://lawsofux.com/en/
  • Laws of UX

3D

• https://jaromvogel.com/illustration

动画

• https://epiceasing.com/