Appearance
UI 设计资源推荐
收录优质的 UI 设计灵感、组件资源、设计系统、配色工具及字体平台，帮助开发者和设计师快速找到设计参考与可复用素材。
设计灵感
Dribbble
全球最知名的设计作品展示社区，汇聚了来自世界各地的优秀设计师，涵盖移动端界面、Web 设计、图标、插画、品牌视觉等多种类型。可按颜色、风格、类型筛选作品，是寻找设计风格参考和视觉灵感的首选平台。
亮点：作品质量高，设计师活跃，风格多样。
Behance
Adobe 旗下的设计作品集展示平台，适合展示完整的设计项目，包含详尽的设计思路和过程说明。相比 Dribbble 更注重完整项目呈现，内容涵盖 UI/UX、平面设计、品牌设计、运营视觉等，是深入了解优秀项目设计过程的好去处。
亮点：项目展示完整，设计思路清晰，适合深入学习。
Awwwards
专注于评选和展示全球优秀网站的权威平台，入选网站均经过专业评委从设计、可用性、创意和内容等维度严格评审。在这里可以看到最前沿的 Web 设计趋势，涵盖动效交互、视觉排版、创意布局等各个方向。
亮点：案例水准极高，引领设计潮流，适合学习顶级 Web 设计。
Mobbin
专注于移动端和 Web 端真实 App 界面截图的设计参考库，收录了数千款主流 App 的完整界面流程，可按类型（登录、注册、首页、结算等）精准筛选，是移动端 UI 设计最实用的参考工具之一。
亮点：真实 App 截图，流程完整，按场景分类检索。
Collect UI
UI 设计灵感聚合平台，按界面组件类型（按钮、卡片、导航、表单、仪表板等）分类整理了大量来自 Dribbble 的优质设计，方便设计师快速查找特定组件的设计参考，效率极高。
亮点：按组件分类清晰，检索便捷，更新频繁。
Screenlane
聚焦移动端 UI 设计的灵感库，以精选的 App 界面截图为主，界面简洁，分类明确（iOS/Android、按行业），支持邮件订阅获取最新设计灵感，是移动端 UI 设计师的优质日常灵感来源。
亮点：界面清晰，移动端专注，可订阅推送。
Lapa Ninja
落地页（Landing Page）设计灵感库，收录了大量设计精美的产品官网和落地页，按颜色、类型等维度分类。无论是 SaaS 产品页、应用展示页还是创意机构官网，都能在这里找到优质参考。
亮点：落地页专注，风格多样，全面覆盖主流行业。
Muzli
设计灵感聚合平台，整合 Dribbble、Behance、CSS Design Awards 等多个平台的内容，提供 Chrome 浏览器扩展，可将新标签页替换为设计灵感流，让设计师在日常浏览中持续获取灵感。
亮点：多平台聚合，Chrome 插件方便，内容更新及时。
组件与模板
Figma Community
Figma 官方社区，提供海量免费的 UI 组件库、图标集、设计模板和设计系统，可直接在 Figma 中复制使用，涵盖 iOS/Android 系统组件、常用 UI 套件、线框图模板等，是 Figma 用户的必备资源库。
亮点：与 Figma 无缝集成，资源丰富，持续更新。
UI8
高品质 UI 设计资源交易平台，提供专业设计师制作的 UI 套件、图标集、字体、插图等资源，部分资源免费，付费资源质量极高，支持 Figma、Sketch、Adobe XD 等主流设计工具格式。
亮点：资源质量高，格式齐全，适合需要高品质素材的项目。
UIverse
开源 UI 元素共享社区，汇集了大量由社区贡献的精美 UI 组件（按钮、复选框、开关、卡片、输入框等），全部使用纯 HTML/CSS 或 Tailwind CSS 实现，完全免费，可直接复制代码集成到项目中。
亮点：纯代码实现，免费开源，开发者友好。
Tailwind UI
Tailwind CSS 官方出品的高质量 UI 组件库，提供数百个专业设计的 HTML 组件和页面模板，覆盖营销页面、应用界面、电商等场景，代码规范整洁，直接可用，是使用 Tailwind CSS 开发项目的效率利器（付费）。
亮点：代码质量高，场景覆盖全面，与 Tailwind CSS 完美配合。
设计系统
Material Design 3
Google 发布的第三代 Material Design 设计系统，提供完整的设计规范、组件文档、颜色系统（Material You 动态配色）和 Figma 设计资源包，是学习现代设计系统架构和规范化 UI 组件设计的重要参考。
亮点：规范完整，动态配色系统先进，Figma 资源配套。
Apple Human Interface Guidelines
官网：https://developer.apple.com/design/human-interface-guidelines
苹果官方的人机界面设计规范，详细阐述了 iOS、macOS、watchOS 等平台的设计原则、组件规范和交互模式，是开发苹果平台应用的设计必读文档，同时也是学习一流 UX 设计思想的优质资料。
亮点：权威官方规范，UX 思想深刻，平台覆盖全面。
Ant Design
阿里巴巴出品的企业级 UI 设计语言和 React 组件库，提供完整的设计规范文档、Figma 设计资源和生产级 React 组件，在国内中后台系统开发中被广泛应用，设计规范成熟，组件生态丰富。
亮点：中后台场景完善，组件生态成熟，中文文档友好。
Spectrum（Adobe 设计系统）
Adobe 的官方设计系统，定义了 Adobe 全系列产品的视觉语言和交互模式，提供详细的组件规范、无障碍设计指南，是学习大型软件产品设计系统搭建的优质参考案例。
亮点：组件规范详细，无障碍设计指导充分。
配色工具
Coolors
最受欢迎的配色方案生成工具，按空格键即可随机生成和谐的五色配色方案，支持锁定喜欢的颜色继续生成，可导出多种格式（CSS 变量、SVG、PNG 等），同时提供海量用户分享的配色方案库供检索参考。
亮点：操作极简，生成效率高，分享社区活跃。
Adobe Color
Adobe 出品的专业配色工具，提供色轮调色、互补色/三角色/类比色等多种配色规则，支持从图片中提取配色方案，与 Adobe Creative Cloud 无缝集成，同时提供可探索的颜色主题社区。
亮点：配色规则科学，图片取色实用，与 Adobe 工具集成。
Happy Hues
以真实页面效果预览配色方案的工具，点击颜色方案后可直接看到整套配色应用在示例页面上的视觉效果（背景色、主色、文本色、强调色），直观地评估配色方案在实际 UI 中的表现。
亮点：直接预览页面效果，配色落地性强，适合非专业设计师。
Realtime Colors
在真实网站 UI 上实时预览配色效果的工具，可以边调整主色调、背景色、文本色边即时查看整个页面的变化，帮助快速确定最终配色方案，解决"调色板看着好看但用在页面上效果差"的痛点。
亮点：实时页面级预览，配色调整直观高效。
Paletton
基于色彩理论的专业配色工具，通过色轮可视化展示颜色关系，支持单色、互补色、三色组合等多种配色方式，并为每种颜色生成完整的明暗变体系列，适合需要精确控制颜色体系的设计项目。
亮点：色彩理论扎实，生成颜色变体实用。
字体资源
Google Fonts
Google 提供的免费开源字体服务，收录了数千种高质量字体，支持直接通过 CDN 引入，无需下载，支持中文字体，全部字体可免费用于商业项目，是 Web 项目使用自定义字体的最简便方案。
亮点：免费商用，CDN 快速引入，中文字体支持。
Font Pair
字体搭配参考网站，精心整理了大量经过验证的 Google Fonts 字体组合，展示标题字体与正文字体的搭配效果，帮助开发者和设计师快速找到和谐的字体组合，解决"什么字体配什么字体"的难题。
亮点：搭配经过验证，效果直观，省去字体选型时间。
Type Scale
字体比例尺生成工具，通过选择基础字号和比例（黄金比例、完美四度等），自动生成符合数学美感的完整字体大小体系，输出 CSS 变量代码，帮助建立规范的排版系统。
亮点：字体层级科学，CSS 代码直接可用。
图标资源
Iconify
统一的图标框架，整合了超过 200 套主流图标集（Material、Phosphor、Tabler、Heroicons 等），包含 20 万+ 图标，支持通过统一 API 调用，可与 Vue、React、Svelte 等主流框架无缝集成，是目前覆盖最广的图标解决方案。
亮点：图标集覆盖广，框架支持全面，统一调用方式。
Phosphor Icons
设计精良的开源图标库，提供超过 1400 个图标，每个图标提供 6 种风格变体（Regular、Bold、Light、Fill、Duotone、Thin），视觉一致性强，支持 Web、Vue、React、Flutter 等多个平台，完全免费开源。
亮点：多风格变体，设计一致性强，多平台支持。
Heroicons
Tailwind CSS 团队出品的高质量 SVG 图标集，提供 Outline 和 Solid 两种风格，每种约 300 个图标，设计简洁克制，与 Tailwind CSS 搭配使用体验最佳，支持 React 和 Vue 组件形式引入，完全免费开源。
亮点：设计克制优雅，Tailwind 搭配最佳，框架组件支持。
UX 学习
Nielsen Norman Group
全球最权威的 UX 研究机构之一，提供大量基于用户研究的 UX 设计原则、交互模式分析和可用性报告，是系统学习专业 UX 设计知识的重要资源站，内容深度和权威性在业界首屈一指。
亮点：内容权威，研究数据支撑，适合深度学习 UX。
Laws of UX
以卡片式排版呈现的 UX 设计法则汇总，涵盖菲茨定律、希克定律、米勒定律等经典心理学和设计法则，每条法则配有清晰的解释和实际设计案例，是理解 UX 设计背后逻辑的入门必读资源。
亮点：法则清晰，案例具体，适合建立 UX 设计理论基础。