淺析App廣告的視覺設計及用戶體驗考量

中文摘要

成功的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