导读：无线端流量日益增加，你却眼巴巴的看着这些流量白白流失吗？你是否不知道如何把握好这些流量，将其成为店铺成交额的一部分呢？那么，让我们来学习如何用无线端首页将流量吸引住，将其最大程度的转化为我们店铺成长的助力吧！

2012年，移动无线端商城逐渐的走进了我们的生活。经过了几年时间的蓬勃发展，无线端已经成为了我们电商人必争的要地。以下是某店铺的流量走势图：

从上图可以看出,无线端的浏览量已经呈现与PC端持平甚至超越PC端的趋势。因此，把握好如此大的流量，让流量转化为店铺营业额。无疑成为了我们提升店铺总体营业额的一个重要手段。而提升无线端的视觉效果，是将我们的流量转化为营业额最直接的方法。

       然而，现今无线端页面的效果层次不齐，除了有部分对无线端装修的重视程度还不够以外，更多的是不知道如何去装修一个具有特色与引导性的页面，导致用户体验下降。今天，为大家分享——无线端首页的吸睛大法。

一、无线端首页装修的窍门

无线端首页的装修有别于PC端，不能直接通过代码实现进行效果的实现，而是需要通过添加装修平台提供各种模块来实现无线端首页的装修。无线端装修平台模块如下图：

除了以上的模块，当然还有不可或缺的店招模块。那么就让我们分别来了解下较为主要的模块不同的作用与使用制作技巧吧。

1、店招——店招顾名思义就是店铺的招牌。而在无线端，店招格式是固定的，其左边为店铺LOGO及店铺名，右边为收藏按钮和一张可以自定义的640*200像素的背景图。

店招作为无线端首页的第一眼看到的位置，无疑可以作为展现我们品牌调性或者主动活动的最佳位置。在设计店招时，我们可以以符合品牌调性或者相应活动的背景作为主调，再配以简短的一句口号即可。需要注意的是，我们的背景不宜太杂乱，排版以简洁为主，文字不宜过多，且避免文字与固定模块重叠，导致表述不全，影响效果。而我们在制作店招时，亮度可以稍微高点，因为无线端店招会在背景前默认添加一层黑色半透明的图层，导致背景亮度下降。如果本来背景亮度太低就很容易导致背景太暗而影响效果。

2、 焦点图模块——焦点图模块相当于PC端的轮播海报，其尺寸为608*304。作为海报，它承担着宣传我们店铺主题活动，主打产品的责任。在设计焦点海报时，我们应以简约排版位置，以便更全面更清晰的表达出主题内容。一般的排版方式有左右排版方式和上下排版方式，如下图。

3、自定义模块 自定义模块为我们的无线端首页的设计提供了最大的自由度，在自定义模块里我们可以自由添加标题，海报及宝贝，并且能很好的配合品牌与主题活动的风格。在设计自定义模块时，排版建议简单，宝贝陈列以整齐的左右排版（如图1），也可以作些生动的改变，使风格更为凸显（如图2）。

                              图1                                                           图2

需要注意的是，在陈列宝贝时，一行的宝贝不建议超过两个，否则会导致宝贝过小，影响展示。在设计自定义模块时，有一个小技巧：先将大致的排版画个草稿，然后在无线端的自定义模块上添加上图片为证，最后以每个图片的位置与尺寸在Photoshop画上辅助线再进行创作。

其他的模块则以文字与自动模块为主，在这里就不一一细说了，只需按照模块规定的尺寸制作，谨记以简约位置就可以了。在我们了解了模块的应用方式以后，让我们从用户体验出发，再一次提升我们页面的效果吧。

二、提升用户体验

       无线端的首页跟PC端的首页一样，有着展现品牌形象与引导流量的重要作用。因此，一个良好的用户体验，无疑能很好地增加用户对品牌的影响，并且能更好更快的让用户找到自己想要的信息，加强流量引导的效果，促进成交。我们知道，无线端首页主要呈现在用户的移动设备上，无线端首页尺寸比PC端首页的尺寸小很多。因此，无线端首页影响用户体验的因素主要有两个方面：1、页面加载时间过长；2、页面信息不清晰。那么，提升用户体验我们可以从这两方面下手。

