無線端流量日益增加，你卻眼巴巴的看著這些流量白白流失嗎？你是否不知道如何把握好這些流量，將其成為店鋪成交額的一部分呢？那么，讓我們來學(xué)習(xí)如何用無線端首頁將流量吸引住，將其最大程度的轉(zhuǎn)化為我們店鋪成長的助力吧！

2012年，移動無線端商城逐漸的走進了我們的生活。經(jīng)過了幾年時間的蓬勃發(fā)展，無線端已經(jīng)成為了我們電商人必爭的要地。以下是某店鋪的流量走勢圖：

從上圖可以看出,無線端的瀏覽量已經(jīng)呈現(xiàn)與PC端持平甚至超越PC端的趨勢。因此，把握好如此大的流量，讓流量轉(zhuǎn)化為店鋪營業(yè)額。無疑成為了我們提升店鋪總體營業(yè)額的一個重要手段。而提升無線端的視覺效果，是將我們的流量轉(zhuǎn)化為營業(yè)額最直接的方法。

然而，現(xiàn)今無線端頁面的效果層次不齊，除了有部分對無線端裝修的重視程度還不夠以外，更多的是不知道如何去裝修一個具有特色與引導(dǎo)性的頁面，導(dǎo)致用戶體驗下降。今天，為大家分享——無線端首頁的吸睛大法。

一、無線端首頁裝修的竅門

無線端首頁的裝修有別于PC端，不能直接通過代碼實現(xiàn)進行效果的實現(xiàn)，而是需要通過添加裝修平臺提供各種模塊來實現(xiàn)無線端首頁的裝修。無線端裝修平臺模塊如下圖：

除了以上的模塊，當(dāng)然還有不可或缺的店招模塊。那么就讓我們分別來了解下較為主要的模塊不同的作用與使用制作技巧吧。

1、店招——店招顧名思義就是店鋪的招牌。而在無線端，店招格式是固定的，其左邊為店鋪LOGO及店鋪名，右邊為收藏按鈕和一張可以自定義的640*200像素的背景圖。

店招作為無線端首頁的第一眼看到的位置，無疑可以作為展現(xiàn)我們品牌調(diào)性或者主動活動的最佳位置。在設(shè)計店招時，我們可以以符合品牌調(diào)性或者相應(yīng)活動的背景作為主調(diào)，再配以簡短的一句口號即可。需要注意的是，我們的背景不宜太雜亂，排版以簡潔為主，文字不宜過多，且避免文字與固定模塊重疊，導(dǎo)致表述不全，影響效果。而我們在制作店招時，亮度可以稍微高點，因為無線端店招會在背景前默認添加一層黑色半透明的圖層，導(dǎo)致背景亮度下降。如果本來背景亮度太低就很容易導(dǎo)致背景太暗而影響效果。

2、焦點圖模塊——焦點圖模塊相當(dāng)于PC端的輪播海報，其尺寸為608*304。作為海報，它承擔(dān)著宣傳我們店鋪主題活動，主打產(chǎn)品的責(zé)任。在設(shè)計焦點海報時，我們應(yīng)以簡約排版位置，以便更全面更清晰的表達出主題內(nèi)容。一般的排版方式有左右排版方式和上下排版方式，如下圖。

3、自定義模塊自定義模塊為我們的無線端首頁的設(shè)計提供了最大的自由度，在自定義模塊里我們可以自由添加標(biāo)題，海報及寶貝，并且能很好的配合品牌與主題活動的風(fēng)格。在設(shè)計自定義模塊時，排版建議簡單，寶貝陳列以整齊的左右排版（如圖1），也可以作些生動的改變，使風(fēng)格更為凸顯（如圖2）。

圖1 圖2

需要注意的是，在陳列寶貝時，一行的寶貝不建議超過兩個，否則會導(dǎo)致寶貝過小，影響展示。在設(shè)計自定義模塊時，有一個小技巧：先將大致的排版畫個草稿，然后在無線端的自定義模塊上添加上圖片為證，最后以每個圖片的位置與尺寸在Photoshop畫上輔助線再進行創(chuàng)作。

其他的模塊則以文字與自動模塊為主，在這里就不一一細說了，只需按照模塊規(guī)定的尺寸制作，謹記以簡約位置就可以了。在我們了解了模塊的應(yīng)用方式以后，讓我們從用戶體驗出發(fā)，再一次提升我們頁面的效果吧。

二、提升用戶體驗

無線端的首頁跟PC端的首頁一樣，有著展現(xiàn)品牌形象與引導(dǎo)流量的重要作用。因此，一個良好的用戶體驗，無疑能很好地增加用戶對品牌的影響，并且能更好更快的讓用戶找到自己想要的信息，加強流量引導(dǎo)的效果，促進成交。我們知道，無線端首頁主要呈現(xiàn)在用戶的移動設(shè)備上，無線端首頁尺寸比PC端首頁的尺寸小很多。因此，無線端首頁影響用戶體驗的因素主要有兩個方面：1、頁面加載時間過長；2、頁面信息不清晰。那么，提升用戶體驗我們可以從這兩方面下手。

