中文摘要
成功的App不仅要给用户提供产品功能，还要考量用户在使用过程中的舒适、便捷，这取决于App广告视觉设计与用户体验能否达到内在的和谐统一。本文以App广告的视觉设计要点和用户体验考量为探究重点，对合理优化视觉设计方向、用户视觉结构、用户体验层次进行论述。结合实例对App广告的视觉设计要点和用户体验提升进行分析论述，以总结App广告视觉设计的设计思路和方法。并通过具体的设计实践，检验App广告的视觉设计方法与用户体验设计理念。本文的研究，能够从视觉设计角度探讨App广告如何准确快速传达、快速识别，如何提升用户体验，为App广告设计提供积极的方法参考和理论参照。
关键词：App广告；视觉设计；用户体验；设计要点
目录
绪论……………………………………………………………………………………1
（一）研究背景…………………………………………………………………1
（二）研究现状…………………………………………………………………1
（三）研究意义与目的…………………………………………………………2
（四）研究思路与方法…………………………………………………………2
一、App广告与用户体验概述………………………………………………………4
（一）基础概念…………………………………………………………………4
1．App广告的概念与分类…………………………………………………4
（1）App广告的概念………………………………………………………4
（2）App广告的分类………………………………………………………4
2．视觉设计的概念与理解…………………………………………………4
（1）视觉设计的概念………………………………………………………4
（2）视觉设计的理解………………………………………………………4
3．用户体验的概念与分类…………………………………………………5
（1）用户体验的概念………………………………………………………5
（2）用户体验的分类………………………………………………………5
4．设计要点的概念与理解…………………………………………………5
（1）设计要点的概念………………………………………………………5
（2）设计要点的理解………………………………………………………5
（二）相关理论研究情况综述…………………………………………………5
1．APP的用户体验是核心…………………………………………………5
2．用户体验中的视觉需求…………………………………………………6
3．提高用户体验的原生广告的特性………………………………………6
（三）用户体验对于App广告设计表现的作用和价值分析…………………6
（四）优化App广告视觉设计对于提升用户体验的意义……………………7
（五）小结………………………………………………………………………7
二、App广告的视觉设计与用户体验层次…………………………………………7
（一）App广告视觉设计中的视觉流程与结构………………………………7
1．App广告视觉设计中的视觉流程………………………………………7
2．App广告视觉设计中的视觉结构………………………………………7
3．App广告视觉设计中的视觉问题………………………………………8
（1）App广告视觉设计中的色彩疲劳…………………………………8
（2）App广告视觉设计中的阅读错误…………………………………8
（3）App广告视觉设计中的视觉干扰…………………………………8
（二）App广告中视觉设计的优化方向………………………………………8
1．分清主次，简洁用色，减少色彩疲劳…………………………………8
2．高识别主文字，减少错失信息…………………………………………9
3．视觉元素一致性，减少视觉干扰……………………………………9
（三）用户体验层次……………………………………………………………9
1．战略层…………………………………………………………………9
2．范围层…………………………………………………………………9
3．结构层…………………………………………………………………10
4．框架层…………………………………………………………………10
5．表现层…………………………………………………………………10
（四）小结……………………………………………………………………10
三、App广告视觉设计过程中的用户体验考量…………………………………11
（一）App广告对用户视觉感受的设计要点………………………………11
1．App广告的设计风格……………………………………………………11
（1）拟物化的设计风格…………………………………………………11
（2）扁平化的设计风格…………………………………………………11
（3）三维化的设计风格…………………………………………………12
2．App广告的排版布局…………………………………………………12
（1）中心型排版…………………………………………………………12
（2）骨骼型排版…………………………………………………………13
（3）水平型排版…………………………………………………………13
（4）垂直型排版…………………………………………………………13
（5）倾斜型排版…………………………………………………………14
3．App广告的文字………………………………………………………14
4．App广告的图形………………………………………………………15
5．App广告的色彩………………………………………………………16
（二）App广告中视觉传达的用户体验提升………………………………17
1．用户视觉识别提升……………………………………………………17
2．用户视觉感受提升……………………………………………………17
3．用户视觉情感提升……………………………………………………17
（三）小结……………………………………………………………………17
四、App广告视觉设计的设计思路和表现方法……………………………………18
（一）App广告视觉设计的设计思路…………………………………………18
1．无障碍设计……………………………………………………………18
2．可读性设计……………………………………………………………19
3．善用行业属性…………………………………………………………19
（二）App广告视觉设计的表现方法…………………………………………20
1．图文结合产品展示表现法……………………………………………20
2．多元素立体组合表现法………………………………………………20
3．情感共鸣插画表现法…………………………………………………21
（三）小结……………………………………………………………………21
五、典型案例《招商银行》App广告分析…………………………………………22
（一）App广告中的视觉设计要点表达………………………………………22
1．App广告的设计风格表达……………………………………………22
2．App广告的排版布局表达…………………………………………22
3．App广告的文字表达…………………………………………………22
4．App广告的图形表达…………………………………………………23
5．App广告的色彩表达…………………………………………………23
（二）App广告中的用户视觉感受表达………………………………………23
1．符合品牌视觉的表达…………………………………………………23
2．用户情感视觉的表达…………………………………………………24
3．节日活动氛围的表达…………………………………………………24
六、毕业设计《乐早教》App视觉设计实践………………………………………25
（一）“乐早教”App项目概述………………………………………………25
（二）“乐早教”App广告视觉设计表现方法和设计思路的运用…………25
1．产品展示法，增强可读性……………………………………………25
2．立体展示法，突破框架屏障…………………………………………26
3．插画展示法，突出行业属性…………………………………………26
（三）“乐早教”App中广告设计的用户体验考量的运用…………………27
1．挖掘用户核心需求，增加视觉信息识别性…………………………27
2．抓住用户特性，寻求视觉设计通感…………………………………27
3．营造活动氛围，烘托用户情感需求…………………………………28
（四）“乐早教”App视觉设计作品展示……………………………………28
（五）小结………………………………………………………………………30
结论…………………………………………………………………………………31
参考文献……………………………………………………………………………32
