APP界面設(shè)計(jì)中視覺設(shè)計(jì)品牌化的研究與應(yīng)用

杜翔宇

摘 要：隨著移動(dòng)網(wǎng)絡(luò)應(yīng)用范圍的不斷擴(kuò)大，智能手機(jī)得到快速的發(fā)展，而人們對(duì)智能手機(jī)的個(gè)性化設(shè)計(jì)的要求也越來越高，為滿足人們對(duì)品牌個(gè)性的需要，手機(jī)APP界面設(shè)計(jì)中視覺設(shè)計(jì)品牌化現(xiàn)象越來越突出。在此背景下，本文在對(duì)手機(jī)APP界面視覺設(shè)計(jì)、APP界面視覺設(shè)計(jì)品牌化概念及重要性等基礎(chǔ)問題進(jìn)行系統(tǒng)分析的基礎(chǔ)上，對(duì)APP界面設(shè)計(jì)中視覺設(shè)計(jì)品牌化的基本要素與應(yīng)用實(shí)例展開研究，為APP界面設(shè)計(jì)中視覺設(shè)計(jì)品牌化的深化提供參考。

關(guān)鍵詞：品牌；APP界面設(shè)計(jì)；視覺

0 前言

APP即智能手機(jī)的應(yīng)用程序，在APP界面設(shè)計(jì)的過程中，首先要保證界面可以明確的傳達(dá)其主旨，其次要盡可能強(qiáng)化界面吸引用戶的特點(diǎn)，這要求設(shè)計(jì)師可以從用戶的角度出發(fā)，結(jié)合多種風(fēng)格的界面設(shè)計(jì)理念，將自己的設(shè)計(jì)理念與用戶的需求完美融合，考慮到現(xiàn)階段用戶對(duì)手機(jī)APP界面品牌個(gè)性需求強(qiáng)烈，所以APP界面設(shè)計(jì)中視覺設(shè)計(jì)品牌化已經(jīng)成為必然的發(fā)展趨勢(shì)。

1 手機(jī)APP界面視覺設(shè)計(jì)

手機(jī)APP界面視覺設(shè)計(jì)即通過細(xì)化設(shè)計(jì)中的色彩、圖標(biāo)、風(fēng)格等要素的視覺化設(shè)計(jì)，避免視覺傳達(dá)過程中出現(xiàn)錯(cuò)誤信息并營(yíng)造出符合設(shè)計(jì)師意圖的視覺風(fēng)格的APP界面設(shè)計(jì)過程，通過手機(jī)APP界面設(shè)計(jì)可以使手機(jī)的視聽元素可視性得到增強(qiáng)，使用戶對(duì)APP體驗(yàn)更加豐富，用戶可以通過APP界面的外在表現(xiàn)形式，對(duì)其功能和文化內(nèi)涵產(chǎn)生更加深刻的認(rèn)識(shí)。[1]可見手機(jī)APP界面視覺設(shè)計(jì)并不使簡(jiǎn)單的美術(shù)繪畫，其是基于準(zhǔn)確的信息傳達(dá)，所以需要對(duì)用戶特征、APP功能等方面進(jìn)行準(zhǔn)確的定位，并通過視覺設(shè)計(jì)使APP與用戶需求達(dá)到最理想的契合。

2 APP界面視覺設(shè)計(jì)品牌化概念及重要性

APP界面視覺設(shè)計(jì)品牌化即手機(jī)APP界面在視覺上表現(xiàn)出APP品牌的個(gè)性，使其具有品牌帶來的感召力的設(shè)計(jì)形式，換言之，運(yùn)營(yíng)商需要通過視覺設(shè)計(jì)為APP創(chuàng)造出與眾不同的差別，加深用戶對(duì)APP的認(rèn)知和情感體驗(yàn)，使其成為APP的忠實(shí)消費(fèi)群。[2]APP界面視覺設(shè)計(jì)品牌化不僅可以滿足消費(fèi)者需要品牌形象的需求，使用戶的APP應(yīng)用體驗(yàn)具有鮮明的特征，也可以滿足經(jīng)營(yíng)者需要品牌資產(chǎn)的需求，使品牌的鮮明度、吸引力顯著提升，進(jìn)而達(dá)到提升運(yùn)作效率、為運(yùn)營(yíng)商降低經(jīng)營(yíng)成本，提升無形資產(chǎn)的效果，所以APP界面視覺設(shè)計(jì)品牌化是現(xiàn)代APP運(yùn)營(yíng)商提升市場(chǎng)競(jìng)爭(zhēng)力的重要途徑。

