设计小细节收集

Detail 是一个经过人工策展的设计细节参考库，收录那些让优秀软件“感觉对”而非仅仅“能用”的微小决策，面向在意 craft 的设计师与工程师。

内容特色

每个条目聚焦一个具体的设计决策，涵盖登录、导航、反馈、文案、动效等场景。由设计工程师 Rene Wang（前字节跳动 Lark/TikTok 设计师）亲自筛选，强调“去掉它产品不会坏，但加上它产品会更好”的 craft 标准。

• Unified Login Field：将 magic link 登录与密码登录合并为一个输入框
• Avoid Browser Default Back Behavior：优化浏览器默认返回行为
• Clicking the Input Label Focuses the Input Field：点击标签聚焦输入框，提升无障碍性
• Easy-to-Reference ID：为用户可见 ID 使用有意义的 schema
• Platform-Agnostic Shortcut Labels：使用跨平台通用快捷键标签，优先毫秒级效率
• Screen Shaking Feedback：用屏幕抖动反馈“死胡同”操作
• Smart Time Decision：根据用户实际时间偏好展示时间
• Mailto Link Overflow-tolerant Input：允许用户完整输入长邮箱地址
• Time-Based CTA：根据时段动态调整行动号召按钮
• Custom Video Player：不只是美化默认工具栏，而是重新设计交互

适合谁用

适合所有在意界面细节的设计师、前端工程师、产品经理。尤其适合那些希望从“功能可用”进阶到“体验愉悦”的从业者。

• 设计师：获取可落地的交互与视觉细节灵感
• 前端工程师：了解实现细节背后的设计意图
• 产品经理：用具体案例说服团队投入细节优化

如何使用

网站按时间倒序排列条目，每个条目包含简短说明与可交互演示（部分条目含视频）。左上角“Detail”菜单隐藏了额外功能，如筛选、资源页等。支持提交新细节（需审核）。

• 浏览方式：首页按最新优先展示，可滚动加载
• 提交入口：页面底部“Submit”链接，可提交你发现的细节
• 资源页：https://detail.design/resource/about-detail 包含策展说明与作者介绍

与同类站点的差异

不同于通用设计灵感站（如 Dribbble、Behance）偏重视觉展示，Detail 专注于“决策”而非“样式”。每个条目解释“为什么这样做更好”，并强调在 AI 生成界面泛滥的时代，人类对细节的 taste 才是产品差异化的关键。

• 策展标准：只收录 craft 驱动的细节，而非必要功能
• 作者背景：Rene Wang 是设计工程师，兼具设计与工程视角
• AI 时代定位：直接回应 AI 无法替代的人类 taste 判断

常见问题

Q1：Detail 上的设计细节有代码示例吗？

A1：部分条目包含交互演示或视频，但并非所有条目都提供完整代码。网站侧重展示设计决策背后的思考，而非提供可直接复制的代码片段。

Q2：如何向 Detail 提交新的设计细节？

A2：点击页面底部的“Submit”链接，填写你发现的细节。提交后由策展人 Rene Wang 审核，只有符合 craft 标准的细节才会被收录。

Q3：Detail 的更新频率是怎样的？

A3：网站不承诺固定更新频率，但会持续收录新细节。首页按“Latest first”排序，最新条目会置顶。

更多同类工具与网站,可在界面交互分类继续挑选。

信息核实于 2026年7月,具体以官网为准。