基于品牌形象推廣的農(nóng)產(chǎn)品App 界面設(shè)計(jì)研究
——以“贛農(nóng)業(yè)”App 為例

杜娟

南昌航空大學(xué)藝術(shù)設(shè)計(jì)學(xué)院

一、農(nóng)產(chǎn)品 App 設(shè)計(jì)現(xiàn)狀分析

在國(guó)家“互聯(lián)網(wǎng)+農(nóng)業(yè)”鄉(xiāng)村振興等系列政策鼓勵(lì)下，農(nóng)產(chǎn)品在各種數(shù)字平臺(tái)上的營(yíng)銷得到了快速發(fā)展。據(jù)統(tǒng)計(jì)2021 年，我國(guó)線上農(nóng)產(chǎn)品交易總額達(dá)到了2200 億元。隨著移動(dòng)App 小程序的崛起，將農(nóng)產(chǎn)品電子商務(wù)推上了歷史的新階段，盡管市場(chǎng)中推出的農(nóng)產(chǎn)品App 小程序數(shù)量眾多，但App 設(shè)計(jì)同質(zhì)化現(xiàn)象比較普遍。許多App 操作卡頓，存在功能設(shè)計(jì)不合理、用戶體驗(yàn)感差的問(wèn)題。除此之外，農(nóng)產(chǎn)品類App 界面設(shè)計(jì)也不盡如人意。App 的界面是用戶第一直觀感受，是吸引用戶注意力的關(guān)鍵因素。但目前一些農(nóng)產(chǎn)品App 界面設(shè)計(jì)因?yàn)槿狈I(yè)規(guī)劃，目標(biāo)定位不明確，沒(méi)有根據(jù)目標(biāo)群體進(jìn)行設(shè)計(jì)，企業(yè)品牌視覺(jué)形象缺乏活力，很快被市場(chǎng)淘汰。還有的App 界面存在農(nóng)產(chǎn)品信息表達(dá)不清，頁(yè)面布局混亂；圖形元素設(shè)計(jì)單一、文字所占比例過(guò)大等諸多問(wèn)題，直接降低了用戶在使用App 時(shí)的愉悅感。

二、基于品牌推廣的農(nóng)產(chǎn)品 App 界面設(shè)計(jì)思路

（一）農(nóng)產(chǎn)品 App 目標(biāo)群體特征分析

在App 的設(shè)計(jì)前期，首先應(yīng)劃分好目標(biāo)群體，對(duì)目標(biāo)群體進(jìn)行畫(huà)像，了解目標(biāo)群體特征如人口特征、社會(huì)特征、生活方式、個(gè)性特征、文化特征等。設(shè)計(jì)者依據(jù)這些目標(biāo)消費(fèi)者特征展開(kāi)精準(zhǔn)營(yíng)銷。相關(guān)數(shù)據(jù)顯示，目前農(nóng)產(chǎn)品 App的主要受眾為推崇自我和個(gè)性的年輕消費(fèi)者，他們不僅關(guān)心農(nóng)產(chǎn)品的品質(zhì)，更注重自身在線上交流過(guò)程中的參與度和體驗(yàn)感，希望以沉浸式體驗(yàn)參與到農(nóng)產(chǎn)品的營(yíng)銷全過(guò)程。

（二）確立農(nóng)產(chǎn)品 App 品牌調(diào)性

“品牌調(diào)性是基于品牌的外在表現(xiàn)而形成的市場(chǎng)印象，從品牌人格化的模式來(lái)說(shuō)，類似于人的性格。通俗地說(shuō)，就是消費(fèi)者對(duì)品牌的看法或感覺(jué)。品牌調(diào)性往往隱藏在具體的品牌表現(xiàn)中，但品牌調(diào)性對(duì)品牌成敗的影響程度超乎常人的想象”。以“水果江湖”與“盒馬生鮮”兩個(gè)App 界面設(shè)計(jì)為例，“水果江湖”App 界面的設(shè)計(jì)通過(guò)動(dòng)漫形式都主屏插畫(huà)和扁平化的圖標(biāo)、界面色彩豐富的表現(xiàn)形式，將水果與江湖串聯(lián)在一起，使品牌調(diào)性呈現(xiàn)出活潑、輕松感。讓用戶在使用App 時(shí)獲得有趣和良好的體驗(yàn)感，增加了年輕用戶對(duì)于App 的黏性。而“盒馬生鮮”App 面對(duì)的是多年齡層次的用戶，其界面設(shè)計(jì)通過(guò)簡(jiǎn)潔柔和的線條，營(yíng)造出品牌清新、簡(jiǎn)約的具有科技感的品牌調(diào)性。因此，農(nóng)產(chǎn)品 App 的界面設(shè)計(jì)應(yīng)找到其自身的差異化競(jìng)爭(zhēng)點(diǎn)，以此塑造與眾不同風(fēng)格的品牌調(diào)性風(fēng)格。

