淺析APP圖標的情感化設(shè)計

中文摘要

本文以情感化圖標設(shè)計在APP設(shè)計中的運用和表現(xiàn)手法為研究重點，分別從圖標在APP里面的展示形態(tài)、采用的配色、圖標的設(shè)計層次、設(shè)計手法、設(shè)計細節(jié)等方面進行深入分析，同時結(jié)合手機APP金剛區(qū)及底部主菜單入口（淘寶、京東、大眾點評）案例對情感化設(shè)計的表現(xiàn)手法和運用技巧進行了探討，對于提升圖標情感化設(shè)計在APP中的靈活運用、開闊思維以及提高圖標設(shè)計創(chuàng)作水平，具有積極的理論指導(dǎo)與實踐意義。

關(guān)鍵詞：圖標；情感化設(shè)計；APP；表達方式

目錄

緒論……………………………………………………………………………………1

（一）研究背景…………………………………………………………………1

（二）研究現(xiàn)狀…………………………………………………………………1

（三）研究意義與目的…………………………………………………………1

（四）研究思路與方法…………………………………………………………2

一、APP圖標與情感化概述……………………………………………………3

（一）基礎(chǔ)概念………………………………………………………3

1.圖標概念…………………………………………………………………3

2.圖標分類…………………………………………………………………3

（1）工具圖標………………………………………………………………3

（2）裝飾圖標………………………………………………………………3

（3）應(yīng)用圖標………………………………………………………………3

3.圖標風(fēng)格…………………………………………………………………3

（1）線性風(fēng)格………………………………………………………………3

（2）面性風(fēng)格………………………………………………………………3

（二）情感化設(shè)計概念……………………………………………………3

（三）情感化設(shè)計對于APP圖標的效果及價值…………………………4

（四）小結(jié)………………………………………………………………………4

二、情感化與APP圖標情感化設(shè)計研究………………………………………4

（一）情感的本質(zhì)和表現(xiàn)………………………………………………………4

1.情感的本質(zhì)………………………………………………………………4

2.情感的表現(xiàn)………………………………………………………………5

（二）情感化設(shè)計在APP圖標中研究………………………………………4

1.品牌認識……………………………………………………………4

2.界面美觀…………………………………………………………………5

3.趣味性……………………………………………………………………5

（三）小結(jié)………………………………………………………………6

三、APP圖標情感化設(shè)計思路與表現(xiàn)方法…………………………………………6

（一）APP圖標情感化設(shè)計的思路……………………………………………6

1.圖標語意…………………………………………………………6

2.圖標外形…………………………………………………………7

3.圖標表達方式…………………………………………………………7

4.圖標色彩組合…………………………………………………………7

5.圖標特色…………………………………………………………7

（二）小結(jié)…………………………………………………………8

四、APP圖標情感化設(shè)計的表現(xiàn)方法和原則………………………………………8

（一）APP圖標情感化設(shè)計的原則……………………………………………8

1.品牌基因…………………………………………………………………8

2.表意準確…………………………………………………………………8

3.趣味性…………………………………………………………9

4.像素對齊……………………………………………………………9

5.風(fēng)格統(tǒng)一…………………………………………………………9

6.幾何圖形…………………………………………………………………10

7.清晰簡潔…………………………………………………………………10

8.足夠的空間………………………………………………………………11

9.對比度……………………………………………………………………11

10.美觀度…………………………………………………………………11

（二）小結(jié)……………………………………………………………………12

五、典型案例《淘寶》圖標情感化設(shè)計分析………………………………………12

（一）APP圖標情感化設(shè)計表達………………………………………………12

1．底部標簽欄………………………………………………………………12

2．分類、快速入口………………………………………………………13

2．底部導(dǎo)航“我的”頁面…………………………………………………13

六、畢業(yè)設(shè)計《跟誰學(xué)》APP設(shè)計實踐…………………………………………14

（一）《跟誰學(xué)》APP項目概述………………………………………………14

（二）《跟誰學(xué)》APP圖標情感設(shè)計思路和表現(xiàn)方法………………………14

1.《跟誰學(xué)》APP圖標情感設(shè)計思路………………………………………15

2.《跟誰學(xué)》APP圖標情感表現(xiàn)方法………………………………………15

（1）清晰簡潔………………………………………………………………15

（2）幾何圖形………………………………………………………………15

（3）足夠的空間……………………………………………………………16

（4）對比度…………………………………………………………………16

（5）趣味性…………………………………………………………………16

（三）《跟誰學(xué)》APP圖標設(shè)計作品展示……………………………………16

結(jié)論…………………………………………………………………………………18

參考文獻……………………………………………………………………………19

附錄……………………………………………………………………………20