隨著移動(dòng)互聯(lián)網(wǎng)的快速發(fā)展，越來(lái)越多的人喜歡上手機(jī)購(gòu)物，也有許多淘寶店長(zhǎng)意識(shí)到了這一點(diǎn)，但就是對(duì)手機(jī)淘寶這方面不太了解，下面就和小編去了解一下手機(jī)淘寶店鋪怎么裝修吧。

很多賣(mài)家會(huì)把店鋪PC端的圖片直接搬到手機(jī)淘寶來(lái)用，出現(xiàn)尺寸不合、效果不好、體驗(yàn)不佳的問(wèn)題。手機(jī)淘寶的圖片看似小，其實(shí)有玄機(jī)，對(duì)最終成交起到關(guān)鍵性作用。

目前的無(wú)線端主要分成WAP和APP兩個(gè)端口。WAP端在H5上線后，也趨于WAP/APP的形式展現(xiàn)，在視覺(jué)上較去年同期有了很大的提升。本文就從這兩方面來(lái)談?wù)劅o(wú)線的視覺(jué)。WAP端的重點(diǎn)在于圖片選擇而非設(shè)計(jì)，即針對(duì)有限的展位選擇最佳產(chǎn)品圖片:APP端則是注重排版和設(shè)計(jì)很重要，這也是賣(mài)家的分水嶺。

WAP端:重在選圖

上圖是WAP端一個(gè)首頁(yè)截圖的直觀展示。雖然較以往的展現(xiàn)形式這種純圖片加價(jià)格的展示有了很大的視覺(jué)提升:但圖片過(guò)小的問(wèn)題仍然會(huì)存在。由于是模版化的后臺(tái)操作，所以WAP端基本上是每個(gè)分區(qū)一大圖加五小圖的形式。大圖的圖片質(zhì)量還是有保證的，但是小圖就會(huì)比較麻煩。一個(gè)單一的豆腐塊并不是什么產(chǎn)品什么樣的圖片都可以展示的。如果以視覺(jué)清晰作為門(mén)檻，那么這個(gè)形式的展位一定是半身圖或局部特寫(xiě)圖，并且圖片背景不能是深色或者暗背景?？醇t框內(nèi)的圖，深色背景加全身圖，就是一團(tuán)模糊。

所以，合理的給不同尺寸的圖片展位設(shè)定準(zhǔn)入門(mén)檻，會(huì)讓合適的圖片在合適的展位出現(xiàn)，避免出現(xiàn)視覺(jué)混亂的情況。但是從操作的角度來(lái)講，WAP端的后臺(tái)因?yàn)檫€是老版的，所以操作起來(lái)不是很便捷。

這里并不能直觀的同步新版的首頁(yè)展示，很多時(shí)候只能以文字的形式告知各區(qū)域的展示內(nèi)容。所以賣(mài)家就要不辭勞苦，每次設(shè)置的時(shí)候都用手機(jī)登錄檢查一下自己的展位設(shè)置，圖片質(zhì)量是否過(guò)關(guān)。

回到這個(gè)后臺(tái)界面，如何調(diào)整不合適的圖片呢?

這有兩個(gè)方法，第一個(gè)是批量修改排序。見(jiàn)紅框，發(fā)現(xiàn)會(huì)有不同的緯度給產(chǎn)品排序，排名前五的寶貝才能上圖片展位，所以調(diào)整排序方式是一種方式，比如從熱銷(xiāo)調(diào)整的熱門(mén)收藏，最新上架或者人氣，隨著排序的改變，展位的寶貝也會(huì)發(fā)生改變。這種方法操作比較便捷，簡(jiǎn)單，但是不夠精準(zhǔn)。也許要調(diào)整多次才能修改到合理的結(jié)果，或者仍無(wú)法完全修改，答案很簡(jiǎn)單，熱銷(xiāo)、人氣、熱門(mén)收藏，往往都是相關(guān)聯(lián)的產(chǎn)品定位，很可能一款產(chǎn)品占多個(gè)坑。

那么就要用到第二種篩選法，兩個(gè)維度，關(guān)鍵字篩選和價(jià)格區(qū)間篩選，兩重的精準(zhǔn)篩選會(huì)讓展位上的產(chǎn)品更精準(zhǔn)，難點(diǎn)是操作起來(lái)很麻煩，幾乎無(wú)ml比量操作，所以改一次可能會(huì)花費(fèi)較長(zhǎng)的時(shí)間，沒(méi)辦法，事無(wú)完事人無(wú)完人，根據(jù)自己的需求和精力選擇這兩種有利有弊的方式吧。