3 APP界面設(shè)計(jì)中視覺設(shè)計(jì)品牌化的基本要素研究

3.1 圖標(biāo)（Icon）要素的品牌化設(shè)計(jì)

圖標(biāo)一直是可視性非常強(qiáng)的設(shè)計(jì)要素，為用戶熟悉APP、辨析APP提供了直接的途徑，所以在圖標(biāo)品牌化設(shè)計(jì)的過程中，應(yīng)在堅(jiān)持其原有的簡(jiǎn)潔、抽象、易懂特性的基礎(chǔ)上，使其品牌化、個(gè)性化程度進(jìn)一步提升，以此強(qiáng)化其視覺沖擊力和辨識(shí)度。設(shè)計(jì)師在進(jìn)行圖標(biāo)的品牌化設(shè)計(jì)的過程中，首先要認(rèn)識(shí)到圖標(biāo)設(shè)計(jì)重在易識(shí)別而非形式美，而且用戶對(duì)圖標(biāo)的認(rèn)知會(huì)形成某種較固定的習(xí)慣，隨意地更改圖標(biāo)的形象或理念會(huì)嚴(yán)重影響用戶對(duì)圖標(biāo)的判斷。例如，用信封代表短消息已經(jīng)被現(xiàn)代手機(jī)用戶默認(rèn)，這要求設(shè)計(jì)師在選擇圖標(biāo)外形時(shí)慎重。其次，設(shè)計(jì)師在設(shè)計(jì)圖標(biāo)的過程中要保證其設(shè)計(jì)的形象可以被不同文化背景的用戶兼容，為擴(kuò)大APP的應(yīng)用范圍奠定基礎(chǔ)，例如用“話筒代表電話通信應(yīng)用”“具體的日期代表日歷應(yīng)用等”。另外，設(shè)計(jì)師在圖標(biāo)設(shè)計(jì)的過程中要保證設(shè)計(jì)的風(fēng)格、元素等具有一致性，均為圖標(biāo)所傳達(dá)的信息、塑造的氛圍服務(wù)。除此之外，在圖標(biāo)品牌化設(shè)計(jì)的過程中，要尊重APP用戶的認(rèn)知和操作習(xí)慣，準(zhǔn)確的定義圖標(biāo)隱喻對(duì)象和語義，以此明確APP界面的國(guó)際化品牌定位，將趣味性、個(gè)性化的設(shè)計(jì)細(xì)節(jié)融入圖標(biāo)中，使用戶在受到APP圖標(biāo)的視覺沖擊下可以形成使用興趣，在此過程中，設(shè)計(jì)師應(yīng)結(jié)合APP品牌個(gè)性進(jìn)行個(gè)性強(qiáng)化和文化內(nèi)涵塑造，使用戶在被識(shí)別的基礎(chǔ)上進(jìn)行個(gè)性傳播。現(xiàn)階段設(shè)計(jì)師為強(qiáng)化APP界面圖標(biāo)的品牌化特征，會(huì)延續(xù)CP端的品牌元素，例如“站酷zcool”APP界面設(shè)計(jì)的過程中，將正副形圖標(biāo)結(jié)合應(yīng)用，直角和細(xì)小圓角統(tǒng)一運(yùn)用，將品牌色彩定位為黃色，并對(duì)黑色進(jìn)行了延續(xù)和運(yùn)用，在版式傷以卡片式和扁平化設(shè)計(jì)風(fēng)格有機(jī)結(jié)合，使圖標(biāo)在時(shí)尚感濃烈的同時(shí)極具生活氣息。

