第1章 UI界面设计概述
认识UI界面设计 1
UI界面设计的定义 2
界面设计的历史、现状与未来 3
界面设计的流程与方法 6
界面设计师的知识体系 7
界面设计师的职业类型与发展 9
第2章 界面架构设计
页面间信息架构设计 11
页面内信息架构设计 16
界面架构设计的方法 21
第3章 界面视觉设计原则与规范
格式塔原则 24
差异化设计原则 27
效率优先原则 29
简洁设计原则 34
防错原则 38
界面视觉设计规范 40
第4章 界面视觉设计流程与方法
界面视觉设计流程 41
界面版式设计 43
界面色彩设计 46
界面图标设计 55
第5章 界面视觉设计案例
用Sketch设计与制作新拟物风格界面 61
用Figma设计与制作毛玻璃风格界面 77
第6章 界面动效设计
界面动效设计流程与方法 98
界面动效设计要求 100
After Effects界面动效设计案例 101
第7章 界面高保真原型制作
界面高保真原型制作工具 118
Figma软件中交互原型工具介绍及应用 119
案例实战:宠物App界面原型设计与制作 123
第8章 桌面端界面设计案例
桌面端界面设计案例规划 141
案例实战:灯具电商网站界面设计 142
第9章 移动端界面设计案例
移动端界面设计案例规划 152
案例实战:移动端界面设计 154
参考文献 176