隨著移動購物逐漸成為消費(fèi)者網(wǎng)購的主要方式，移動電商開始成為電商運(yùn)營的主要陣地，因此移動端的視覺裝修也就成了店鋪運(yùn)營工作的重心，只有重視視覺設(shè)計(jì)在移動電商模式下的重要性，才能滿足消費(fèi)者的移動消費(fèi)需求，促進(jìn)移動電商的健康發(fā)展。

移動端店鋪的視覺設(shè)計(jì)規(guī)范

從運(yùn)營的角度出發(fā)，店鋪只有吸引了流量，才有可能搶占更多的移動用戶，才能提高店鋪的整體轉(zhuǎn)化和銷量。為了方便消費(fèi)者進(jìn)行移動瀏覽，吸引更多的流量，在設(shè)計(jì)移動端店鋪時(shí)需要注意以下幾點(diǎn)：首先，重點(diǎn)突出，內(nèi)容簡潔分明；其次，以圖片為主，并且圖片大小要合適；最后，注意店鋪的色調(diào)簡潔統(tǒng)一，顏色要明亮，要有重點(diǎn)突出的模塊。

移動端店鋪的視覺營銷思路

移動端不同于電腦端，在對店鋪流量進(jìn)行引導(dǎo)、提高流量轉(zhuǎn)化和店鋪銷售額時(shí)，要有不同于電腦端的營銷思路。主要體現(xiàn)在以下幾個(gè)方面：首先，要引導(dǎo)消費(fèi)者關(guān)注店鋪，只要關(guān)注店鋪，就可以在微淘中查看店鋪動態(tài)。其次，要靈活設(shè)計(jì)導(dǎo)航和分類，比如店鋪分類、“爆款”商品或主推活動，要設(shè)計(jì)在首頁頂端等。最后，還要優(yōu)化交互的體驗(yàn)效果，移動端的交互主要通過手指來進(jìn)行，因此要特別注意手指的易操作性，按鈕的大小適中、適合點(diǎn)擊等。

移動端店鋪首頁的視覺定位

由于移動端店鋪首頁受屏幕尺寸的限制，可顯示的內(nèi)容不多，因此店鋪首頁的視覺定位顯得尤為重要，只有突出細(xì)節(jié)，從細(xì)節(jié)處體現(xiàn)風(fēng)格，才能留住客戶的流量。圖1所示的某品牌自營旗艦店的移動端首頁，其店鋪首頁的配色、排版、文案設(shè)計(jì)和元素設(shè)計(jì)都呈現(xiàn)出了精致、古典的東方之美，可以迅速吸引喜歡國風(fēng)美妝的消費(fèi)者。

移動端店鋪首頁的框架布局

關(guān)于移動端店鋪的框架結(jié)構(gòu)，首先要考慮的是店招的布局，移動端店鋪要更加簡潔，一般都是使用一張圖片作為背景底圖，比如商品的代言人、模特、品牌色等，也有直接使用簡單的背景底色或方案作為背景底圖。其次，還要注重首屏焦點(diǎn)圖，只有漂亮的焦點(diǎn)圖才能快速吸引消費(fèi)者的視線，由于移動端需要設(shè)計(jì)成豎版的結(jié)構(gòu)，因此在設(shè)計(jì)布局時(shí)要考慮到焦點(diǎn)圖的寬度像素大小。然后，還要注重優(yōu)惠活動區(qū)的布局，優(yōu)惠活動區(qū)一般有優(yōu)惠券信息和活動信息兩部分。其布局一般要放在焦點(diǎn)圖的下方，以便更進(jìn)一步吸引消費(fèi)者繼續(xù)瀏覽，點(diǎn)擊購買鏈接。為了達(dá)到這一效果，在設(shè)計(jì)風(fēng)格和排版方面都要進(jìn)行合理的布局。接下來的商品分類區(qū)和商品列表區(qū)，如圖2所示，是某品牌旗艦店鋪商品的分類區(qū)和商品列表區(qū)。

移動端店鋪商品詳情頁的設(shè)計(jì)要點(diǎn)