3.2 版式要素的品牌化設(shè)計(jì)

APP界面的版式設(shè)計(jì)要結(jié)合目標(biāo)用戶的審美特點(diǎn)和APP運(yùn)營(yíng)商的個(gè)性定位進(jìn)行，既保證APP界面的適用性又使其美觀程度滿足用戶的需要，在版式要素品牌化設(shè)計(jì)的過程中，要保證圖標(biāo)、色彩等視覺要素的布局組合可以最理想的傳達(dá)APP的信息，需要結(jié)合扁平化設(shè)計(jì)特點(diǎn)，在強(qiáng)調(diào)用戶操作和體驗(yàn)的同時(shí)，提升界面的品質(zhì)和層次。現(xiàn)階段版式設(shè)計(jì)的布局形式多樣，如骨骼型、滿版型、中軸型、曲線型、重心型等均非常常見，但在手機(jī)APP界面設(shè)計(jì)的過程中，受其功能性、可交互性等因素的影響，在具體版式選擇的過程中要綜合考慮目標(biāo)用戶、使用場(chǎng)景、功能特性等因素。例如在品牌化設(shè)計(jì)以瀏覽引導(dǎo)為主的信息展示型APP界面的過程中，通常會(huì)應(yīng)用上下分割型、中軸型等具有一個(gè)明確主線的版式，以此對(duì)用戶進(jìn)行潛在的引導(dǎo)提示；在功能操作型界面版式設(shè)計(jì)中，通常采用上下分割型、左右分割型等版式，以此使操作項(xiàng)和注冊(cè)流程等可以清晰地向用戶呈現(xiàn)。版式要素品牌化設(shè)計(jì)，可以使APP整體操作流程更加規(guī)范順暢，強(qiáng)化用戶對(duì)APP品牌定位的認(rèn)知。

3.3 色彩要素的品牌化設(shè)計(jì)

用戶在首次接觸APP界面時(shí)，受到色彩的視覺沖擊最為強(qiáng)烈，所以在進(jìn)行APP界面設(shè)計(jì)的過程中，既要保證顏色與APP的文化內(nèi)涵相一致，又要保證APP界面使用的所有顏色可以達(dá)到統(tǒng)一和諧的效果，為用戶帶來具有個(gè)性化的視覺體驗(yàn)。在APP界面色彩要素品牌化視覺設(shè)計(jì)的過程中，設(shè)計(jì)師要考慮到色彩的運(yùn)用于用戶審美情趣的相符程度直接關(guān)系到用戶對(duì)APP的印象，為避免用戶產(chǎn)生界面混亂的認(rèn)知，應(yīng)保證使用的色彩在4、5種以下，選用的顏色應(yīng)保證背景亮度弱于活動(dòng)對(duì)象，引導(dǎo)用戶視覺定位；應(yīng)用的色彩與用戶的認(rèn)知習(xí)慣基本一致，如紅色代表錯(cuò)誤、黃色代表警告等；使用的背景色和前景色避免沖突，如白色和檸檬黃在結(jié)合應(yīng)用時(shí)，會(huì)削弱APP界面的視覺沖擊力；色彩塑造的氛圍與計(jì)劃向用戶傳達(dá)的信息一致，如綠色代表生命、希望等。

3.4 風(fēng)格的品牌化設(shè)計(jì)