圖1 “水果江湖”與“盒馬生鮮”App 界面設(shè)計(jì)

（三）差異化的品牌視覺(jué)形象策略

農(nóng)產(chǎn)品App 應(yīng)該圍繞品牌定位展開(kāi)的差異化設(shè)計(jì)，為品牌形象注入新鮮感。提升產(chǎn)品的價(jià)值和消費(fèi)認(rèn)同感，形成專屬的品牌聯(lián)想。App 中的各種圖標(biāo)設(shè)計(jì)外觀上應(yīng)始終保持與品牌的界面設(shè)計(jì)風(fēng)格一致。可以將反映農(nóng)業(yè)生活化的環(huán)境或農(nóng)作物作插畫(huà)為界面設(shè)計(jì)的主題，與當(dāng)?shù)氐膫鹘y(tǒng)文化等多種因素融合起來(lái)。也可運(yùn)用特色農(nóng)產(chǎn)品進(jìn)行圖形創(chuàng)意化設(shè)計(jì)，融合到App 的品牌視覺(jué)形象設(shè)計(jì)中，突出品牌的特色。品牌視覺(jué)形象設(shè)計(jì)中的主體色彩設(shè)計(jì)可采用高純度顏色，輔助3-4 四種不同的低飽和的顏色進(jìn)行搭配，區(qū)別其他農(nóng)產(chǎn)品App 單一的品牌形象的顏色設(shè)計(jì)，有助于突出和強(qiáng)化用戶對(duì)品牌的印象。

（四）清晰的信息架構(gòu)與結(jié)構(gòu)層分析

信息架構(gòu)是App 產(chǎn)品目標(biāo)和用戶需求的核心，也是產(chǎn)品運(yùn)營(yíng)的核心，架構(gòu)功能劃分應(yīng)緊密結(jié)合用戶習(xí)慣。采用由淺至深的學(xué)習(xí)模式。因此App 在設(shè)計(jì)中功能層級(jí)，可從用戶接觸之初的簡(jiǎn)單農(nóng)業(yè)產(chǎn)品銷售、信息傳遞過(guò)渡到專業(yè)權(quán)威的商品相關(guān)知識(shí)提供；通過(guò)到游戲體驗(yàn)和信息互動(dòng)交流分享的方式，再到產(chǎn)生興趣后滿足用戶對(duì)于農(nóng)產(chǎn)品的需求以及私人定制禮物等周邊衍生品的需求，通過(guò)層層遞進(jìn)的App 結(jié)構(gòu)，讓用戶能夠更容易地感受到品牌所營(yíng)造的氛圍。

（五）易于操作人機(jī)交互體驗(yàn)

“成功的人機(jī)交互體驗(yàn)應(yīng)有兩個(gè)顯著的特點(diǎn)，即信息及時(shí)反饋和人的參與性與主動(dòng)性”。農(nóng)產(chǎn)品App 中交互設(shè)計(jì)需要考慮四方面的內(nèi)容，一是考慮用戶的使用場(chǎng)景，二是App 功能性的實(shí)現(xiàn)，三是流暢的操作體驗(yàn)以及交互動(dòng)效的持續(xù)時(shí)長(zhǎng)、曲線的運(yùn)用，四是整個(gè)交互動(dòng)效的合理編排。因此，應(yīng)該根據(jù)對(duì)農(nóng)產(chǎn)品App 用戶調(diào)研、目標(biāo)群體特征、需求等一系列的分析。打造良好的線上購(gòu)買(mǎi)、瀏覽體驗(yàn)等，以增強(qiáng)用戶體驗(yàn)感與互動(dòng)性。

