设计理论与方法全览
设计理论是"为什么这样做",设计方法是"怎么做"。两者不可混为一谈。
一、核心设计理论(指导思想层)
| 理论 | 核心观点 | 代表人物/来源 | 适用场景 |
|---|
| 功能主义 | 形式追随功能,去除多余装饰 | 包豪斯、路易斯·沙利文 | 工业设计、建筑、UI |
| 情感化设计 | 本能层(好看)→ 行为层(好用)→ 反思层(有意义) | 唐·诺曼《情感化设计》 | 品牌、交互、产品体验 |
| 格式塔心理学 | 接近性、相似性、连续性、封闭性、连通性 | 韦特海默等 | 视觉排版、界面布局 |
| KANO模型 | 魅力/期望/必备/无差异/反向五类需求 | 狩野纪昭 | 需求优先级排序 |
| 系统设计理论 | 整体最优,要素协同 | 阿彻《设计家的系统方式》 | 复杂产品、服务设计 |
| 可持续设计 | 全生命周期最小化环境影响 | 维克多·帕帕奈克《为真实的世界设计》 | 绿色产品、建筑 |
| 包豪斯理论 | 艺术与技术的新统一,设计为大众服务 | 格罗佩斯 | 现代设计基石 |
二、经典设计法则(量化原则层)
| 法则 | 内容 | 出处 |
|---|
| 7±2法则 | 短期记忆容量5-9个组块,导航元素≤7个 | George Miller |
| 2秒法则 | 系统响应不应超过2秒 | 《众妙之门》 |
| 3次点击法则 | 3次点击内找不到目标,用户离开 | 《众妙之门》 |
| 2/8法则(帕累托) | 80%结果来自20%原因,聚焦核心用户 | 帕累托 |
| 希克定律 | 选项越多,决策时间越长 | Hick |
| 菲茨定律 | 目标越小/越远,点击时间越长 | Fitts |
| 倒金字塔法则 | 重要信息放前面 | 新闻写作→UI通用 |
| 木桶原理 | 系统性能取决于最短那块板 | 系统设计 |
三、尼尔森10大可用性法则(交互设计金标准)
- 系统状态可见性
- 系统与现实世界匹配(用用户语言)
- 用户控制与自由(支持撤销/重做)
- 一致性与标准(遵循平台规范)
- 错误预防(好于错误提示)
- 识别而非回忆(可视化选项)
- 灵活性与效率(新手/专家双轨)
- 美观与简约(每多一个元素都在竞争注意力)
- 帮助用户识别、诊断、恢复错误
- 帮助与文档(可搜索、任务导向)
四、设计方法论(流程层)
| 方法 | 核心流程 | 适用场景 |
|---|
| 设计思维 Design Thinking | 共情→定义→构思→原型→测试 | 创新项目、服务设计 |
| 敏捷迭代 | 快速原型→用户测试→迭代优化 | 互联网产品 |
| 双钻模型 | 发现→定义→开发→交付 | 英国设计委员会 |
| 模块化设计 | 分解→独立设计→组合 | 复杂系统、产品线 |
| 参数化设计 | 参数控制形态→算法优化→协同输出 | 建筑、工业造型(Grasshopper/Rhino) |
| 用户旅程图 | 梳理用户触点→找痛点→定机会 | UX/服务设计 |
五、造型设计手法(视觉执行层)
| 手法 | 说明 | 典型案例 |
|---|
| 具象元素提炼 | 直接提取自然形态放大 | 儿童房螺旋桨飞机床 |
| 抽象元素提炼 | 提炼核心特征简化表达 | 梯田曲线→天花线条 |
| 顺接法 | 各部顺着一个方向连接 | 产品流线型过渡 |
| 穿插法 | 不同元素交叉结合 | 形体穿插强化功能 |
| 包裹法 | 外壳完全包裹结构 | 一体化产品外壳 |
| 切削法 | 局部切除做减法 | 切掉部位创造变化 |
| 错位法 | 打破对称制造层次 | 立体动态感 |
| 凹凸法 | 表面凹凸增加层次 | 存钱罐凹投凸倒 |
| 分割法 | 划分区域创造变化 | 界面卡片分区 |
| 留白法 | 少即是多,聚焦核心 | 极简界面 |
🎯 怎么选?一张图判断
| 你在做什么 | 优先用 |
|---|
| 界面/交互设计 | 尼尔森法则 + 格式塔 + 希克定律 + 情感化设计三层 |
| 工业/产品造型 | 功能主义 + 造型八法 + 菲茨定律 |
| 服务/体验设计 | 设计思维 + KANO + 用户旅程图 |
| 建筑/空间 | 包豪斯 + 系统设计 + 格式塔 + 氛围营造 |
| 品牌/视觉 | 格式塔 + 情感化设计 + 倒金字塔 |