視覺設(shè)計(jì)風(fēng)格即事物獨(dú)特的氣質(zhì)，其對(duì)設(shè)計(jì)師的審美素養(yǎng)、應(yīng)用能力、洞察力等具有較強(qiáng)的依賴，現(xiàn)階段在APP設(shè)計(jì)中應(yīng)用的風(fēng)格主要包括以下幾種：一種是具有活潑、大氣風(fēng)格的波普風(fēng)格；一種是為用戶提供聯(lián)想空間的抽象風(fēng)格；一種是將動(dòng)畫和漫畫合理應(yīng)用的動(dòng)漫風(fēng)格。APP界面風(fēng)格的品牌化設(shè)計(jì)，通常會(huì)強(qiáng)化用戶對(duì)APP的體驗(yàn)和印象，其在設(shè)計(jì)的過程中要盡可能將APP的整體基調(diào)和APP的目標(biāo)人群向用戶進(jìn)行傳達(dá)，例如微信APP在設(shè)計(jì)的過程中，將黑、綠和白色三種顏色結(jié)合應(yīng)用，可以塑造出成人的穩(wěn)重、信賴風(fēng)格，與其“一種生活方式”的目標(biāo)定位相一致；而QQ將淺藍(lán)、淺灰和白色進(jìn)行靈活的搭配應(yīng)用，可以創(chuàng)作出活潑、有趣、新奇的年輕人喜愛的風(fēng)格，與其“樂在溝通”的設(shè)計(jì)定位相符，可見APP設(shè)計(jì)風(fēng)格的品牌化建立在設(shè)計(jì)定位的品牌化、個(gè)性化基礎(chǔ)上，是品牌化的APP定位視覺展示的過程。

4 APP界面設(shè)計(jì)中視覺設(shè)計(jì)品牌化的應(yīng)用與實(shí)例

4.1 APP界面設(shè)計(jì)中視覺設(shè)計(jì)品牌化的應(yīng)用體現(xiàn)及效果

APP界面設(shè)計(jì)中的視覺設(shè)計(jì)主要通過圖標(biāo)、色彩、布局、風(fēng)格等要素的靈活應(yīng)用實(shí)現(xiàn)，筆者為對(duì)APP界面品牌化設(shè)計(jì)的主要體現(xiàn)產(chǎn)生更加深刻的認(rèn)識(shí)，以鳳凰新聞手機(jī)APP為例，對(duì)其視覺設(shè)計(jì)品牌化進(jìn)行說明。首先，在列表界面方面，考慮到列表界面的主要功能是展示新聞信息，所以在設(shè)計(jì)的過程中主要考慮頁面的布局和色彩的運(yùn)用，將原有的圖標(biāo)信息中增加了應(yīng)用企業(yè)標(biāo)準(zhǔn)色彩的新聞分類，并將鳳凰新聞的標(biāo)識(shí)和信息以紅白顏色的配合應(yīng)用進(jìn)行了強(qiáng)化，使鳳凰新聞的品牌信息在界面的導(dǎo)航欄得到突出的現(xiàn)示，在此種品牌化設(shè)計(jì)中，如果用戶點(diǎn)擊界面上的下拉箭頭，APP會(huì)直接現(xiàn)示用戶關(guān)注過的新聞?lì)l道，為用戶提供極具個(gè)性化和人性化的服務(wù)體驗(yàn)。其次，在詳情界面方面，設(shè)計(jì)師為了使新聞信息的突出性得到強(qiáng)化，對(duì)界面的查看、收藏、分享等圖標(biāo)進(jìn)行了新的設(shè)計(jì)，以此提升APP界面設(shè)計(jì)的友好性；在此過程中，設(shè)計(jì)師有意保留了界面導(dǎo)航中鳳凰新聞的形式，以此強(qiáng)化用戶在瀏覽信息過程中對(duì)其品牌化的認(rèn)知。再次，在登錄界面方面，設(shè)計(jì)師結(jié)合青年用戶的特點(diǎn)，將界面的具體版式進(jìn)行了重新設(shè)計(jì)，使其在美觀性、操作性等方面得到了強(qiáng)化，而且有意識(shí)地將鳳凰新聞的品牌標(biāo)識(shí)作為用戶未登錄狀態(tài)的頭像，以此強(qiáng)化了視覺設(shè)計(jì)的品牌化特征。然后，在訂閱界面方面，設(shè)計(jì)師，利用重復(fù)布局形式對(duì)導(dǎo)航欄的訂閱推薦列表版式進(jìn)行了重新設(shè)計(jì)，并將原有的“增添訂閱”圖標(biāo)用鳳凰新聞的品牌標(biāo)識(shí)替代，這不僅使頁面的視覺效果更加清晰自然，提升了APP界面與用戶的親切度，而且使APP的視覺品牌化得到了進(jìn)一步的強(qiáng)化。除此之外，鳳凰新聞APP在評(píng)論界面、加載界面等也進(jìn)行了視覺設(shè)計(jì)品牌化，結(jié)合其整體設(shè)計(jì)可以發(fā)現(xiàn)，APP的操作流程、界面友好度以及品牌化視覺沖擊均得到了強(qiáng)化，用戶在操作的過程中，可以在潛意識(shí)中對(duì)APP不斷加深印象，這對(duì)提升用戶對(duì)APP的忠實(shí)度具有不可忽視的重要作用。