無(wú)線端的另一個(gè)特性是瀏覽的通暢性連貫性不如PC端，所以PC端點(diǎn)擊下鼠標(biāo)能做到的事，WAP端可能要操作好幾步，這從瀏覽體驗(yàn)上來(lái)說(shuō)是很差的，所以盡可能早出招是無(wú)線的一個(gè)特性，比如單品詳情，不要在一開(kāi)始就給到各種關(guān)聯(lián)信息，直接灌輸產(chǎn)品FAB。

如果單品詳情頁(yè)第一頁(yè)第二頁(yè)不包含這些信息，那么客戶(hù)就會(huì)流失。無(wú)線的硬傷，特別是WAP端的硬傷還是兩塊，圖片質(zhì)量和流量。高質(zhì)量的圖片費(fèi)流量，保流量的圖片沒(méi)質(zhì)量。很難兩全。所以淘寶也是迫切希望無(wú)線能夠早日給到賣(mài)家虛擬轉(zhuǎn)換壓縮的權(quán)限。讓圖片有更高的質(zhì)量，同時(shí)保證流量損失不大。

APP端:設(shè)計(jì)取勝

天貓無(wú)線的商家后臺(tái)對(duì)無(wú)線的視覺(jué)缺陷做了很大的改善，至少?gòu)哪０婊牡赇佈b修演變成類(lèi)模板化。這給了賣(mài)家很多的變動(dòng)空間。

由模版化的填充，演變到了模塊的自由組合再填充，多個(gè)小格可以拼接組合成不同大小的展位。讓店鋪首頁(yè)呈現(xiàn)更加多樣性。但仍然存在兩個(gè)缺陷。

首先，展示空間太小。目前的首頁(yè)只有一屏半的空間展示，即使全部用最小的豆腐塊，展現(xiàn)的內(nèi)容也是十分有限的。不過(guò)這個(gè)缺陷很快就會(huì)得到改善，不久的將來(lái)會(huì)擴(kuò)充到六屏的首頁(yè)展示，所以這里就不過(guò)多吐槽了。

其次，展位尺寸。由上圖不難看出，即使做出了不小的改進(jìn)，圖片展位還是面臨著太小，看不清的問(wèn)題。

最大的圖片展位尺寸應(yīng)為1136*640像素。

最小的圖片展位尺寸，46*150像素。

最佳的圖片展位尺寸300*300像素。

每個(gè)人都想用最大圖片，但是店鋪首頁(yè)能只放一張圖么?百分之九十九點(diǎn)九的人認(rèn)為不能，所以退而求其次，選擇最佳尺寸的圖，可是一屏半的首頁(yè)能放幾個(gè)展位呢?所以又有一小部分賣(mài)家再退而求其次，我要的是內(nèi)容不是圖片質(zhì)量，于是很多家紡的店鋪首頁(yè)變成了無(wú)數(shù)個(gè)146*150像素的豆腐塊。一個(gè)首頁(yè)就這么廢掉了。還有一部分賣(mài)家做的是資源整合，在一個(gè)頁(yè)面里用多種不同的模塊尺寸，拼接出一個(gè)首頁(yè)。

在后臺(tái)看似錯(cuò)落有致，內(nèi)容豐富。到了手機(jī)前臺(tái)頁(yè)面，卻因過(guò)于繁雜減分了。

按手機(jī)屏幕尺寸來(lái)顯示，由于尺寸變小，復(fù)雜的內(nèi)容又會(huì)顯得雜亂不少，但至少這樣的首頁(yè)可以保證買(mǎi)家的信息獲取和基本操作，興趣點(diǎn)有沒(méi)有被激起，仁者見(jiàn)仁智者見(jiàn)智。所以，按不同尺寸去排版，并不是拍腦袋定的，一定是要嚴(yán)密的設(shè)計(jì)出來(lái)。

還有的賣(mài)家把一張大圖放到了店鋪首頁(yè)。這樣的首頁(yè)是不是很有新意很好玩，也有很好的視覺(jué)體驗(yàn)?zāi)?其實(shí)看似一張大圖，要做到點(diǎn)擊的精準(zhǔn)，可以說(shuō)是一個(gè)個(gè)的小豆腐塊的拼接和制作而成。想法上的創(chuàng)新大膽和執(zhí)行上的細(xì)心嚴(yán)謹(jǐn)，也就有了這樣又好看又好玩又有高客戶(hù)體驗(yàn)的店鋪首頁(yè)。格子是死的，展位是有限的，但是創(chuàng)意是無(wú)限的。

最后各位店長(zhǎng)要好好的研究一下，爭(zhēng)取可以主動(dòng)占據(jù)移動(dòng)端的一些機(jī)會(huì)，更多淘寶網(wǎng)店經(jīng)營(yíng)的經(jīng)驗(yàn)，小編在這里祝各位賣(mài)家生意興隆，馬上來(lái)訂單！！