視覺美觀視角移動(dòng)端網(wǎng)店設(shè)計(jì)分析的論文
摘要：文章從視覺營(yíng)銷的視角出發(fā), 分析了視覺營(yíng)銷與網(wǎng)店設(shè)計(jì)的關(guān)系, 并針對(duì)移動(dòng)端網(wǎng)店的特點(diǎn)剖析了網(wǎng)店的四大功能模塊, 并以移動(dòng)端淘寶網(wǎng)店為例, 對(duì)網(wǎng)店首頁(yè)基本元素設(shè)計(jì)進(jìn)行了完整的解析, 為網(wǎng)店商家對(duì)移動(dòng)端網(wǎng)店的首頁(yè)設(shè)計(jì)提供了思路和方法借鑒, 具有一定的理論和實(shí)踐意義。
關(guān)鍵詞：網(wǎng)店設(shè)計(jì); 視覺營(yíng)銷; 消費(fèi)者;
1、引言
隨著智能手機(jī)的普及和移動(dòng)網(wǎng)絡(luò)寬帶費(fèi)用的降低, 傳統(tǒng)網(wǎng)店商家和網(wǎng)絡(luò)消費(fèi)者的行為模式已經(jīng)全面轉(zhuǎn)移到移動(dòng)端。統(tǒng)計(jì)數(shù)據(jù)顯示, 2017年我國(guó)手機(jī)網(wǎng)絡(luò)購(gòu)物用戶已經(jīng)達(dá)到5.06億人, 2017年“雙十一”阿里巴巴平臺(tái)成交額中90%來(lái)自無(wú)線端。因此, 網(wǎng)店商家非常重視對(duì)無(wú)線端網(wǎng)店風(fēng)格、模塊排版、色調(diào)、圖片和文字的設(shè)計(jì), 希望讓網(wǎng)絡(luò)消費(fèi)者進(jìn)入店鋪就能受到強(qiáng)烈的視覺沖擊, 吸引和留住消費(fèi)者。目前, 視覺營(yíng)銷已經(jīng)成為提升網(wǎng)店競(jìng)爭(zhēng)力的重要手段, 是促成網(wǎng)店品牌、文化和產(chǎn)品完美融合的銷售利器。
2、網(wǎng)店視覺營(yíng)銷
2.1、視覺營(yíng)銷
20世紀(jì)70年代, “視覺營(yíng)銷”的概念在美國(guó)出現(xiàn), 最初視覺營(yíng)銷是作為零售戰(zhàn)略中的一環(huán)出現(xiàn)的。美國(guó)全美零售業(yè)協(xié)會(huì)在將視覺營(yíng)銷定義為:以達(dá)成銷售目標(biāo)為目的, 將視覺呈現(xiàn)技術(shù)和展示技術(shù)與商品營(yíng)銷完美結(jié)合, 把商品提供給市場(chǎng)并完成銷售的方法。現(xiàn)代視覺營(yíng)銷主要是為消費(fèi)者提供一種可視化的視覺體驗(yàn), 通過視覺的刺激進(jìn)而達(dá)到產(chǎn)品銷售和產(chǎn)品推廣的目的。視覺營(yíng)銷最初主要用于傳統(tǒng)零售領(lǐng)域, 通過店面的裝修、陳設(shè)、海報(bào)、包裝設(shè)計(jì)等對(duì)消費(fèi)者造成視覺沖擊, 從而提升品牌形象, 達(dá)到促進(jìn)銷售的目的。
2.2、視覺營(yíng)銷與網(wǎng)店設(shè)計(jì)
網(wǎng)絡(luò)銷售與傳統(tǒng)銷售最大區(qū)別在于網(wǎng)店內(nèi)的產(chǎn)品, 由于消費(fèi)者無(wú)法直接觸碰到, 在真實(shí)感方面有所欠缺。所以必須通過圖片、視頻和文字的形式讓消費(fèi)者全方位地了解產(chǎn)品, 打消消費(fèi)者的疑慮。因此, 視覺營(yíng)銷應(yīng)用得當(dāng)就可以完成產(chǎn)品基本信息介紹、產(chǎn)品促銷信息傳達(dá)和產(chǎn)品真實(shí)感體驗(yàn)的功能, 從而提高網(wǎng)店和產(chǎn)品的點(diǎn)擊率和轉(zhuǎn)化率。移動(dòng)端網(wǎng)店設(shè)計(jì)與PC端網(wǎng)店設(shè)計(jì)相似, 但是在店鋪布局、模塊設(shè)計(jì)和圖片大小方面有所不同, 而且移動(dòng)端的交互特性比PC端更加明顯, 在店鋪設(shè)計(jì)中應(yīng)該更加重視交互性的設(shè)計(jì)理念。移動(dòng)端網(wǎng)店主要是基于智能手機(jī)、PAD平板電腦等智能終端布局, 整體呈豎版和狹長(zhǎng)型, 展示頁(yè)面從上到下, 支持通過手指滑動(dòng)瀏覽, 頁(yè)面內(nèi)的圖片、視頻和其他元素, 通過點(diǎn)擊完成打開和關(guān)閉, 相比PC端網(wǎng)店體驗(yàn)更加友好。
3、移動(dòng)端網(wǎng)店設(shè)計(jì)
移動(dòng)端網(wǎng)店首頁(yè)設(shè)計(jì)可以從店招、海報(bào)、商品和菜單等方面進(jìn)行布局和設(shè)計(jì)。文章以淘寶網(wǎng)店為例, 對(duì)手淘店鋪進(jìn)行分析。
3.1、店招設(shè)計(jì)
手淘店鋪?lái)敹藶榈暾袇^(qū)域, 店招區(qū)域集合了店招、店標(biāo)、店鋪名稱、店內(nèi)搜索、寶貝分類、店鋪收藏和店鋪導(dǎo)航等模塊于一體。店招區(qū)域的位置是固定的, 不支持個(gè)性化設(shè)置。在店鋪設(shè)計(jì)的重點(diǎn)在于店招設(shè)計(jì)。店招內(nèi)容和圖片可以根據(jù)不同的店內(nèi)促銷活動(dòng)主題、節(jié)日主題和淘寶網(wǎng)官方活動(dòng)主題進(jìn)行設(shè)計(jì)制作。店招顏色應(yīng)與店鋪整體色調(diào)風(fēng)格保持一致, 顏色偏亮, 以抵消店招區(qū)域自帶的暗色過濾效果。店標(biāo)和店鋪收藏相對(duì)比較固定, 店標(biāo)顯示直接來(lái)源于PC端網(wǎng)店店標(biāo);店鋪收藏如果想引導(dǎo)消費(fèi)者收藏店鋪, 可以在店招圖片內(nèi)設(shè)置文字, 引導(dǎo)消費(fèi)者點(diǎn)擊關(guān)注。店內(nèi)搜索可以自定義預(yù)置關(guān)鍵詞一個(gè)。導(dǎo)航條是手淘店鋪首頁(yè)引導(dǎo), 可以根據(jù)店鋪需要進(jìn)行設(shè)置, 通常主要包括全部寶貝、新品和店鋪微淘等。
3.2、海報(bào)設(shè)計(jì)
店招區(qū)域下方是海報(bào)區(qū)域。輪播海報(bào)是最受商家和消費(fèi)者喜歡的海報(bào)形式, 可以在單位空間內(nèi)放置多張海報(bào)并設(shè)置鏈接功能, 支持動(dòng)態(tài)切換, 是店內(nèi)促銷活動(dòng)和主打產(chǎn)品的最佳展示位置, 能夠給進(jìn)入店內(nèi)的消費(fèi)者以直接的感官刺激。輪播海報(bào)通常以全屏效果為最佳, 可以添加2~4張輪播海報(bào)。輪播海報(bào)的設(shè)計(jì)應(yīng)該根據(jù)網(wǎng)店的促銷活動(dòng)類型進(jìn)行設(shè)置。
(1) 提高客單價(jià)海報(bào)。以提高客單價(jià)為目的的海報(bào)設(shè)計(jì), 應(yīng)在海報(bào)內(nèi)以“滿就送”“滿就減”突出活動(dòng)的促銷優(yōu)惠力度, 并標(biāo)清具體的優(yōu)惠力度的數(shù)字;或者引導(dǎo)消費(fèi)者以搭配套餐的形式一次性購(gòu)買多件商品或者成套商品, 搭配的產(chǎn)品圖片也要適當(dāng)突出, 并配合相應(yīng)的文字進(jìn)行指示。
(2) 增加消費(fèi)者黏性海報(bào)。以增加消費(fèi)者黏性為目的的海報(bào)設(shè)計(jì), 可以以限時(shí)秒殺活動(dòng)為主題, 提前預(yù)告活動(dòng)時(shí)間, 引導(dǎo)消費(fèi)者收藏、加購(gòu)、預(yù)付訂金等, 通過前期的宣傳, 可以有效引導(dǎo)消費(fèi)者反復(fù)進(jìn)入店鋪瀏覽, 提高了商品的點(diǎn)擊率和收藏加購(gòu)率, 一舉多得;吸引老顧客回購(gòu)和維護(hù)老顧客也可以增加消費(fèi)者黏性, 通過海報(bào)預(yù)告老顧客的專享優(yōu)惠、會(huì)員禮品和抽獎(jiǎng)等活動(dòng), 這類海報(bào)設(shè)計(jì)中可以應(yīng)用大字體、變形藝術(shù)字和明快的顏色進(jìn)行突出, 商品圖片作為輔助。
(3) 季節(jié)性新品促銷海報(bào)。季節(jié)性新品促銷海報(bào)是店內(nèi)輪播海報(bào)中使用最多的一種形式, 其目的是導(dǎo)購(gòu), 告訴消費(fèi)者哪些商品是當(dāng)季最時(shí)尚、最流行的、最應(yīng)該購(gòu)買的, 目的是將新上市的產(chǎn)品信息傳遞給消費(fèi)者, 讓消費(fèi)者感到店鋪內(nèi)的商品是不斷更新的, 滿足消費(fèi)者對(duì)新鮮感的需求。新品預(yù)告和新品展示是這類海報(bào)的目的所在, 因此在設(shè)計(jì)中應(yīng)烘托出活躍、新鮮的氣氛, 但是海報(bào)內(nèi)的產(chǎn)品數(shù)量要適當(dāng), 太多則會(huì)引起消費(fèi)者的選擇障礙, 盡量讓消費(fèi)者在十幾秒內(nèi)最能看懂促銷活動(dòng)的內(nèi)容, 在風(fēng)格上盡量與店鋪整體風(fēng)格保持一致。
3.3、商品區(qū)域設(shè)計(jì)
商品區(qū)域是個(gè)性化設(shè)計(jì)最靈活的區(qū)域, 可以根據(jù)店鋪需求自由設(shè)置。商品區(qū)域主要分為促銷信息、寶貝分類、優(yōu)惠券和寶貝展示等諸多模塊。
(1) 促銷信息。由于輪播海報(bào)區(qū)域放置的海報(bào)數(shù)量有限, 引起其他店鋪活動(dòng)和促銷信息需要通過商品區(qū)域進(jìn)行設(shè)置。可以通過自定義模塊, 根據(jù)大小需求設(shè)置模塊大小、圖片尺寸和商品鏈接。促銷信息應(yīng)該合理分布在寶貝展示和寶貝分類之間, 盡量不要讓促銷海報(bào)出現(xiàn)堆積, 容易引起消費(fèi)者的視覺疲勞, 長(zhǎng)時(shí)間的花色海報(bào)羅列在一起, 強(qiáng)感官刺激會(huì)引起消費(fèi)者的反感和對(duì)促銷的不信任。
(2) 寶貝分類。店招區(qū)域的寶貝分類是系統(tǒng)自動(dòng)生成的文字鏈接形式, 而商品區(qū)域的寶貝分類是支持自定義設(shè)計(jì)的.。可以通過放置寶貝分類的圖片, 鏈接到相應(yīng)的寶貝分類頁(yè)面, 寶貝分類圖片要做到分類圖片的風(fēng)格和色調(diào)的一致, 不要出現(xiàn)色彩的跳躍。分類圖片可以是文字的形式也可以是圖片的形式, 其目的在于分類的引導(dǎo)。
(3) 優(yōu)惠券。優(yōu)惠券是店鋪中必不可少的模塊, 由于系統(tǒng)沒有優(yōu)惠券模塊的模板, 只能通過自定義設(shè)計(jì)。優(yōu)惠券的圖片通常以醒目的字體和顏色進(jìn)行標(biāo)識(shí), 并標(biāo)清優(yōu)惠券的金額和使用門檻, 通常優(yōu)惠券的位置在整體店鋪首頁(yè)的中上方區(qū)域, 讓消費(fèi)者能盡早看到。
(4) 寶貝展示。寶貝展示是在店鋪的中下方區(qū)域, 主推商品已單行形式顯示, 其他商品則以雙行形式顯示。寶貝展示圖片內(nèi)要包含商品圖片、簡(jiǎn)短寶貝標(biāo)題、寶貝賣點(diǎn)、寶貝價(jià)格和立即購(gòu)買等元素。寶貝展示圖片最好不直接使用商品主圖, 而應(yīng)該在商品主圖的基礎(chǔ)上進(jìn)行設(shè)計(jì), 添加必要的元素信息。
3.4、菜單設(shè)計(jì)
店鋪首頁(yè)底端是菜單區(qū)域, 菜單區(qū)域一般由三個(gè)主菜單和一個(gè)客服功能組成。主菜單中可以根據(jù)店鋪需求設(shè)置成寶貝分類、店鋪活動(dòng)和主推寶貝等內(nèi)容, 底部菜單可以定期更換, 但是不適合經(jīng)常變換。主菜單下可設(shè)置多個(gè)子菜單, 一般以設(shè)置五個(gè)較為合適, 過多則打開會(huì)占滿屏幕, 影響消費(fèi)者的感官體驗(yàn)。
4、結(jié)論
隨著網(wǎng)店競(jìng)爭(zhēng)的日益加劇, 移動(dòng)端網(wǎng)店設(shè)計(jì)的質(zhì)量和效果對(duì)網(wǎng)店吸引和留住消費(fèi)者并獲得競(jìng)爭(zhēng)力至關(guān)重要。文章從視覺營(yíng)銷的視角出發(fā), 分析了視覺營(yíng)銷與網(wǎng)店設(shè)計(jì)的關(guān)系, 并針對(duì)移動(dòng)端網(wǎng)店的特點(diǎn)剖析了網(wǎng)店的四大功能模塊, 并以移動(dòng)端淘寶網(wǎng)店為例, 對(duì)網(wǎng)店首頁(yè)基本元素設(shè)計(jì)進(jìn)行了完整的解析, 為網(wǎng)店商家對(duì)移動(dòng)端網(wǎng)店的首頁(yè)設(shè)計(jì)提供了思路和方法借鑒, 具有一定的理論和實(shí)踐意義。
【視覺美觀視角移動(dòng)端網(wǎng)店設(shè)計(jì)分析的論文】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)的視覺信息傳達(dá)分析論文11-19
報(bào)刊版式設(shè)計(jì)中的視覺要素分析論文11-19
平面設(shè)計(jì)中的視覺審美元素分析論文11-19
基于天地圖的校園導(dǎo)航系統(tǒng)移動(dòng)端的設(shè)計(jì)與開發(fā)論文11-13
話語(yǔ)分析的多個(gè)視角論文07-08