1、 压缩图片大小，降低页面加载时间：在无线端首页中，图页面片的大小是影响页面加载速度主要原因。那我们怎样才能有效压缩图片的大小，又不影响图片呈现的质量呢？一般，我们完成了一张图，保存时是通过“另存为”jpg格式实现的。

通过这种方式保存的图片就是降低图片质量，所减少图片大小并不明显，我们可以通过“存储为web所用格式”并且适当降低品质，从而大大减少图片的大小，一般将品质设置为50-60之间，可以有效的降低图片的大小，并且不会对图片质量产生较大影响。

2、 优化文字，简化页面排版，让页面清晰明了。

先说文字吧，无线端页面尺寸比PC端小很多，我们平时在PC端用的各种创意字体适配到无线端时，可能都会因为尺寸问题而导致文字信息看不清。因此，我们在制作无线端页面时，文字使用要注意三个要点：

（1）    选择结构简单的字体；在字体中，有些字体有着很多的装饰，使得字体更具有设计感与美感。然而，在我们的无线端往往就会因为这是装饰导致文字看不清。所以，我们在选择字体时，尽量去选择结构较为简单的字体。对于标题性文字，因为字体尺寸会较的，在选择字体时可以稍微灵活些，只需尽量避免使用一些装饰复杂和书法字体就可以了。如“方正宋体系列”“华康娃娃体”“方正综艺”等等字体都可以随心使用。而内容性文字，则建议以“微软雅黑“ ”黑体“等简单字体为主。

（2）    提炼文字信息；过多的文字也是影响用户阅读的主要因素之一。为了把所有文字都放在图片里，我们往往会把文字缩的很小，那用户阅读自然就困难了，而且一堆文字也会影响我们整体的视觉效果。因此，我们在做无线端时，要对我们的文案进行提炼，将多余的，修饰性的文字删除，保留主要的内容，从而简化我们的文字信息。

（3）    文字与背景对比要强烈；无线端首页图文并茂是必须的。但是，如果我们的问题内容跟主体背景颜色差异太小的话，文字很容易会被忽略掉，也难让用户用心去阅读（如图2-1）。因此，我们制作无线端首页时，在选择文字方面，要偏向于高对比度的，暗色背景配高亮字体如白色，黄色等。而亮色背景则以暗色字体为主，如黑色，暗红色等。（如图2-2）

                 图2-1                                         图2-2

除了文字需要清晰明了外，无线端首页的排版更是要简单易懂。在无线端，由于用户屏幕较PC端的小，可操作性也相对低。过于复杂的首页排版很容易找不到重心，使得我们的主推产品吸引不了用户的主要，也使得用户找不到自己想要东西，从而形成跳失。因此，在排版时，我们要注意：促销信息优先展示，主推宝贝排列靠前，分流导航清晰。以下是无线端首页的一般排版方式，以供大家参考：

经过上面的分享，相信大家已经对打造一个吸睛无线端首页有了一定的认识与信心。那么让我们一起来回顾一下这次的分享：

一、无线端首页的装修技巧

   1.店招以简洁为主，并以此传达店铺主题

   2.焦点图排版不宜过于复杂，文案不宜过多，可以以左右排版与上下排版为主

   3.自定义模块自由度大，但排版划分需简单清晰，宝贝排列一行不超过2个

     二、提升页面用户体验

       1.压缩图片大小，降低页面加载时间

 2.优化文字，简化页面排版，让页面清晰明了。

无线端是我们店铺我们品牌成长的一大助力，一个优秀的无线端首页无疑能更好的使我们的无线端店铺发挥更大的作用，相信只要我们对去想，多去尝试，我们一定能打造出让我们满意，具有特色，让我们无线端的流量转化为店铺的营业额。

更多干货内容，请登录：http://amp.taobao.com/

关注AMP（阿里妈妈营销拍档），获取最全面的电商营销资讯与服务。