手机淘宝店铺首页装修技巧

一、手机淘宝店铺首页装修技巧

手机淘宝店铺首页装修有别于pc端，不能直接通过代码实现进行效果的实现，而是需要通过添加装修平台提供各种模块来实现无线端首页的装修。无线端装修平台模块

除了以上的模块，当然还有不可或缺的店招模块。那么就让我们分别来了解下较为主要的模块不同的作用与使用制作技巧吧。 焦点图模块——焦点图模块相当于pc端的轮播海报，其尺寸为608*304。作为海报，它承担着宣传我们店铺主题活动，主打产品的责任。在设计焦点海报时，我们应以简约排版位置，以便更全面更清晰的表达出主题内容。一般的排版方式有左右排版方式和上下排版方式，。 压缩图片大小，降低页面加载时间：在手机淘宝店铺首页中，图页面片的大小是影响页面加载速度主要原因。那我们怎样才能有效压缩图片的大小，又不影响图片呈现的质量呢?一般，我们完成了一张图，保存时是通过“另存为”jpg格式实现的。 选择结构简单的字体;在字体中，有些字体有着很多的装饰，使得字体更具有设计感与美感。然而，在我们的手机淘宝往往就会因为这是装饰导致文字看不清。 黑体”等简单字体为主。 提炼文字信息;过多的文字也是影响用户阅读的主要因素之一。为了把所有文字都放在图片里，我们往往会把文字缩的很小，那用户阅读自然就困难了，而且一堆文字也会影响我们整体的视觉效果。因此，我们在做无线端时，要对我们的文案进行提炼，将多余的，修饰性的文字删除，保留主要的内容，从而简化我们的文字信息。 文字与背景对比要强烈;手机淘宝店铺首页图文并茂是必须的。但是，如果我们的问题内容跟主体背景颜色差异太小的话，文字很容易会被忽略掉，也难让用户用心去阅读。因此，我们制作手机淘宝店铺首页时，在选择文字方面，要偏向于高对比度的，暗色背景配高亮字体如白色，黄色等。而亮色背景则以暗色字体为主，如黑色，暗红色等。

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

店招作为手机淘宝店铺首页的第一眼看到的位置，无疑可以作为展现我们品牌调性或者主动活动的比较佳位置。在设计店招时，我们可以以符合品牌调性或者相应活动的背景作为主调，再配以简短的一句口号即可。

需要注意的是，我们的背景不宜太杂乱，排版以简洁为主，文字不宜过多，且避免文字与固定模块重叠，导致表述不全，影响效果。而我们在制作店招时，亮度可以稍微高点，因为无线端店招会在背景前默认添加一层黑色半透明的图层，导致背景亮度下降。如果本来背景亮度太低就很容易导致背景太暗而影响效果。

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

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

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

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

二、提升用户体验

手机淘宝店铺首页跟pc端的首页一样，有着展现品牌形象与引导流量的重要作用。因此，一个良好的用户体验，无疑能很好地增加用户对品牌的影响，并且能更好更快的让用户找到自己想要的信息，加强流量引导的效果，促进成交。我们知道，手机淘宝店铺首页主要呈现在用户的移动设备上，手机淘宝店铺首页尺寸比pc端首页的尺寸小很多。

因此，手机淘宝店铺首页影响用户体验的因素主要有两个方面：1、页面加载时间过长;2、页面信息不清晰。那么，提升用户体验我们可以从这两方面下手。

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

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

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

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

(1) 选择结构简单的字体;在字体中，有些字体有着很多的装饰，使得字体更具有设计感与美感。然而，在我们的手机淘宝往往就会因为这是装饰导致文字看不清。

所以，我们在选择字体时，尽量去选择结构较为简单的字体。对于标题性文字，因为字体尺寸会较的，在选择字体时可以稍微灵活些，只需尽量避免使用一些装饰复杂和书法字体就可以了。如“华康娃娃体”等字体都可以随心使用。而内容性文字，则建议以“ 黑体”等简单字体为主。

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

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

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