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