網店頁面設計視覺減負的有效途徑

摘要：分析了網店裝修中出現的視覺誤區，大多數賣家偏向追求華麗復雜的網店裝修，而忽視了用戶視覺體驗、缺少信息傳達有效性的狀況。提出了優化網店頁面設計的有效途徑，從而將網店的商業性和藝術性合二為一。

關鍵詞：網店裝修；視覺減負；信息傳達；有效途徑

網店作為電子商務信息交流非常有影響力的平臺，既兼容了網頁設計的特征，又具備網頁沒有的優勢。在網店中商品沒有質感的屬性，只能通過視覺效果給買家創建第一印象。美觀而簡潔的店鋪裝修可以帶給買家美好的視覺和心理體驗。網店頁面設計以視覺傳達作為理論指導，將視覺營銷，設計心理學和計算機信息技術相結合，分析與研究出更加有效的傳遞產品信息的網店頁面。這不僅是視覺設計在實際應用中促成購買的最好體現，同時也是在電子商務時代創造既有“信息”又有“美”的高質量網店的最好保證。

1網店裝修的視覺誤區

與傳統零售業的實體店相比，網店產品信息的時效性強，搜索便捷，內容豐富等諸多特點，極大程度加速了信息的傳播速度，無可厚非地從眾多商品銷售媒體中嶄露頭角。網店裝修技術也得到了前所未有的革新，涌現出一批網店頁面設計制作者，使得網店裝修對賣家而言變得更加輕松便捷，同時也滋生出大量偏向重視華麗的視覺效果，而忽視“用戶視覺體驗”和“信息傳達有效性”的網店頁面。網店與實體店不同的是實體店有指定的導購員去主動向客戶介紹產品，推銷其他關聯產品，而網店是沒有哪個客服會主動跳出來，抓住客戶介紹推薦產品的，那么網店在呈現產品時的視覺效果和信息傳達有效性就顯得極為重要了，要不然產品不能吸引顧客。這一現狀也導致了很多賣家在裝修店鋪時，一心想要吸引顧客，只關注促銷信息的重復堆疊，忽略了店鋪的整體視覺效果。網店頁面因為產品圖片風格各異，難免會讓人眼花繚亂。這時，如果加上扎堆信息的話，將非常影響顧客的購物選擇和體驗。因此網店裝修不僅需要技術上的“制作”，營銷上的“策略”，更需要視覺上的“設計”。

2信息傳達是網店頁面設計的客觀需要

網店信息傳達的視覺流程，在于誘惑顧客的視線按照設計的意圖，感受最佳的映象。對于顧客而言，接受準確的信息是基本的要求，而有效且又快捷地接受信息是一種更高級的需要。在商品扎堆的頁面中，需要利用視覺傳達設計，將商品信息加以整合，重新布局，引導瀏覽者的視覺流程提升信息有效傳播。而不是把商品信息復雜化，多樣化，這樣不僅不利于視覺體驗，產品也會輕易的從顧客眼皮底下溜走，成為“無效信息”，而大大影響店鋪的瀏覽量。人類感知幾乎是一樣的，而同一類產品，每個人的選擇記憶肯定是不同的。顧客通過網店獲取產品信息的同時，也需要視覺上美的享受，賣家在進行網店裝修時不但要傳播指定信息，也需要傳播美。

3網店頁面視覺減負的有效途徑

網店的視覺信息和視覺效果是產生能引起顧客興趣和購買欲望的有效流量的關鍵，也就是說在網店裝修中若能充分運用視覺傳達來迎合消費者心理，吸引顧客注意，激發顧客興趣和購買欲。因此要較好地實現產品信息在視覺上的完美展示，必將推動店鋪的成交轉化率。一個出色的網店裝修方案就是把網店首頁設計、詳情頁設計、頁面布局和色彩處理等要素有效的整合和運用，以下針對這四個要素探討解決網店裝修存在的視覺問題，以達到“視覺減負”的效果。

3.1首頁設計

網店的首頁相當于實體店的店面，是一個店鋪傳達給顧客最重要的信息平臺，不僅體現著消費定位和商家實力，同時還承載者分流和導流的重要作用。店鋪首頁主要包括店招、導航、商品陳列、環形瀏覽等部分。

3.1.1店招設計

店招是向顧客傳遞店鋪理念的第一步，善用這個地方，傳達賣家想說的，所以店招設計一定要聚焦。下圖是幾個店鋪店招的設計思路，圖1的賣家通過店招傳遞1～2個信息點讓買家關注，圖2的賣家通過店招傳遞6個信息點讓買家關注，實際上買家在關注這個區域時只會撇上一眼，關注1～2個信息點，并沒有時間去閱讀其他多余的信息，如果這個區域展示的信息點過多可能會適得其反。所以一個合格的店招必須具備兩點：第一，店鋪名稱或者品牌LOGO一定要在最醒目的位置出現；第二，促銷信息可以在店鋪做促銷活動時放上去一段時間，等店鋪活動結束后及時把促銷信息去掉，這樣才能保持店鋪的品牌性。把店鋪的經營內容，目標群眾，消費檔次以最清晰的方式傳達給買家。

圖1店招設計成功案例

圖2某店鋪店招設計

3.1.2導航設計

