威廉・立德威尔《设计的 125 条通用法则》是覆盖平面、UI、交互的经典理论工具书。过去很多设计师做界面全凭经验,而这套法则把零散设计思路整理成标准化理论框架,让设计输出稳定可控。本文结合移动端 UI 实战,拆解书中前十大高频核心法则,搭配主流 App 真实案例,方便设计师直接落地应用。

一、安全感维度 4 条法则
1. 约束
核心定义:通过实体、心理两类限制手段规范用户操作,减少误操作概率。
- 实体约束:依靠界面形态限定操作路径,例如抖音视频进度条仅能水平拖动,滑动区间锁定视频时长范围,杜绝无效拖拽。
- 心理约束:利用大众常识、符号隐喻引导行为,红色代表危险、绿色代表确认,按钮视觉形态和点击功能一一映射。
设计价值:从源头限制错误操作,降低用户试错成本。
2. 确认

核心定义:不可逆、高风险操作前置二次校验,规避误触损失。
落地分为三种形式:弹窗对话确认、两步递进操作、轻量化二次提示。
案例参考微信删除好友:点击删除后弹出确认弹窗,区分 “取消” 与 “删除”,避免单手误触清空聊天记录。非关键操作无需叠加确认,防止拖累操作效率。
3. 稳住 - 逃跑 - 对抗 - 认输
核心定义:用户遭遇压力、危险场景时的四段式心理反应,用于优化应急交互。
- 稳住:用户紧张,简化页面视觉,删减多余元素;
- 逃跑:急于退出,突出关闭、取消按钮;
- 对抗:反复点击操作,放大核心功能入口;
- 认输:放弃操作,提供标准化流程指引。

案例:滴滴紧急求助页面,触发后仅保留报警、行程分享两大核心按钮,去除全部营销模块,适配高压场景下用户操作习惯。
4. 错误
核心定义:区分疏忽、过失两类失误,分别配套防错、纠错方案。
- 疏忽(操作失误,思路正确):增加输入校验、操作约束,如小红书两次密码输入不一致实时提醒;
- 过失(思路判断错误):隐藏无关选项,展示操作步骤清单;
通用优化手段:提供撤销、回收站、回退机制,降低错误带来的损失。

二、降低认知负担 2 条法则
5. 模拟
核心定义:复刻现实事物外观、行为、功能逻辑,降低产品学习门槛,分为三层模拟。
- 表面模拟:图标还原现实物品,微信文件、文件夹图标完全贴合现实办公用品形态;
- 行为模拟:交互动作贴合自然认知;
- 功能模拟:沿用大众熟悉的操作逻辑。
优势:用户无需阅读教程,依靠生活经验即可看懂界面功能。
6. 可见性
核心定义:系统状态、操作结果、可用功能全程清晰展示,实时反馈。
落地要点:展示加载、成功、失败等实时状态;分层隐藏非当前场景功能;操作后搭配色彩、动效反馈。
案例:微信消息发送气泡附带加载转圈,成功显示绿色对勾,失败标红感叹号,用户可即时判断消息状态,避免重复发送。
三、提升操作效率 2 条法则
7. 寻路
核心定义:完整覆盖定位、选路、观测、抵达四大流程,解决用户界面迷路问题。
案例京东商城:顶部面包屑导航完成定位;页面提供价格、销量排序筛选完成路线选择;浏览进度条实时观测浏览进度;商品详情页明确标识商品名称,完成目的地确认。整套流程减少用户迷失、反复返回的操作。
8. 费茨定律
核心定义:移动至目标的耗时由目标距离、尺寸决定,目标越小、越远,操作耗时越长、失误越多。
落地方案:高频按钮放大尺寸,放置拇指易触碰区域。
案例微信底部导航栏,首页、通讯录、发现、我的统一大图标布局屏幕底部,缩短手指移动距离,提升点击准确率。
四、视觉美感与体验 2 条法则
9. 入口
核心定义:用户进入产品、页面的首个视觉节点,直接决定第一印象。
设计要点:消除弹窗、色块遮挡,降低进入门槛;入口处设置导视元素,明确后续操作方向。例如 App 启动页精简干扰元素,首页顶部放置搜索、核心功能入口,引导用户快速开展操作。
10. 美即适用效应
核心定义:视觉美观的界面会让用户主观判定产品更好用,视觉体验直接影响可用性感知。
落地思路:统一色彩、间距、圆角规范,优化光影、层次质感;合理留白、把控信息密度,兼顾美观与可读性。同等功能逻辑下,精致协调的视觉能显著提升用户好感与产品信任感。
总结
以上十条法则覆盖安全防错、认知减负、操作效率、视觉体验四大设计核心模块,是 UI 交互设计最基础的底层逻辑。兰亭妙微建议设计师做方案时,先用这套法则自检界面:是否存在误操作风险、用户学习成本是否过高、高频操作是否便捷、视觉是否兼顾美观与实用。依托理论做设计,能摆脱单纯靠灵感、经验创作的局限,持续产出稳定、高可用的界面方案。
兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。