在兰亭妙微设计的 UI 与交互项目中，懂交互的设计师才能做出真正好用、易用、用户爱用的产品。只拼视觉不够，用底层交互原理支撑设计，才能让界面既好看又好用。
本文整理 Laws of UX 核心 19 条交互定律，搭配实战案例与设计指引，帮你快速建立系统的 UX 认知，把理论直接落地到界面设计。
一、前言
交互设计不是凭感觉，而是有规律、有依据、可复用的科学。这 19 条原理覆盖认知心理、视觉格式塔、效率优化、容错设计等，是 UI 设计师的底层能力基石。
兰亭妙微将每条原理提炼为：核心定义 + 设计逻辑 + 实战案例，方便你快速理解与应用。
二、19 大交互设计原理（精简速通版）
1. 雅各布定律 Jakob’s Law
用户大部分时间都在使用别人的产品，会把已有使用习惯带到你的产品里。
- 设计要点：遵循行业通用布局与操作逻辑，降低学习成本。
- 案例：APP 底部标签栏、左上角返回、顶部 logo 点回首页。
2. 菲茨定律 Fitts’s Law
从当前点移动到目标中心所需时间，由距离与目标大小决定。
- 设计要点：高频按钮做大、放易点击区；边缘 / 角落可做无限大靶区。
- 案例：底部操作栏、悬浮按钮、手机底部提交 / 支付按钮。
3. 希克定律 Hick’s Law
用户做决策的时间，随选择数量增加而变长。
- 设计要点：分步呈现、折叠选项、默认推荐、减少一次性选择。
- 案例：表单分步、筛选收起、下单流程拆页。
4. 多尔蒂门槛 Doherty Threshold
系统在 400ms 内响应，用户效率最高、注意力最集中。
- 设计要点：控制加载与反馈速度；加载时给状态提示。
- 案例：点击反馈、骨架屏、转场动画、轻量级加载。
5. 美即好用效应 Aesthetic Usability Effect
界面美观时，用户会容忍轻微的可用性问题。
- 设计要点：视觉品质直接提升感知体验；美观可降低易用性抱怨。
- 案例：高端品牌 APP、沉浸式界面、精致排版与色彩。
6. 邻近性原则 Law of Proximity
距离近的元素，会被视为一组。
- 设计要点：相关内容靠近，无关内容拉开间距。
- 案例：卡片内信息聚拢、表单标签与输入框紧邻。
7. 相似性原则 Law of Similarity
外观相似的元素，会被视为一组或同功能。
- 设计要点：同层级文字 / 按钮用统一样式，强化分组认知。
- 案例：统一列表样式、统一标签样式、统一图标风格。
8. 连通性原则 Law of Uniform Connectedness
被线、色块、背景连接的元素，优先被视为一组。
- 设计要点：用容器、分割线、底色强化分组，比间距更高效。
- 案例：模块底色、表单组边框、步骤条连线。
9. 同域原则 Law of Common Region
处在同一区域内的元素，会被视为一个整体。
- 设计要点：用卡片、区块、背景区分功能模块。
- 案例：首页金刚区、个人中心功能块、内容卡片。
10. 米勒定律 Miller’s Law
人短时记忆平均只能记住 7±2 个项目。
- 设计要点：一次展示不超过 9 个选项，超出分页或折叠。
- 案例：标签栏最多 5 个、宫格 8–9 个、分页器 7 页以内。
11. 奥卡姆剃刀 Occam’s Razor
如无必要，勿增实体。
- 设计要点：能去掉就去掉，能简化就简化，不增加冗余元素。
- 案例：极简 tab 栏只留图标、隐藏二级入口、合并重复操作。
12. 伯斯塔尔法则 Postel’s Law
接受多变，输出保守；对输入宽容，对输出规范。
- 设计要点：系统要有容错能力，智能修正、智能联想。
- 案例：搜索容错、手机号自动格式化、输入错误友好提示。
13. 系列位置效应 Serial Position Effect
用户更容易记住第一项（首因）和最后一项（近因）。
- 设计要点：重要功能放最前 / 最后，关键信息放首尾。
- 案例：导航首位首页、末位我的；列表重点放首尾。
14. 冯・雷斯托夫效应 Von Restorff Effect
多个相似物体中，与众不同的那个最容易被记住。
- 设计要点：核心行动按钮（CTA）做视觉差异化。
- 案例：提交按钮高亮、下单按钮突出、活动入口特殊样式。
15. 蔡格尼克效应 Zeigarnik Effect
人们对未完成任务的记忆，比已完成更深刻。
- 设计要点：用进度、待办、未读提醒促使用户完成流程。
- 案例：进度条、未完成订单标红、任务红点、学习打卡。
16. 特斯勒定律 Tesler’s Law
复杂性守恒，系统复杂度不能消除，只能转移。
- 设计要点：让开发 / 产品承担复杂，让用户享受简单。
- 案例：一键三连、一键登录、智能填写、自动化流程。
17. 帕累托原则 Pareto Principle
80% 的价值来自 20% 的功能；80% 的用户使用 20% 的页面。
- 设计要点：优先优化核心路径，次要页面保持稳定即可。
- 案例：首页、列表、详情、支付是重点；设置 / 关于不必过度打磨。
18. 帕金森定律 Parkinson’s Law
任务会自动膨胀，占满所有可用时间。
- 设计要点：把大任务拆小、设时限、给即时反馈。
- 案例：学习 APP 拆课时、任务拆步骤、短视频碎片化。
19. 蔡格尼克延伸 + 格式塔总原则
人类大脑会自动补全、简化、组织视觉信息，追求完整与秩序。
- 设计要点：保持界面闭合感、节奏感、完整性。
- 案例：图标轮廓闭合、布局对称均衡、流程闭环。
三、兰亭妙微实战总结
- 视觉服从交互：好看是基础，好用才是核心。
- 原理不是束缚：根据产品场景灵活取舍，不生搬硬套。
- 协作更顺畅：用交互原理说服产品与开发，降低沟通成本。
- 形成设计语言：把 19 条原理内化成规范，输出统一、可用、可落地的 UI 系统。
四、结语
对 UI 设计师来说，交互原理是从美工到设计师的关键跨越。兰亭妙微始终坚持 “视觉 + 交互” 双驱动，用科学原理做有依据的设计，让每一款产品都好用、好看、好传播。
兰亭妙微（蓝蓝设计）www.lanlanwork.com 是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。