三、農(nóng)產(chǎn)品App界面設(shè)計(jì)分析——-以“贛農(nóng)業(yè)”App為例

“贛農(nóng)業(yè)”App 是一款以互聯(lián)網(wǎng)為媒介，專注于江西農(nóng)產(chǎn)品行業(yè)銷售，為廣大種植戶、消費(fèi)者提供市場(chǎng)行情、供求對(duì)接、專業(yè)分析、新聞資訊、農(nóng)資商城等綜合平臺(tái)服務(wù)的軟件。其界面遵循人性化的設(shè)計(jì)原則，結(jié)構(gòu)清晰。分為狀態(tài)欄、導(dǎo)航欄、主菜單、內(nèi)容區(qū)域等。內(nèi)容區(qū)域?yàn)槟K設(shè)計(jì)為“江西特產(chǎn)”“農(nóng)產(chǎn)品信息”“限時(shí)熱賣(mài)”“今日鮮蔬”“個(gè)人中心”等多個(gè)模塊，各模塊設(shè)計(jì)以下層級(jí)遞進(jìn)關(guān)系的信息架構(gòu)呈現(xiàn),通過(guò)內(nèi)容面板、滾動(dòng)播放區(qū)、輪播圖等組件，最大程度地展示產(chǎn)品的細(xì)節(jié)內(nèi)容。“贛農(nóng)業(yè)”App 界面整體上采用上中下的結(jié)構(gòu)方式，卡片式布局，這也是目前App 設(shè)計(jì)的主流趨勢(shì)。上部是農(nóng)產(chǎn)品信息標(biāo)題欄，中部是供用戶瀏覽閱讀的功能信息區(qū)域。App 界面兩側(cè)的頁(yè)邊距設(shè)置數(shù)值較大，讓用戶視角更容易集中在圖文內(nèi)容本身，提高了信息內(nèi)容的閱讀效率。啟動(dòng)頁(yè)采用動(dòng)畫(huà)切屏，用標(biāo)志和標(biāo)語(yǔ)作為主元素傳遞品牌信息。首頁(yè)和內(nèi)容頁(yè)的設(shè)計(jì)中采用現(xiàn)在流行的瀑布流模塊化設(shè)計(jì)，以適應(yīng)簡(jiǎn)約的布局風(fēng)格，能夠讓用戶一目了然地找到自己感興趣的模塊。

“贛農(nóng)業(yè)”App 界面色彩與文字遵循品牌統(tǒng)一設(shè)定的使用規(guī)范。整體色調(diào)為藍(lán)綠冷色調(diào)。主圖標(biāo)選用棕色，大面積使用了綠色和白色，契合農(nóng)產(chǎn)品清爽、健康、綠色的品牌調(diào)性。小面積的使用紅色和橙色是為了與界面的顏色對(duì)比，簡(jiǎn)潔干練的配色與整體的品牌形象統(tǒng)一。App 內(nèi)的標(biāo)準(zhǔn)色彩按照信息重要、一般、較弱的情況，區(qū)別使用。用于導(dǎo)航欄背景色、按鈕、圖標(biāo)等特別需要重點(diǎn)強(qiáng)調(diào)的部分。色彩設(shè)計(jì)時(shí)運(yùn)用高純度色彩吸引用戶的視線。但總體色彩不超過(guò)3 種，否則容易造成視覺(jué)上的混亂。其次，將黑色用于一般級(jí)別的文字，如小標(biāo)題、正文等。再次，較弱次要的文字色彩采用純度較低的灰色。App 界面通過(guò)合理色彩組織，使得界面色彩豐富而有條理（如圖2）。“贛農(nóng)業(yè)”App 標(biāo)題類文字設(shè)計(jì)時(shí)選用“微軟幼園”字體作為基礎(chǔ)的字形，在其基礎(chǔ)上進(jìn)行字體的變形設(shè)計(jì)打造中國(guó)風(fēng)的視覺(jué)形象，最終成為品牌標(biāo)準(zhǔn)字。整個(gè)字體的方塊設(shè)計(jì)簡(jiǎn)約且清晰易讀，規(guī)整的字型適合農(nóng)業(yè)品牌基調(diào)。英文字體選用非襯線英文字體，時(shí)尚感十足。

