电商店铺无线端变热应该从2014年开始，到2017年初无线端成交额占比已经超过了85%，所以今天怎么强调无线端设计都不为过。可是我也观察到一个不好的现象，电商平台上的商家，包括很多各个类目TOP商家，大部分的无线端设计也都是以PC端的格式来设计页面的，做得好点的商家或者就是字体设计得大一些。我一直在想为什么会出现这种情况，电商店铺设计走到今天也有大概有14年历史了，应该说相对比较成熟了，但细想无线端设计还是比较年轻的，不过三四年。鲜有模仿对象应该算是其中一个原因，标杆的示范作用是巨大，直接能带动一大批同行的提升。

以下为TOP店铺手机端详情页截图  

如果大家想通过学习来解决这个问题，建议不要一直盯着平台其它商家的无线端设计，哪怕是排名TOP的商家，因为整体的手机店铺设计现状在这摆着，只看他们是远远不够的。可以多看看优秀的移动站品牌商城或优秀的APP设计，比如淘宝、天猫、唯品会、京东，甚至是微信、QQ之类的APP设计，同时多关注一些移动端的用户体验等的相关文章。在大量互联网企业中，我认为小米公司在这方面是做得比较好的，而且小米官方商城产品详情页设计和平台店铺设计比较类似。从策划、拍摄、文案、页面表现等都是值得我们学习的，而且我觉得小米公司对互联网品牌的核心把握是最精准的，就是性价比，如果单单从用户体验角度来比较，线上是很难超越线下的。

无线端的流量特点：

现在大部分人手机逛淘宝的时候都是用一些碎片时间，比如坐公交、地铁，蹲厕所，吃饭聚会，午休等等，其特点就是碎片化、零散化，相比PC端访问时间更短，但频率更高。手机屏幕相比电脑屏幕小很多，所以用户眼睛特别容易疲劳，耐心也大大减少，用户通常都是大概扫几眼一个页面就离开。

只有3种人会详细查看你的店铺页面：你的铁粉、你的同行、你们自己。其他90%以上的人，都只是路过店铺，快速扫几眼，可能一分钟不到手指一划就离开了。所以基于这些用户特点，要求页面信息传达更加快速、精准、简单。

无线端对设计师的要求

传统平面设计作品，因为用户体验场景原因，一般会有相对多的时间慢慢阅读、品味、理解，所以设计师耗费了很多精力和时间在凸显设计感（逼格）上。但手机屏是个小尺寸舞台，手机用户几乎不会认真看完任何东西。因此，无线端设计师的第一要务，应该是让用户快速准确地看到你想表达的内容，而不是你的设计。很多设计师都会在PC端设计中强调视觉美感，为了营造设计美感，而弱化了信息传达，在无线端这里要转变思路了。

从某种角度来看，无线端的设计感不再显得那么重要，设计师应该更加聚焦于页面内容，其实这更接近设计的本质。

横屏向竖屏转变

设计师的设计习惯是在PC端培养起来的，我们的PC设计思维惯性，事实上已成为我们正确地设计手机端内容的障碍。

现在实际的情况是，PC端屏幕是横屏的，我们可以采用左中右的信息结构排版，但无线端却是竖屏的，再用PC端的设计套路肯定不合适。所以我们如果要针对手机用户的特性来做设计，做出真正适合在手机上阅读的内容，首先就是要转变思维方式，建立竖屏思维。

文案

简单直接明了就好，一般情况下建议分为标题和正文两层，为了便于快速阅读，标题文案单行字数建议尽量不要超过8个，对齐方式最好用左对齐，居中对齐方式虽然逼格比较高，但可读性相对会差一些。另外也可以通过增加ICON图标，帮助用户快速理解页面内容。

滑动式浏览导致用户停留时间的缩短，所以每一屏必须让消费者一眼秒懂，那些一大段文案的详情页，已经不适合无线时代。文字要尽量精简，一眼就能看个大概的前提下，再增加适中的文案语句，一屏一两句话的图文结合的形式，就算是个别特殊类目要大量文字说明，也要在一大段文字里重点突出强调若干个词，让用户快速浏览就能明白个大概意思。

版式

网页设计有一条法则：信息量越多版式就应该越简单，相反信息量越少版式可以做得更有创意。

无线端滑动式浏览习惯，使消费者在每一屏的停留时间相比PC端大大减少。让消费者一眼便懂我们想要传达的信息非常重要，摒弃掉一些复杂花俏的版式，避免给用户增加浏览负担。单屏分割模式就比较适合无线端设计，类似于大热的卡片式设计。

字体

尽量选择字怀比较大的字体，便于在小尺寸屏幕也能很好地快速识别。如果正文字数非常多，字号建议最小为18点。思源黑体是Adobe与Google推出的一款开源字体，风格介于现代和传统之间，比较适合在无线端使用。当然不同品牌调性差别很大，选择符合自己品牌风格的字体才是最重要的。

品牌调性

在寸土寸金的手机屏幕，原本要向用户传递的产品信息就很多，传递品牌调性难度变得更大。传统品牌视觉规范VI侧重于对实体环境、印刷媒体的视觉规范，缺少对PC、手机等数字载体的直接指导。

对于希望建立品牌调性的电商卖家，一个完整的店铺品牌调性，包含产品包装和页面两大部分，需要从产品拍摄，字体，版式、颜色、视觉元素的整体规划和设计，而这里面的每一个环节都要围绕品牌调性来实施。

像颜色和字体这种常规规范我就不多说，在这里想特别强调的是LOGO延展图形设计。印象最深的应该是天猫的猫头形状图形延展，现在我们在天猫相关的宣传端都能看到这个元素。在这里我要吐槽下天猫平台的商家，每逢天猫搞大型活动，平台设计师都会用到猫头这个元素，可是很多商家也在自己的店铺用猫头这个元素，我想说猫头这个图形又不是你们自己品牌元素，为什么不用自己的品牌元素，推广自己品牌，帮天猫推广这算什么。

颜色、字体因为它们的特殊性，各个品牌之间相似性是很强的，但品牌的延展图形却是独一无二的，我们可以灵活地运用于包装和页面，把品牌调性整体串连起来。

作者：印象水汶            来源：站酷

美工交流QQ群：90214730

欢迎您加入设计大家庭。我们一起进步！