中文摘要
本文以情感化图标设计在APP设计中的运用和表现手法为研究重点,分别从图标在APP里面的展示形态、采用的配色、图标的设计层次、设计手法、设计细节等方面进行深入分析,同时结合手机APP金刚区及底部主菜单入口(淘宝、京东、大众点评)案例对情感化设计的表现手法和运用技巧进行了探讨,对于提升图标情感化设计在APP中的灵活运用、开阔思维以及提高图标设计创作水平,具有积极的理论指导与实践意义。
关键词:图标;情感化设计;APP;表达方式
目录
绪论……………………………………………………………………………………1
(一)研究背景…………………………………………………………………1
(二)研究现状…………………………………………………………………1
(三)研究意义与目的…………………………………………………………1
(四)研究思路与方法…………………………………………………………2
一、APP图标与情感化概述……………………………………………………3
(一)基础概念………………………………………………………3
1.图标概念…………………………………………………………………3
2.图标分类…………………………………………………………………3
(1)工具图标………………………………………………………………3
(2)装饰图标………………………………………………………………3
(3)应用图标………………………………………………………………3
3.图标风格…………………………………………………………………3
(1)线性风格………………………………………………………………3
(2)面性风格………………………………………………………………3
(二)情感化设计概念……………………………………………………3
(三)情感化设计对于APP图标的效果及价值…………………………4
(四)小结………………………………………………………………………4
二、情感化与APP图标情感化设计研究………………………………………4
(一)情感的本质和表现………………………………………………………4
1.情感的本质………………………………………………………………4
2.情感的表现………………………………………………………………5
(二)情感化设计在APP图标中研究………………………………………4
1.品牌认识……………………………………………………………4
2.界面美观…………………………………………………………………5
3.趣味性……………………………………………………………………5
(三)小结………………………………………………………………6
三、APP图标情感化设计思路与表现方法…………………………………………6
(一)APP图标情感化设计的思路……………………………………………6
1.图标语意…………………………………………………………6
2.图标外形…………………………………………………………7
3.图标表达方式…………………………………………………………7
4.图标色彩组合…………………………………………………………7
5.图标特色…………………………………………………………7
(二)小结…………………………………………………………8
四、APP图标情感化设计的表现方法和原则………………………………………8
(一)APP图标情感化设计的原则……………………………………………8
1.品牌基因…………………………………………………………………8
2.表意准确…………………………………………………………………8
3.趣味性…………………………………………………………9
4.像素对齐……………………………………………………………9
5.风格统一…………………………………………………………9
6.几何图形…………………………………………………………………10
7.清晰简洁…………………………………………………………………10
8.足够的空间………………………………………………………………11
9.对比度……………………………………………………………………11
10.美观度…………………………………………………………………11
(二)小结……………………………………………………………………12
五、典型案例《淘宝》图标情感化设计分析………………………………………12
(一)APP图标情感化设计表达………………………………………………12
1.底部标签栏………………………………………………………………12
2.分类、快速入口………………………………………………………13
2.底部导航“我的”页面…………………………………………………13
六、毕业设计《跟谁学》APP设计实践…………………………………………14
(一)《跟谁学》APP项目概述………………………………………………14
(二)《跟谁学》APP图标情感设计思路和表现方法………………………14
1.《跟谁学》APP图标情感设计思路………………………………………15
2.《跟谁学》APP图标情感表现方法………………………………………15
(1)清晰简洁………………………………………………………………15
(2)几何图形………………………………………………………………15
(3)足够的空间……………………………………………………………16
(4)对比度…………………………………………………………………16
(5)趣味性…………………………………………………………………16
(三)《跟谁学》APP图标设计作品展示……………………………………16
结论…………………………………………………………………………………18
参考文献……………………………………………………………………………19
附录……………………………………………………………………………20