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

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

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

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

一、無(wú)線端首頁(yè)裝修的竅門(mén)

無(wú)線端首頁(yè)的裝修有別于PC端，不能直接通過(guò)代碼實(shí)現(xiàn)進(jìn)行效果的實(shí)現(xiàn)，而是需要通過(guò)添加裝修平臺(tái)提供各種模塊來(lái)實(shí)現(xiàn)無(wú)線端首頁(yè)的裝修。無(wú)線端裝修平臺(tái)模塊如下圖：

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

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

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

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

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

圖1 圖2

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

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

二、提升用戶體驗(yàn)

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

1、壓縮圖片大小，降低頁(yè)面加載時(shí)間：在無(wú)線端首頁(yè)中，圖頁(yè)面片的大小是影響頁(yè)面加載速度主要原因。那我們?cè)鯓硬拍苡行嚎s圖片的大小，又不影響圖片呈現(xiàn)的質(zhì)量呢？一般，我們完成了一張圖，保存時(shí)是通過(guò)“另存為”jpg格式實(shí)現(xiàn)的。

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

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

先說(shuō)文字吧，無(wú)線端頁(yè)面尺寸比PC端小很多，我們平時(shí)在PC端用的各種創(chuàng)意字體適配到無(wú)線端時(shí)，可能都會(huì)因?yàn)槌叽鐔?wèn)題而導(dǎo)致文字信息看不清。因此，我們?cè)谥谱鳠o(wú)線端頁(yè)面時(shí)，文字使用要注意三個(gè)要點(diǎn)：

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

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

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

圖2-1 圖2-2

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

經(jīng)過(guò)上面的分享，相信大家已經(jīng)對(duì)打造一個(gè)吸睛無(wú)線端首頁(yè)有了一定的認(rèn)識(shí)與信心。那么讓我們一起來(lái)回顧一下這次的分享：

一、無(wú)線端首頁(yè)的裝修技巧

1.店招以簡(jiǎn)潔為主，并以此傳達(dá)店鋪主題

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

3.自定義模塊自由度大，但排版劃分需簡(jiǎn)單清晰，寶貝排列一行不超過(guò)2個(gè)

二、提升頁(yè)面用戶體驗(yàn)

1.壓縮圖片大小，降低頁(yè)面加載時(shí)間

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

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

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

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

本文來(lái)源： 無(wú)線首頁(yè)裝修寶典