| 摘要 | 第4-5页 |
| ABSTRACT | 第5页 |
| 1 绪论 | 第9-17页 |
| 1.1 研究背景 | 第9-10页 |
| 1.2 研究的目的与意义 | 第10-11页 |
| 1.2.1 研究目的 | 第10-11页 |
| 1.2.2 研究意义 | 第11页 |
| 1.3 国内外相关理论研究现状综述 | 第11-14页 |
| 1.3.1 主要涉及领域的国内外研究现状 | 第11-14页 |
| 1.3.1.1 商业插画在国内外的研究现状 | 第11-12页 |
| 1.3.1.2 APP用户界面设计在国内外的研究现状 | 第12页 |
| 1.3.1.3 用户体验在国内外的研究现状 | 第12-14页 |
| 1.3.2 商业插画在APP用户界面设计中应用的国内研究现状 | 第14页 |
| 1.3.3 商业插画在APP用户界面设计中的应用研究现状总结 | 第14页 |
| 1.4 研究方法和论文框架 | 第14-15页 |
| 1.4.1 研究方法 | 第14-15页 |
| 1.4.2 内容框架 | 第15页 |
| 1.5 研究特色和论文创新点 | 第15-17页 |
| 1.5.1 研究特色 | 第15页 |
| 1.5.2 研究创新点 | 第15-17页 |
| 2 商业插画在APP用户界面应用的概述 | 第17-22页 |
| 2.1 商业插画的概述 | 第17-18页 |
| 2.1.1 商业插画设计的概念 | 第17页 |
| 2.1.2 商业插画出现的时代背景 | 第17-18页 |
| 2.1.2.1 科技因素 | 第17-18页 |
| 2.1.2.2 环境因素 | 第18页 |
| 2.2 APP用户界面与用户体验的概述 | 第18-20页 |
| 2.2.1 APP用户界面的定义 | 第18页 |
| 2.2.2 APP用户界面设计基本概念 | 第18-19页 |
| 2.2.3 用户体验的概念 | 第19页 |
| 2.2.4 用户体验的需求层次 | 第19-20页 |
| 2.3 APP用户界面的设计存在的问题 | 第20-21页 |
| 2.3.1 视觉界面设计缺乏艺术 | 第20页 |
| 2.3.2 界面设计认知负荷超载 | 第20-21页 |
| 2.3.3 模板化程式化现象严重 | 第21页 |
| 2.4 本章小结 | 第21-22页 |
| 3 商业插画在APP用户界面设计中的设计理论 | 第22-29页 |
| 3.1 商业插画产生的社会需求 | 第22-23页 |
| 3.1.1 大众视觉审美的转变 | 第22页 |
| 3.1.2 大众阅读方式的转变 | 第22页 |
| 3.1.3 信息传播方式的转变 | 第22-23页 |
| 3.1.4 用户的交互心理需求 | 第23页 |
| 3.2 商业插画在APP用户界面的设计原则 | 第23-26页 |
| 3.2.1 整体性原则 | 第23-25页 |
| 3.2.2 多样性原则 | 第25页 |
| 3.2.3 易用性原则 | 第25页 |
| 3.2.4 独创性原则 | 第25-26页 |
| 3.3 APP用户界面设计中商业插画设计的特征 | 第26-28页 |
| 3.3.1 表现强烈的视觉冲击感 | 第26-27页 |
| 3.3.2 承载充沛的信息量 | 第27页 |
| 3.3.3 呈现艺术的趣味性 | 第27-28页 |
| 3.4 本章小结 | 第28-29页 |
| 4 商业插画在APP界面的设计中的应用 | 第29-58页 |
| 4.1 商业插画在APP界面本能层的应用 | 第29-40页 |
| 4.1.1 商业插画在APP用户界面中的视觉语言 | 第29-34页 |
| 4.1.1.1 点线面语言 | 第29-30页 |
| 4.1.1.2 色彩语言 | 第30-31页 |
| 4.1.1.3 空间构图语言 | 第31-34页 |
| 4.1.2 商业插画在APP用户界面中的表现形式 | 第34-36页 |
| 4.1.2.1 静态插画形式 | 第34页 |
| 4.1.2.2 动态插画形式 | 第34-36页 |
| 4.1.3 商业插画在APP用户界面设计的风格体现 | 第36-40页 |
| 4.1.3.1 扁平化插画 | 第36-37页 |
| 4.1.3.2 MBE插画 | 第37-39页 |
| 4.1.3.3 数码手绘插画 | 第39-40页 |
| 4.2 商业插画在APP界面行为层的应用 | 第40-54页 |
| 4.2.1 商业插画在APP图标设计中的应用 | 第41-44页 |
| 4.2.1.1 提高图标的识别度 | 第41-42页 |
| 4.2.1.2 体现图标的可用性 | 第42-43页 |
| 4.2.1.3 增强图标的交互性 | 第43-44页 |
| 4.2.2 商业插画在APP启动界面设计中的应用 | 第44-47页 |
| 4.2.2.1 强化图形语言 | 第44-45页 |
| 4.2.2.2 巧用当下热点 | 第45-46页 |
| 4.2.2.3 推荐活动广告 | 第46-47页 |
| 4.2.3 商业插画在APP引导页设计中的应用 | 第47-51页 |
| 4.2.3.1 功能介绍式引导页 | 第47-48页 |
| 4.2.3.2 故事叙述式引导页 | 第48-49页 |
| 4.2.3.3 痛点渲染式引导页 | 第49-51页 |
| 4.2.4 商业插画在APP其他界面设计中的应用 | 第51-54页 |
| 4.2.4.1 加载页与空白页 | 第51-52页 |
| 4.2.4.2 提示弹出框与出错页 | 第52-54页 |
| 4.3 商业插画在APP界面反思层的应用 | 第54-57页 |
| 4.3.1 回忆情感的渲染 | 第54-55页 |
| 4.3.2 文化内涵的传递 | 第55-57页 |
| 4.4 本章小结 | 第57-58页 |
| 5 商业插画在APP用户界面设计的设计实践——节气APP《羲》界面设计 | 第58-69页 |
| 5.1 “羲”节气APP的项目确立 | 第58-60页 |
| 5.1.1 项目背景 | 第58页 |
| 5.1.2 市场调研 | 第58-60页 |
| 5.2 商业插画在《羲》APP中的创作过程 | 第60-68页 |
| 5.2.1 商业插画在“羲”APP感官体验层设计 | 第60-64页 |
| 5.2.1.1 草图绘制 | 第60-62页 |
| 5.2.1.2 色彩选择 | 第62-63页 |
| 5.2.1.3 风格体现 | 第63-64页 |
| 5.2.2 商业插画在“羲”APP行为体验层设计 | 第64-68页 |
| 5.2.3 商业插画在“羲”APP反思体验层设计 | 第68页 |
| 5.3 本章小结 | 第68-69页 |
| 6 结论 | 第69-70页 |
| 参考文献 | 第70-73页 |
| 图片索引 | 第73-76页 |
| 个人简介 | 第76-77页 |
| 致谢 | 第77页 |