導航在店鋪中承載著舉足輕重的作用，顧客進入店鋪能停留多久基本全靠它。當顧客進入店鋪時如果找不到方向的話，是不會繼續瀏覽網店的。其實網店導航并不復雜，就是通過讓產品的層次結構可視化，告訴我們店鋪里有什么。在設計導航時應該遵循“快為先”的原則，不要為了頁面的美觀，特意將導航復雜化，設計為“精美圖片+文本+超鏈接”形式。從用戶體驗的角度來講，大多數買家已經習慣了簡單明了的導航，如果導航設計讓買家花時間去思考下一步該點什么？那么這個導航就是失敗的。所以導航的設計不要過于浮夸，應從用戶體驗出發，以最快速的方式讓顧客找到自己想要的東西。

3.1.3商品陳列設計

網店同樣需要創造良好的購物氣氛，合理的商品陳列有助于提升產品的銷量。每個網店的產品一般數量比較多，每個產品從色彩、類別及其用途也都有所不同，但它們之間的陳列設計要保持一定的連帶性，以確保商品有序的呈現在顧客眼前。商品陳列的設計手段有重點陳列和一般陳列，重點陳列可以通過爆款推薦、新品推薦、同類推薦和同價推薦來設計，其陳列要引人注意才能吸引顧客購買；一般陳列通常使用比較陳列和分類陳列這兩種方式，但是不宜過于復雜，否則陳列就會不知不覺的變得沒有主次了。

3.1.4環形瀏覽

環形瀏覽是為了留住顧客，頁面中回到首頁、收藏店鋪、客服中心、導航分流都是為了實現環形瀏覽的。所以這些區域都應簡單明了，給顧客制造舒適的感覺。

3.2詳情頁設計

詳情頁就像是一個導購員，向買家介紹產品，讓買家了解產品的內容，知道如何使用，給買家最需要的直觀視覺和感受。文案和圖片是詳情頁不可缺少的組成部分，長篇大論不如圖文并茂地解說，精彩的文案創意搭配適宜的視覺設計，是許多店鋪迅速抓住人心的秘決。一個較為理想的詳情頁設計，一般滿足這么幾點：透過視覺手段依據用戶體驗來制造視覺層次；制定視覺規范實現視覺語言一致性；為瀏覽或使用制造舒適的視覺；制造視覺愉悅感；制造視覺品牌印象。

3.3布局設計

裝修市場讓買家裝修自己的店鋪變得更加簡單，模版里面的頁面布局都是設計好了的，設計師會設計很多模塊在模版里面，賣家可以DIY自己店鋪的布局。在花樣百出的模塊里選擇模塊時，不能忽略的一點是模塊的職責是為了更好更快的將產品信息傳遞給顧客。圖3是旋轉木馬式熱銷產品推薦模塊，十幾個產品放到一起輪播，看起來很華麗，但模版上產品的聲音其實變得很微弱，導致這一模塊的功能就報廢掉了。選擇好的模塊要記住：產品永遠是主角，占據畫面90%的視覺吸引力；產品名稱和價格要融入到畫面中，成為整體設計的一部分。

圖3旋轉木馬式熱銷產品推薦模塊

網店頁面布局設計需要考慮以下幾方面的問題：首先是頁面的尺寸，一般網站的店鋪頁面都有尺寸規定的，如果要展示的內容過多，最好加上頁面超鏈接，方便買家瀏覽。其次是整體造型的選擇，對于頁面的造型，可以充分運用自然界中的不同形狀以及形狀的組合等來設計。然后是文本位置，文本在頁面中涉及到與其他設計的協調，所以文本都是依賴產品圖而存在的。最后是圖片和多媒體的利用，圖片是美化頁面和說明內容必須的媒體。

3.4色彩處理

色彩是網店裝修中極為重要的元素之一，好的色彩設計可以給顧客以強烈的視覺沖擊力，能引發情感共鳴。一個成功的網店裝修在色彩處理上必須做到：第一，要與店鋪品牌和產品主題一致；第二，能和諧統一并吸引顧客。店鋪的主色調是網店主題的體現，是頁面色彩的總趨勢，其他配色不能超過該主色調的視覺面積。不同店鋪所適用的主色調是有區別的，可以從品牌形象、產品特性和消費人群特征等方面來考慮。通常定義了主色調后，需要在“總體協調，局部對比，突出特點”的原則上確定輔色調。網店的輔色調是僅次于主色調的視覺面積的輔助色，用來烘托主色調，祈禱加強主色調的感染力，使頁面更加和諧生動。

4結論

隨著網店數量的不斷增加，競爭也越來越激烈。賣家會想盡辦法來裝修自己店鋪，但是網店裝修的目的在于讓店鋪整體視覺突出，提升店鋪形象，而非去復雜化。那樣反而會使顧客感到視覺疲勞，降低店鋪瀏覽量，適當的“視覺減負”是有利于完善店鋪形象的。如何將“用戶視覺體驗”和“信息傳達有效性”更好的結合，設計更好的網店頁面仍然是將來不懈努力研究的課題。

參考文獻：

[1] Steve Krug.De Dream.點石成金訪客至上的網頁設計秘笈[M].北京：機械工業出版社，2006.

[2] 唐馥馨.網店裝修對消費者購買意愿的影響[D].浙江大學碩士學位論文，2012.

作者簡介：陳琳琳（1985—），女 ，湖南株洲人，湖南師范大學美術學院在讀研究生，主要研究方向：網店頁面設計。

導師：柳澤明，副教授。