按场景查改法
提示按界面问题组织，遇到按钮、表单、间距、层级这类具体场景时可以直接找对应的条目，不用从头读一遍。
价格付费
平台—
归类其他 AI 工具
收录2026-10-12
复核2026-10-12
编辑评分
4.1 / 5
★★★★☆
100 UI/UX Tips编辑总结
它是一份围绕「怎么把网络应用做得更好用」整理的 UI/UX 提示集合，面向做界面的人而不是纯设计师。形式上更像随手翻用的清单：排版、间距、按钮、表单、层级这些日常会遇到的点被拆成一条条短建议。好处是不用啃完一整本设计书就能找到对应场景的改法，适合当动手前的检查表。它的短板也直接：提示是通用经验，不绑定具体产品与组件库，照着做之前得先想清自己产品的场景和已有设计规范。
100 UI/UX Tips是什么？
100 UI/UX Tips 是一份面向界面设计者的提示集合，主题是「如何创建可用的网络应用」。它不是设计软件，也不是组件库，而是一组可以对照着检查和修改界面的经验条目。
内容覆盖的通常是日常做界面时最容易出问题的地方：文字与排版的可读性、间距与对齐、按钮和交互状态、表单填写体验、信息层级与视觉引导。写法偏向「这一处可以这样改」，而不是抽象的设计原则论述。
它更适合这样用：产品经理或前端在做页面前翻一遍，把与当前页面相关的几条挑出来当检查项；独立开发者没有专职设计师时，拿它对齐基本盘；设计师则可以用它作为交付前的快速自查清单。
100 UI/UX Tips核心功能
可落地的改动建议
每条围绕一个可动手调整的点展开，指向的是具体做法而不是「要重视用户体验」这类无法执行的结论。
覆盖界面基础面
内容集中在网络应用最常见的界面元素上，排版、间距、控件状态、表单填写与视觉层级都在它的覆盖范围内。
适合当检查表用
条目之间有相对独立性，可以挑几条作为页面交付前的自查项，不必整份读完再动手。
不绑定具体工具
提示讲的是界面上的做法，不限于某一款设计软件或前端框架，用什么工具实现都能套用。
100 UI/UX Tips值不值得用？
把它当检查表用值得，把它当设计规范用会出问题。当你在做网络应用的界面、又没有一个现成的设计规范可以对照时，这份提示能快速帮你把明显的问题挑出来——尤其是按钮状态、表单填写、间距对齐这类容易漏的细节。但如果你的产品已经有成熟的设计系统，或者面对的是后台数据表、复杂业务流程这类场景，通用提示能帮上的有限，硬套反而会跟既有规范打架。它给的是方向，怎么落到你的产品上仍然要自己判断。
建议选它的情况
- 做网络应用但没有专职设计师，需要一份能对照检查的界面清单
- 界面基本能用但总觉得哪里别扭，想快速定位问题出在排版还是层级
- 前端或产品在开发前想做一轮界面自查，避免上线后再返工
不建议选它的情况
- 已经有成熟设计系统，需要的是与自家规范一致的细则而不是通用建议
- 做的是后台数据表、复杂业务流这类高度专门化的界面
- 想找现成的组件或模板直接套用，而不是阅读设计建议
100 UI/UX Tips使用建议
入门先把路子走对
- 先挑相关的看不要从第一条顺序读到底。先列出当前页面最别扭的几个地方，再去提示里找对应的条目，针对性最强。
- 边改边对照打开你正在做的页面，按提示逐条检查该处是否符合，符合就跳过，不符合当场改，比读完再回头找效率高。
- 先修可见的问题优先处理文字可读性、间距对齐、按钮状态这类一眼能看出来的部分，它们对界面观感的影响通常最直接。
进阶省时间也省钱
- 沉淀成自家清单把反复用到的几条抄进团队的自查文档，之后新页面直接对着自家清单走，不必每次重翻原始提示。
- 按产品类型筛工具型应用和内容型应用在乎的点不一样，先想清自己做的是哪类，再决定哪些条目值得花时间。
100 UI/UX Tips适合谁用？
独立开发者
推荐一个人既写代码又做界面，没有设计规范可对照，用它把按钮、表单、间距这些基础项过一遍最划算。
前端工程师
推荐实现页面前翻一遍，能在编码阶段就避开可读性、层级和交互状态上的常见问题，减少返工。
产品经理
推荐评审界面时拿它当提问清单，比凭感觉说「这里不好看」更能推动具体的修改。
有设计系统的团队
有条件团队已有自己的组件规范时，通用提示可能与既有规则冲突，用之前先确认不会破坏一致性。
做复杂后台的人
有条件数据表、多步骤业务流程这类界面的问题往往在信息结构而非视觉细节，通用提示能帮上的部分有限。
100 UI/UX Tips优点和缺点
优点
- 按界面场景组织，遇到具体问题能直接找对应条目，不必整份通读
- 每条指向可动手调整的做法，不是停留在原则层面的论述
- 覆盖排版、间距、控件状态、表单、层级等网络应用的基础面
- 条目相对独立，可以挑几条当交付前的自查项
缺点
- 是通用经验，不绑定具体产品，落到自家场景仍要自己判断
- 与成熟设计系统可能不一致，硬套会破坏既有的视觉规范
- 偏向基础界面细节，对复杂业务流程和信息架构帮助有限
- 条目之间没有针对产品类型的区分，需要使用者自己筛选
100 UI/UX Tips常见问题
它是设计软件还是教程？＋
都不是。它是一组围绕「怎么把网络应用做得更好用」整理的设计提示，本身不提供设计工具，也不是成体系的课程。用法是把它当检查表：对照你正在做的界面，逐条看哪些地方需要调整。
没有设计基础能用吗？＋
能。提示大多针对具体位置，比如按钮的交互状态、表单的填写体验、文字的可读性，不要求你懂设计理论。但要让它真正有用，你得能判断自己产品里对应的是哪个场景，而不是照搬。
它和设计规范有什么区别？＋
设计规范是某个产品自己的标准，规定按钮长什么样、间距用多少；提示讲的是普遍适用的做法和常见错误。前者告诉你「我们这里怎么做」，后者告诉你「哪些地方容易出问题」。两者作用不同，不能互相替代。
团队里怎么用比较合适？＋
适合放在交付前的一轮自查里。挑出与当前页面相关的几条，让做界面的人和评审的人对着同一条标准讨论，比各自凭感觉提意见更容易达成一致。反复用到的条目可以沉淀进团队自己的清单。
照着全做一遍就能做好界面吗？＋
不能。提示解决的是「明显的坑」，界面好不好用还取决于你的产品面向谁、核心流程是什么。把提示当底线而不是目标更合适：先确保没有明显问题，再根据实际使用反馈做取舍。