1、壓縮圖片大小，降低頁面加載時間：在無線端首頁中，圖頁面片的大小是影響頁面加載速度主要原因。那我們怎樣才能有效壓縮圖片的大小，又不影響圖片呈現(xiàn)的質(zhì)量呢？一般，我們完成了一張圖，保存時是通過“另存為”jpg格式實現(xiàn)的。

通過這種方式保存的圖片就是降低圖片質(zhì)量，所減少圖片大小并不明顯，我們可以通過“存儲為web所用格式”并且適當(dāng)降低品質(zhì)，從而大大減少圖片的大小，一般將品質(zhì)設(shè)置為50-60之間，可以有效的降低圖片的大小，并且不會對圖片質(zhì)量產(chǎn)生較大影響。

2、優(yōu)化文字，簡化頁面排版，讓頁面清晰明了。

先說文字吧，無線端頁面尺寸比PC端小很多，我們平時在PC端用的各種創(chuàng)意字體適配到無線端時，可能都會因為尺寸問題而導(dǎo)致文字信息看不清。因此，我們在制作無線端頁面時，文字使用要注意三個要點：

（1）選擇結(jié)構(gòu)簡單的字體；在字體中，有些字體有著很多的裝飾，使得字體更具有設(shè)計感與美感。然而，在我們的無線端往往就會因為這是裝飾導(dǎo)致文字看不清。所以，我們在選擇字體時，盡量去選擇結(jié)構(gòu)較為簡單的字體。對于標(biāo)題性文字，因為字體尺寸會較的，在選擇字體時可以稍微靈活些，只需盡量避免使用一些裝飾復(fù)雜和書法字體就可以了。如“方正宋體系列”“華康娃娃體”“方正綜藝”等等字體都可以隨心使用。而內(nèi)容性文字，則建議以“微軟雅黑“ ”黑體“等簡單字體為主。

（2）提煉文字信息；過多的文字也是影響用戶閱讀的主要因素之一。為了把所有文字都放在圖片里，我們往往會把文字縮的很小，那用戶閱讀自然就困難了，而且一堆文字也會影響我們整體的視覺效果。因此，我們在做無線端時，要對我們的文案進行提煉，將多余的，修飾性的文字刪除，保留主要的內(nèi)容，從而簡化我們的文字信息。

（3）文字與背景對比要強烈；無線端首頁圖文并茂是必須的。但是，如果我們的問題內(nèi)容跟主體背景顏色差異太小的話，文字很容易會被忽略掉，也難讓用戶用心去閱讀（如圖2-1）。因此，我們制作無線端首頁時，在選擇文字方面，要偏向于高對比度的，暗色背景配高亮字體如白色，黃色等。而亮色背景則以暗色字體為主，如黑色，暗紅色等。（如圖2-2）

圖2-1 圖2-2

除了文字需要清晰明了外，無線端首頁的排版更是要簡單易懂。在無線端，由于用戶屏幕較PC端的小，可操作性也相對低。過于復(fù)雜的首頁排版很容易找不到重心，使得我們的主推產(chǎn)品吸引不了用戶的主要，也使得用戶找不到自己想要東西，從而形成跳失。因此，在排版時，我們要注意：促銷信息優(yōu)先展示，主推寶貝排列靠前，分流導(dǎo)航清晰。以下是無線端首頁的一般排版方式，以供大家參考：

經(jīng)過上面的分享，相信大家已經(jīng)對打造一個吸睛無線端首頁有了一定的認識與信心。那么讓我們一起來回顧一下這次的分享：

一、無線端首頁的裝修技巧

1.店招以簡潔為主，并以此傳達店鋪主題

2.焦點圖排版不宜過于復(fù)雜，文案不宜過多，可以以左右排版與上下排版為主

3.自定義模塊自由度大，但排版劃分需簡單清晰，寶貝排列一行不超過2個

二、提升頁面用戶體驗

1.壓縮圖片大小，降低頁面加載時間

2.優(yōu)化文字，簡化頁面排版，讓頁面清晰明了。

無線端是我們店鋪我們品牌成長的一大助力，一個優(yōu)秀的無線端首頁無疑能更好的使我們的無線端店鋪發(fā)揮更大的作用，相信只要我們對去想，多去嘗試，我們一定能打造出讓我們滿意，具有特色，讓我們無線端的流量轉(zhuǎn)化為店鋪的營業(yè)額。

快消品貨源網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 無線首頁裝修寶典