type
Post
status
Published
date
Jan 16, 2026
slug
summary
tags
随记
category
UI设计
password
🎨 前端与产品审美提升资源库
摘要：此页面整理了旨在提升 UI/UX 审美、交互灵感及产品思维的核心网站。标签：#Design #Frontend #Inspiration #Product
📋 核心资源数据库 (Database)
网站名称 | 类型 (Tags) | 推荐理由 (Description) | 适用场景 |
📱 Mobile, UI | 全球顶尖 App 的真实线上截图库。可按流程（如Onboarding, Paywall）筛选，而非概念稿。 | 移动端开发、竞品分析、交互流程参考 | |
🖥️ Web, High-End | 收录极具视觉冲击力、动效丰富（WebGL/Shader）的顶级网站。审美天花板。 | 寻找高阶灵感、探索前沿前端技术 | |
📄 Landing Page | 专注于高质量的营销落地页设计，排版非常舒适，色彩搭配极其考究。 | 官网开发、营销页、图文排版 | |
🧩 Web UI, SaaS | 专注于 Web 端（特别是 SaaS 和后台）的真实 UI 设计参考，分类非常细致。 | B端产品、Dashboard、Web应用开发 | |
🏆 Awards | 设计界的奥斯卡。展示技术与艺术结合的最高水平，适合看创新交互。 | 突破常规思维、学习复杂动效实现 | |
🎨 Community | 一个新兴的设计师社区，比 Dribbble 更注重真实构建和设计细节，风格更现代。 | 寻找可落地的设计风格 |
📂 分类浏览 (Views)
▼ 📱 移动端与动效 (Mobile & Motion)
- Mobbin: 必看。 它的强大在于能看到 iOS/Android 应用的完整操作流（Flows），而不仅仅是单张图片。
- LottieFiles: 前端常用的 Lottie 动效库。多看这里的 Featured 作品，能提升对微交互（Micro-interactions）的感知。
- Appshots: Mobbin 的免费替代方案之一，专注于移动端设计。
▼ 🖥️ 网页排版与色彩 (Typography & Color)
- Typewolf: 字体排版的圣经。它会展示真实网站中使用的字体组合，能极大地提升对文字层级和留白的敏感度。
- SiteInspire: 风格偏向极简、干净。如果你喜欢“性冷淡风”或者高雅的排版，看这里。
- Huemint: 利用 AI 生成配色的工具。它不是简单的色卡，而是直接渲染在网页/App的 Mockup 上，非常直观。
▼ 🧠 产品体验与思维 (UX & Product Thinking)
- Laws of UX: 将复杂的心理学原理（如菲茨定律、米勒定律）转化为极其精美的可视化图表。前端与产品必读。
- Built for Mars: 极其深度的 UX 案例分析（Case Studies），分析大厂（如 Stripe, Spotify）的体验细节好在哪里。
- Author:Ashland
- URL:http://preview.tangly1024.com/article/2eacccc0-3782-8001-8eda-f9a9d25295ec
- Copyright:All articles in this blog, except for special statements, adopt BY-NC-SA agreement. Please indicate the source!