4.2 APP界面設(shè)計(jì)中視覺設(shè)計(jì)品牌化的應(yīng)用實(shí)例

以移動(dòng)端彩票APP為例，現(xiàn)階段大部分此類APP智能滿足用戶的基本購(gòu)彩需求，而不能滿足品牌化視覺體驗(yàn)的要求，所以易迅彩票運(yùn)營(yíng)商提出了移動(dòng)端趣味購(gòu)彩新體驗(yàn)的設(shè)計(jì)定位，將趣味性和娛樂性的品牌設(shè)計(jì)理念融入設(shè)計(jì)中，其確定了三種設(shè)計(jì)方案，首先，結(jié)合易迅彩票近80%用戶為20-39歲的青年男性的市場(chǎng)，進(jìn)行可卡通形象包裝，使界面的視覺活躍度提升，確定了針對(duì)青年男性用戶的性感活潑的兔女郎形象，并結(jié)合不同類型的目標(biāo)用戶特點(diǎn)，設(shè)計(jì)了不同性格和風(fēng)格的兔女郎形象；其次，為提升易迅彩票APP的趣味性和情感體驗(yàn)性，使其與用戶的黏性提升，結(jié)合目標(biāo)用戶主要包括專業(yè)球迷型彩民和想了解足球彩票的彩民，將草皮、足球、球鞋等具有代表性的足球場(chǎng)景融入設(shè)計(jì)，使品牌化特征得到強(qiáng)化；另外，易迅材料APP在雙色球選號(hào)界面將娛樂化的虛擬元素融入，使用戶的操作自主性和趣味性明顯提升，極大地提升了該APP在移動(dòng)端彩票市場(chǎng)的影響力。

5 結(jié)語

通過上述分析可以發(fā)現(xiàn)，APP界面設(shè)計(jì)中視覺設(shè)計(jì)品牌化現(xiàn)象的出現(xiàn)，是設(shè)計(jì)師滿足用戶需求的具體體現(xiàn)，其需要通過圖標(biāo)、版式、色彩、風(fēng)格等要素集中體現(xiàn)，通過APP界面視覺設(shè)計(jì)品牌化可以提升用戶對(duì)APP的應(yīng)用興趣，提升其應(yīng)用范圍和頻率，所以APP界面設(shè)計(jì)中視覺設(shè)計(jì)品牌化已經(jīng)成為APP界面設(shè)計(jì)過程中應(yīng)重點(diǎn)強(qiáng)化的方面。

參考文獻(xiàn)：

[1] 王琳.品牌傳播新媒介——品牌APP界面設(shè)計(jì)研究與探索[D].東華大學(xué)，2014.

[2] 文曉晴.手機(jī)界面視覺設(shè)計(jì)品牌化的研究與應(yīng)用[D].東北林業(yè)大學(xué)，2013.

[3] 丁磊. APP界面視覺設(shè)計(jì)藝術(shù)研究[J].中國(guó)包裝工業(yè)，2013（16）.