圖2 “贛農(nóng)業(yè)”App 界面設(shè)計(jì)

流暢的交互行為使得App 產(chǎn)品更具活力，能給用戶帶來(lái)輕松愉悅的體驗(yàn)?！摆M農(nóng)業(yè)”App 的功能上加入社交互動(dòng)的功能，讓用戶通過(guò)文章、視頻以及直播的分享方式，加強(qiáng)用戶與品牌的情感傳遞，能吸引更多的人了解江西農(nóng)產(chǎn)品。App 交互方式的設(shè)定為多種交互方式并存如滾軸式前進(jìn)，左右滑動(dòng)的方式等。當(dāng)用戶通過(guò)點(diǎn)擊、長(zhǎng)按、拖拽、滑動(dòng)等行為觸發(fā)交互動(dòng)作時(shí)，圖標(biāo)的色彩、形狀等視覺(jué)元素會(huì)展現(xiàn)相應(yīng)的變化。幫助用戶了解交互過(guò)程的響應(yīng)情況。若加載過(guò)程時(shí)間長(zhǎng)時(shí)，App 會(huì)利用有趣的加載動(dòng)畫(huà)，緩解用戶等待的焦慮。另外內(nèi)容瀏覽的交互方式多樣，通過(guò)產(chǎn)品輪播、圖形切換、頁(yè)面間跳轉(zhuǎn)實(shí)現(xiàn)。通過(guò)調(diào)動(dòng)受眾的感性認(rèn)知,創(chuàng)造虛擬沉浸式多元的交互體驗(yàn)。

品牌形象體系中核心視覺(jué)元素的提取與塑造，是讓產(chǎn)品具有強(qiáng)辨識(shí)度的關(guān)鍵。“贛農(nóng)業(yè)”App 的核心視覺(jué)元素是其標(biāo)志。設(shè)計(jì)從品牌名稱漢字造型入手。對(duì)“贛農(nóng)業(yè)”三個(gè)漢字進(jìn)行塊狀組合。對(duì)文字的筆畫(huà)及整體骨架設(shè)計(jì)調(diào)整，再將文字打散、拆分、重組圖形化。通過(guò)“農(nóng)”“業(yè)”字體的偏旁部首與稻穗進(jìn)行圖形結(jié)合，突出品牌農(nóng)業(yè)屬性?！皹I(yè)”字轉(zhuǎn)化成已知向上托起的手形稻穗，增加了圖標(biāo)的趣味性。App 功能性圖標(biāo)設(shè)計(jì)直觀、易識(shí)別。整個(gè)界面系統(tǒng)的圖標(biāo)形象都采用扁平化、擬物化的設(shè)計(jì)方法。設(shè)計(jì)風(fēng)格符合品牌的調(diào)性，如“產(chǎn)地查詢”“谷物”“購(gòu)物車(chē)”等功能性圖標(biāo)，以線性輪廓描繪物體設(shè)計(jì)方式描繪購(gòu)物車(chē)、蔬菜的外形，簡(jiǎn)潔的輪廓、單純的色彩增強(qiáng)了圖標(biāo)的準(zhǔn)確識(shí)別性。整體設(shè)計(jì)上與其他農(nóng)產(chǎn)品App 風(fēng)格有明顯區(qū)別，品牌個(gè)性突出。

四、結(jié)語(yǔ)

互聯(lián)網(wǎng)信息技術(shù)的快速發(fā)展，讓移動(dòng)智能終端上第三方應(yīng)用程序——App，成為日常生活中的必需品。用戶對(duì)App 的要求從早期的只需滿足技術(shù)與功能性的需求，到現(xiàn)在逐步上升至以建立信息傳遞為根源的多元化交互體驗(yàn)和以人為本的設(shè)計(jì)。農(nóng)產(chǎn)品 App 應(yīng)把握時(shí)機(jī)，設(shè)計(jì)應(yīng)以用戶體驗(yàn)為中心，找準(zhǔn)品牌定位，構(gòu)建特色農(nóng)產(chǎn)品的App 品牌形象識(shí)別系統(tǒng)，才能多角度強(qiáng)化農(nóng)業(yè)品牌，加速我國(guó)成為農(nóng)業(yè)品牌強(qiáng)國(guó)的步伐。