| 摘要 | 第4-5页 |
| Abstract | 第5页 |
| 第1章 绪论 | 第9-14页 |
| 1.1 研究背景 | 第9-10页 |
| 1.2 研究现状与趋势 | 第10-12页 |
| 1.3 研究意义与方法 | 第12-14页 |
| 1.3.1 研究意义 | 第12-13页 |
| 1.3.2 研究方法 | 第13-14页 |
| 第2章 相关概念及理论分析 | 第14-41页 |
| 2.1 UI设计的作用与价值分析 | 第15-16页 |
| 2.2 以用户为中心的设计方法 | 第16-19页 |
| 2.3 视觉设计和认知心理学 | 第19-22页 |
| 2.3.1 认知心理学 | 第19-20页 |
| 2.3.2 认知过程 | 第20-21页 |
| 2.3.3 加工视觉信息 | 第21-22页 |
| 2.4 可用性标准及交互设计 | 第22-25页 |
| 2.4.1 可用性设计标准分析 | 第22-24页 |
| 2.4.2 迭代设计分析 | 第24-25页 |
| 2.5 用户情感和预期设计分析 | 第25-29页 |
| 2.5.1 何为情感化设计 | 第25-26页 |
| 2.5.2 为何情感化设计 | 第26-27页 |
| 2.5.3 情感化设计的目标 | 第27-29页 |
| 2.6 METRO UI风格 | 第29-35页 |
| 2.6.1“Metro”的渊源和艺术风格 | 第29-32页 |
| 2.6.2 Metro UI风格设计原则 | 第32-34页 |
| 2.6.3“Metro”设计哲学 | 第34-35页 |
| 2.7 METRO风格与WINDOWS | 第35-38页 |
| 2.7.1 第一次现世 | 第35页 |
| 2.7.2 引人注目 | 第35-38页 |
| 2.8 WIN8的METRO进化 | 第38-41页 |
| 2.8.1 Metro精髓永不变 | 第38页 |
| 2.8.2 Win8进化 | 第38-41页 |
| 第3章 信息化社会中UI的设计优化目标 | 第41-46页 |
| 3.1 信息化社会和用户现状 | 第41-42页 |
| 3.2 信息界面UI的优化设计目标 | 第42-46页 |
| 3.2.1 视觉设计优化目标 | 第42-43页 |
| 3.2.2 交互设计优化目标 | 第43-44页 |
| 3.2.3 加入情感设计分析 | 第44页 |
| 3.2.4 将信息向图像方向进行优化转换 | 第44-46页 |
| 第4章 Metro UI风格优化设计探讨 | 第46-60页 |
| 4.1 同款APP在苹果IOS IPAD与微软METRO PAD中 | 第46-53页 |
| 4.1.1 版面对比 | 第46页 |
| 4.1.2 六要素的分析与对比： | 第46-53页 |
| 4.2 针对手机WP系统的综合调研 | 第53-54页 |
| 4.2.1 调研概况 | 第53-54页 |
| 4.2.2 调研对象 | 第54页 |
| 4.2.3 调研结果 | 第54页 |
| 4.3 METRO UI风格设计中视觉信息元素的认知和优化 | 第54-58页 |
| 4.3.1 重点突出以信息为本 | 第54-55页 |
| 4.3.2 格式塔理论和界面逻辑 | 第55-57页 |
| 4.3.3 时间碎片和磁贴翻转 | 第57页 |
| 4.3.4 整合集成模块信息 | 第57-58页 |
| 4.4 交互语言的可用性优化分析 | 第58-59页 |
| 4.4.1 逻辑性框架 | 第58页 |
| 4.4.2 否定传统交互语言 | 第58-59页 |
| 4.5 情感设计的优化 | 第59页 |
| 4.6 用户调研下的需求分析 | 第59-60页 |
| 第5章 现代信息界面UI优化设计规则 | 第60-65页 |
| 5.1 现有UI设计规则 | 第60页 |
| 5.2 UI设计规则中存在的问题 | 第60-62页 |
| 5.3 基于“用户为中心”流程UI设计原则 | 第62页 |
| 5.4 以手机为例的METRO UI优化建议 | 第62-65页 |
| 5.4.1 秉承和继续发扬“内容大于形式” | 第62-63页 |
| 5.4.2 输入便捷，让操作更简单 | 第63页 |
| 5.4.3 呈用户所需 | 第63页 |
| 5.4.4 精心细节 | 第63-64页 |
| 5.4.5 延展屏幕空间 | 第64-65页 |
| 第6章 结论与展望 | 第65-67页 |
| 参考文献 | 第67-68页 |