為了符合移動端設(shè)備的顯示特性和移動用戶的瀏覽習(xí)慣，在設(shè)計(jì)移動端店鋪的商品詳情頁時(shí)，要注意以下幾個(gè)要點(diǎn)：首先是裝修的邏輯，商品詳情頁的主要功能是打動消費(fèi)者，促使其作出購買的決定，因此在設(shè)計(jì)裝修時(shí)，要直接快速地通過詳情頁告知消費(fèi)者商品的真實(shí)信息，另外還要抓住消費(fèi)者的痛點(diǎn)，打動消費(fèi)者，最終決定購買商品。其次要注意頁面的設(shè)計(jì)，詳情頁一定要精簡直接、排版美觀，不僅要進(jìn)行美化修飾，還要保證商品的真實(shí)性，另外頁面上還要有關(guān)聯(lián)商品的鏈接，以便讓消費(fèi)者進(jìn)一步獲取更多商品的信息。最后，也是最為關(guān)鍵的，就是商品的設(shè)計(jì)，在瀏覽到商品之前，一定要保證商品在商品詳情頁的前三屏，并且商品的賣點(diǎn)、特征、優(yōu)點(diǎn)以及其他重要的信息都要展示給消費(fèi)者，這些都是消費(fèi)者非常關(guān)注的內(nèi)容。

按屏展示商品的內(nèi)容

根據(jù)移動設(shè)備顯示屏的特點(diǎn)，商品的圖片、方案排版等都要方便豎屏瀏覽，因此，每個(gè)模塊的圖片都要適應(yīng)豎版的顯示，以便給消費(fèi)者帶來舒適的視覺感官體驗(yàn)。圖3是某品牌旗艦店鋪商品的詳情頁，它們都是以屏為單位進(jìn)行顯示，每一屏都是一張完整的圖片，可以展示商品的一個(gè)或兩個(gè)賣點(diǎn)。

展示商品的形象

商品詳情頁的視覺設(shè)計(jì)，可以通過以下幾個(gè)方面來呈現(xiàn)，加強(qiáng)商品的表現(xiàn)力。首先是商品一般要居中放置，只有將商品放置在屏幕的正中間，才能讓消費(fèi)者的視線第一時(shí)間聚焦在屏幕的正中心，這樣便讓消費(fèi)者快速形成對商品的大致印象。其次要注意背景顏色的對比，恰當(dāng)?shù)谋尘邦伾珜Ρ瓤梢钥焖偻怀錾唐返男蜗?，加深消費(fèi)者對商品的印象，因此背景色要盡量干凈簡潔，色彩單一。最后還要適當(dāng)留白，適當(dāng)留白可以提高商品的視覺表現(xiàn)力和頁面的美觀度。

展示商品的重要細(xì)節(jié)

由于移動端的不同特性，在展示商品的時(shí)候更應(yīng)該重視商品重要細(xì)節(jié)的展示，有時(shí)候需要將一些局部的細(xì)節(jié)放大，以突出展示商品的品質(zhì)和視覺沖擊力，因此商品的圖片在拍攝的時(shí)候一定要注意拍攝的精度、清晰度，只有這樣在進(jìn)行放大或裁剪圖片的時(shí)候，才能保證商品重要細(xì)節(jié)的清晰度。對于不同的商品。其重要細(xì)節(jié)的展示是不一樣的。對于服裝類的商品，其重要的細(xì)節(jié)一般包括款式細(xì)節(jié)、做工細(xì)節(jié)、面料細(xì)節(jié)以及輔料細(xì)節(jié)；對于箱包類的商品，其重要的細(xì)節(jié)除了款式細(xì)節(jié)、做工細(xì)節(jié)、材質(zhì)細(xì)節(jié)以外，還有配件的細(xì)節(jié)；對于家具類的商品，其重要的細(xì)節(jié)則主要包括建材細(xì)節(jié)、油漆細(xì)節(jié)以及工藝細(xì)節(jié)。這些重要細(xì)節(jié)的展示，主要是為了突出商品的賣點(diǎn)，體現(xiàn)與同類商品的差異。

（作者單位：新鄉(xiāng)職業(yè)技術(shù)學(xué)院）