


隨著移動購物逐漸成為消費者網購的主要方式,移動電商開始成為電商運營的主要陣地,因此移動端的視覺裝修也就成了店鋪運營工作的重心,只有重視視覺設計在移動電商模式下的重要性,才能滿足消費者的移動消費需求,促進移動電商的健康發展。
移動端店鋪的視覺設計規范
從運營的角度出發,店鋪只有吸引了流量,才有可能搶占更多的移動用戶,才能提高店鋪的整體轉化和銷量。為了方便消費者進行移動瀏覽,吸引更多的流量,在設計移動端店鋪時需要注意以下幾點:首先,重點突出,內容簡潔分明;其次,以圖片為主,并且圖片大小要合適;最后,注意店鋪的色調簡潔統一,顏色要明亮,要有重點突出的模塊。
移動端店鋪的視覺營銷思路
移動端不同于電腦端,在對店鋪流量進行引導、提高流量轉化和店鋪銷售額時,要有不同于電腦端的營銷思路。主要體現在以下幾個方面:首先,要引導消費者關注店鋪,只要關注店鋪,就可以在微淘中查看店鋪動態。其次,要靈活設計導航和分類,比如店鋪分類、“爆款”商品或主推活動,要設計在首頁頂端等。最后,還要優化交互的體驗效果,移動端的交互主要通過手指來進行,因此要特別注意手指的易操作性,按鈕的大小適中、適合點擊等。
移動端店鋪首頁的視覺定位
由于移動端店鋪首頁受屏幕尺寸的限制,可顯示的內容不多,因此店鋪首頁的視覺定位顯得尤為重要,只有突出細節,從細節處體現風格,才能留住客戶的流量。圖1所示的某品牌自營旗艦店的移動端首頁,其店鋪首頁的配色、排版、文案設計和元素設計都呈現出了精致、古典的東方之美,可以迅速吸引喜歡國風美妝的消費者。
移動端店鋪首頁的框架布局
關于移動端店鋪的框架結構,首先要考慮的是店招的布局,移動端店鋪要更加簡潔,一般都是使用一張圖片作為背景底圖,比如商品的代言人、模特、品牌色等,也有直接使用簡單的背景底色或方案作為背景底圖。其次,還要注重首屏焦點圖,只有漂亮的焦點圖才能快速吸引消費者的視線,由于移動端需要設計成豎版的結構,因此在設計布局時要考慮到焦點圖的寬度像素大小。然后,還要注重優惠活動區的布局,優惠活動區一般有優惠券信息和活動信息兩部分。其布局一般要放在焦點圖的下方,以便更進一步吸引消費者繼續瀏覽,點擊購買鏈接。為了達到這一效果,在設計風格和排版方面都要進行合理的布局。接下來的商品分類區和商品列表區,如圖2所示,是某品牌旗艦店鋪商品的分類區和商品列表區。
移動端店鋪商品詳情頁的設計要點
為了符合移動端設備的顯示特性和移動用戶的瀏覽習慣,在設計移動端店鋪的商品詳情頁時,要注意以下幾個要點:首先是裝修的邏輯,商品詳情頁的主要功能是打動消費者,促使其作出購買的決定,因此在設計裝修時,要直接快速地通過詳情頁告知消費者商品的真實信息,另外還要抓住消費者的痛點,打動消費者,最終決定購買商品。其次要注意頁面的設計,詳情頁一定要精簡直接、排版美觀,不僅要進行美化修飾,還要保證商品的真實性,另外頁面上還要有關聯商品的鏈接,以便讓消費者進一步獲取更多商品的信息。最后,也是最為關鍵的,就是商品的設計,在瀏覽到商品之前,一定要保證商品在商品詳情頁的前三屏,并且商品的賣點、特征、優點以及其他重要的信息都要展示給消費者,這些都是消費者非常關注的內容。
按屏展示商品的內容
根據移動設備顯示屏的特點,商品的圖片、方案排版等都要方便豎屏瀏覽,因此,每個模塊的圖片都要適應豎版的顯示,以便給消費者帶來舒適的視覺感官體驗。圖3是某品牌旗艦店鋪商品的詳情頁,它們都是以屏為單位進行顯示,每一屏都是一張完整的圖片,可以展示商品的一個或兩個賣點。
展示商品的形象
商品詳情頁的視覺設計,可以通過以下幾個方面來呈現,加強商品的表現力。首先是商品一般要居中放置,只有將商品放置在屏幕的正中間,才能讓消費者的視線第一時間聚焦在屏幕的正中心,這樣便讓消費者快速形成對商品的大致印象。其次要注意背景顏色的對比,恰當的背景顏色對比可以快速突出商品的形象,加深消費者對商品的印象,因此背景色要盡量干凈簡潔,色彩單一。最后還要適當留白,適當留白可以提高商品的視覺表現力和頁面的美觀度。
展示商品的重要細節
由于移動端的不同特性,在展示商品的時候更應該重視商品重要細節的展示,有時候需要將一些局部的細節放大,以突出展示商品的品質和視覺沖擊力,因此商品的圖片在拍攝的時候一定要注意拍攝的精度、清晰度,只有這樣在進行放大或裁剪圖片的時候,才能保證商品重要細節的清晰度。對于不同的商品。其重要細節的展示是不一樣的。對于服裝類的商品,其重要的細節一般包括款式細節、做工細節、面料細節以及輔料細節;對于箱包類的商品,其重要的細節除了款式細節、做工細節、材質細節以外,還有配件的細節;對于家具類的商品,其重要的細節則主要包括建材細節、油漆細節以及工藝細節。這些重要細節的展示,主要是為了突出商品的賣點,體現與同類商品的差異。
(作者單位:新鄉職業技術學院)