UI设计中的认知原理

视觉感知 · 格式塔原则

我们的大脑倾向于将零散的元素视为一个整体。利用这些视觉原则可以构建清晰、直观的布局。

决策时间 · 希克定律

用户面临的选择越多,做出决定的时间就越长。简化选项可以显著提升用户体验。

操作效率 · 菲茨定律

到达目标的时间取决于到目标的距离和目标的大小。将重要操作放在易于触及的大目标上。

点击出现的圆形,感受时间差异

脑力消耗 · 认知负荷

用户处理信息所需的脑力是有限的。通过分块、简化和提供清晰的引导来减轻用户的记忆负担。

优化示例:信息分块

优化前 (高负荷)

姓名 John Doe 电话 123-456-7890 地址 123 Main St, Anytown USA 邮编 12345

优化后 (低负荷)

姓名: John Doe
电话: 123-456-7890
地址: 123 Main St...

用户预期 · 心智模型

用户对系统如何工作有自己的心理预期,这种预期基于他们以往的经验。设计应符合用户的直觉,而不是强迫他们学习新模式。

功能 ✅ 符合心智模型 ❌ 违背心智模型
保存 💾 🍀
设置 ⚙️ 🎨
删除 🗑️ ➡️

使用用户熟悉的图标和模式可以降低学习成本,让交互更流畅。

第一章:界面的缘起、作用与意义

了解界面设计的历史发展和在数字化时代的重要作用

  • 界面设计的发展历程
  • 界面在人机交互中的作用
  • 现代界面设计的意义

第二章:界面设计的一般规范

掌握基于苹果、谷歌、华为鸿蒙的设计规范

  • iOS设计规范(Human Interface Guidelines)
  • Material Design设计语言
  • 鸿蒙设计规范

第三章:人工智能与数智化社会对设计的影响

探讨AI技术如何改变传统的界面设计思维

  • AI驱动的个性化界面
  • 智能推荐系统设计
  • 自适应界面设计

第四章:界面设计的工具、方法与技术

学习现代界面设计的工具链和设计方法

  • Figma、Sketch等设计工具
  • 原型设计方法
  • 设计系统构建

第五章:界面设计的应用场景

了解不同平台和设备的界面设计特点

  • 移动端界面设计
  • Web界面设计
  • 智能设备界面设计

第六章:界面与交互设计的关系

理解界面设计与交互设计的融合关系

  • 界面与交互的协同设计
  • 用户体验的整体考虑
  • 设计流程的优化

第七章:交互设计的常见工具与方法

掌握交互设计的核心工具和设计方法

  • 用户研究方法
  • 交互原型工具
  • 可用性测试

第八章:项目实战与专题分析

通过实际项目学习AI界面设计的最佳实践

  • 移动设备交互专题
  • 智慧出行交互专题
  • 智能家居交互专题
  • 装备与工业生产交互专题