第1章　电商与电商设计

在讲关于电商设计师的那些事儿之前，我觉得有必要把电商的发展历程给大家过一下，姑且拿目前比较大的几家电商平台的发展历程来向大家解说吧。

为了写这个话题，我在网上翻阅了大量资料，其中包括一些采访稿，并最终把所有的时间节点串联了起来，于是就有了下面这个时间轴（这里只是简略汇总了一下，时间轴两边是一些相关背景事件）：

看完上面发生的一些事件后，我们最终看到，历经12年，各大电商平台相爱相杀后基本都是找到自己的归宿了：腾讯电商所有业务被京东收购，苏宁牵手了天猫，亚马逊入驻了天猫，eBay入驻了京东全球购，沃尔玛先是全资控股1号店，后来又以约95亿人民币的价格卖给了京东。

所以紧接着大家可能会有下面这些疑问。

1.1　互联网的出现为我们带来了什么？

2010年安卓系统风靡全球、iPhone4的发布等等这些都使得我们的手机变得更加智能，上网更加方便，包括微博、微信都是在这个时候崛起的，这些新媒体都对传统的纸媒、传统企业、广告行业造成了巨大的冲击，时代的转变造就了新的就业方向。

1.2　电子商务是指什么？

电子商务是依赖于互联网而产生的一种联接线上线下交易的商业活动，目前电商主要有这样几个模式：B2B、C2C、B2C、O2O、P2P等：

• ◆　B2B（Business to Business）：指连接代理商、生产商、零售商之间的线上线下交易的商业模式，比如阿里巴巴。
• ◆　C2C（Customers to Customers）：指个人对个人的网上交易模式，比如淘宝、当年的拍拍。
• ◆　B2C（Business to Customers）：指商家对消费者个人的网上交易模式，比如天猫、京东、亚马逊。
• ◆　O2O（Online to Offline）：指线上下单支付，线下消费的商业模式，比如京东到家、饿了么、淘点点，它跟团购模式的区别仅在于：第一，团购是限时间段的促销，第二，支付情况由团购平台说了算，商家是不知情的，所有消费者的信息资料都掌控在平台那里，商家跟消费者之间在线上没有任何交流。
• ◆　P2P金融：也称互联网金融，它是一种需要借助电子商务专业网络平台帮助借贷双方确立借贷关系并完成相关交易手续的小额借贷交易模式。借款者可自行发布借款信息，包括金额、利息、还款方式和时间等，也可以自行决定借出金额实现自助式借款。自2013年起，就不断有新的P2P金融公司出现，又不断地出现P2P金融公司倒闭潮，这是一个持续的现象，一直到现在。

1.3　是什么促进了电子商务的发展？

其实，1994年互联网就已经被引入到国内了，到20世纪末，电子商务虽然在国内有所发展但还远没被大众所熟知，一直到了2003年非典时期出现了契机（记得那时候我还是个准备中考的初中生，每天拼命跑步练习肺活量，由于非典的到来，白跑了，因为不需要做吹气的肺活量测试了），大家都不敢出门，也就是在这样一个环境下，网上购物变得异常火热起来。

2003～2010年也成了电子商务发展最快的时期，因为这个时期安卓系统风靡全球，iPhone4等智能手机相继出现，为信息交换及连接人与人之间的交流进一步创造了条件，唯品会、聚美优品、一号店还有综合类电商平台——京东，也是在那个时候诞生的。

2008年美国次贷引发的全球金融危机，传统行业日子比较难过，也成了电商发展的催化剂，因为网上购物解决了信息不对称的问题，人们可以非常便捷地花更少的钱，搜罗到全中国乃至全球的东西。

1.4　电商设计属于什么范畴？

在解释电商设计的范畴之前，我们可以先看看UI的定义，UI也就是User Interface，它主要是研究人、人和界面、界面这三个方面，所以UI包含了WUI（界面设计）、GUI（图标设计）、交互设计、用户体验研究这几个方面的内容（现在很多人说的UI其实都有点指代不明）。

所以电商设计其实是UI（User Interface）设计的一个分支，它是传统平面设计和网页设计的结合体，也是互联网时代的产物。

举个例子，以前我们看到的超市海报，一些折扣促销信息之类，但是你要买东西还是需要去店里，而电商设计的任务就是，直接在网上把这些商品展示在网页上，你直接点击就可以购买了，这个购买的过程就涉及到了人和设备之间的互动交流。

如下图所示：

1.5　电商设计的发展趋势是什么？

随着科技的发展，互联网、智能手机的逐渐普及，这影响到了我们的生活习惯，人们越来越喜欢大屏幕，越来越离不开手机。

所以对我们设计师来说，也需要做出相应的改变，比如在设计风格、尺寸的设定上，要符合用户的习惯。设计说白了就是为了让大家有更好体验的服务行业嘛！

举个例子，假如我们在PC端的网页上要设计一个商品列表，出于惯性思维都会在列表结尾放一个“查看更多”按钮，用户要用鼠标单击这个按钮才会出现更多商品，而在移动设备上我们却可以省去这个按钮，因为用户在移动设备上的习惯是上下左右划动，往上划的过程中更多商品就刷新出来了，可以自己去体验一下。

还有很多类似的设计思维的转变。从PC端的设计转向移动端的设计，可不只是改改尺寸这么简单，大家都可以多去观察体验。

下面给大家看一些示例。

1．小屏幕转向大屏幕

随着科技的进步和发展，我们的电脑屏幕是越来越大了，下面是百度统计流量研究院的截图。

2．PC端转向M端

据统计，现在有80%～90%的订单是由移动端贡献的，甚至很多中小店铺已经完全放弃PC端了，把精力集中用于打理移动端店铺上。下面也是百度统计流量研究院的截图。

3．由低价导向转向品质生活导向的消费观念

假设一个20岁的年轻人在2004年电商正处于起步阶段的时候就开始网购了，那么想想现在也已经三十多岁了，一个在2004年就上网网购的人，你觉得这批人以及他们的孩子还会是那群仍然在追求低价商品地摊货的人吗？显然不会，他们在成长，他们对生活的要求和追求也是在增长的。

如下图所示，比如辣条届的网红——卫龙，以及故宫淘宝的那些严肃卖萌照，都给人忍不住想笑并且要分享给朋友的冲动，再比如这几年很火的代购潮，很多大平台推出了全球购，这都是为了满足人们想要买好货并且还比国内便宜的需求。

4．80后/90后成为网购主力军

80后已经普遍成长为具有自主消费能力的一群人，而90后则普遍属于思维活跃／勇于接受新鲜事物／个性明显／享受超前消费的一群人，同时也具有基本消费能力，所以在电商设计的玩法上也是越来越贴近这类人群的消费习惯，2016年在朋友圈被刷屏的“淘宝造物节”其实也是在顺应这些需求，比如这些关键词：新奇／科技感／VR／贱萌／污／脑洞／二次元。

5．网红效应／粉丝效应／设计师品牌

当前竞争日益激烈，平台流量有限成本又高，所以品牌及店铺一方面要把自家的产品做出特色，另一方面要能通过自己生产内容玩社交的方式积累粉丝，比如现在在淘宝或京东买完东西，你会在页面里看到加微信领取红包或优惠券的字眼，即便是线下专柜买东西也一样，导购员都会询问是否可以添加私人微信，其目的也就是打入你的社交圈，让你一买东西第一个就能想到他。

而自媒体大咖、网红、行业专家等自带流量的人带货能力更是惊人，粉丝愿意相信他们的推荐，大多数网红为了不辜负粉丝的信任往往也不会乱推荐产品，这种微妙的关系促成的超高转化率也正吸引着越来越多的商家及品牌往这个方向发展。

1.6　电商设计师有哪些藏身地？

电商设计师大致混迹于如下7种地方，而其中，电商平台可以容纳海量店铺，所以店铺里藏的电商设计师应该是最多的：

①　店铺，比如裂帛、韩都衣舍这些电商品牌店铺。

②　电商平台，比如天猫、京东等等。

③　企业的电商部门，比如小米、美的、魅族都有自己的电商部门。

④　电商品牌策划公司，主要帮助网店从前期策划、拍摄到店铺首页、详情页设计、页面上线打包完成。

⑤　代运营公司，如果说每一个品牌或者店铺是一个孩子，那么代运营公司就好比养母（负责店铺的各种运营维护和推广等工作），然后那个生母（也就是店铺或者品牌所有者）只需要给抚养费就好，其他的就不管了。

⑥　外包公司，主要是指跟大的电商平台保持长期合作的设计公司，比如武汉艺果。

⑦　最后就是SOHO一族了，自由职业者，不过最终也可能还是会自己创业或者回到其前面讲的几类阵地里面寻求一个职位，不大可能一个人单打独斗一辈子。

这里要说明的一点就是，藏身于这7种地方的设计师可能存在一些重叠，因为有些人可能身兼了数种角色。

1.7　电商设计师需要做哪些内容？

下面从三个方面给大家介绍工作内容：按服务对象划分／按项目类别划分／按载体划分。

1．按服务对象划分

不管这些电商设计师藏在哪里，他们的服务对象，归根结底就两个，一个是店铺，一个是平台，如下图所示。

2．按项目类别划分

如下图所示。

3．按载体划分

无非就是PC/手机／pad等移动端设备了，PC端在前面已经介绍过了，移动端相比PC端要丰富许多，比如：H5活动引导页／移动端专题活动／微信手Q活动页设计／App等，如下图所示。

1.8　如何走好电商设计这条路？

关于这个问题，以下三个方面将予以说明。

1．软件技能

店铺类的电商设计师可能不仅要会用Ps之类的设计软件，还需要懂一些CSS方面的代码知识，往往设计还要切图，需要用到Dw，而越是大的电商平台，越是优秀设计公司分工都会比较明确一些，设计师可能只需要掌握Ps、Ai或Cdr这些软件就好了，专注于视觉设计和创意这块，不强制要求会切图。

Axure是交互设计要用到的软件，能懂一些的话当然不会有坏处，如果你的合作对象是用Word画交互框架图或者交互稿的，那么也许你还需要懂Word。总之除了视觉设计以外的工具和软件都是因为你可能需要去跟其他人沟通合作，而需要掌握。绘画对设计师来说是非常加分的一项技能，虽然并不是必须要掌握的，如下图所示。

2．需要了解的知识点

设计需要掌握的知识，包括色彩构成、平面构成、立体构成这三大构成，文案创意、市场营销、用户体验等等这些方面。因为我们的设计活动都是与活动销售额挂钩的，商业设计就需要在确定其活动目的的基础上做合适的设计，要面对需求人、面对消费者，所以会涉及到以上知识点，其他方面还包括沟通能力、理解能力、生活阅历、人际关系等等这些方面，如下图所示。

3．其他方面

其他方面主要是指沟通技巧、思考方式、是否对自己的职业感兴趣等，分为三个方面：上下级之间、上下游之间、自我驱动力。

上下级之间：只要你不是SOHO一族自己单干，只要你是待在一个公司里面，肯定就会面临要么有上级没下级（基层员工），要么既有上级又有下级（中高层领导），要么只有下级（你是老板，但或许你还有投资人），在这种环境里，你要想去做一件事情，就必须得到比你高层级人的支持还有比你低层级人的配合执行，你才可能达到这个目的，这时候是不是就需要你会沟通和处事别人才会愿意更好地支持你、配合你对不对？

上下游之间：上下游是平级，不存在谁高谁一等，谁必须听谁的，所以你要去做成一件事情更需要能够换位思考和好好沟通，每个岗位互相配合，就比如我们做视觉设计，你的上游是交互设计师／产品经理或者运营策划，下游是前端，在一个正规的大公司里，一个页面完整出炉，是他们共同合作的结果而并不是某一个人的功劳。

可能很多人把上游理解为上级了，比如运营只是设计的上游，他并不是设计的上司，他们之间是平级的，有些运营可能误以为自己是上级就可以对设计随意指挥，这就很要不得了。

自我驱动力：你去做一件事情是自我驱动的，有可能是因为兴趣，有可能是因为觉得自己有这个责任去做。不管怎样，如果是通过自我驱动去做一件事情的话，肯定会比被动去做要高效、要坚持得持久些。

1.9　写在最后——一些唠叨的话

1．想做设计但是没有任何基础怎么办？

没有基础就去学习、去打基础，如前面提到的。

2．已经是设计师但是还在考虑要不要转行。

如果是因为对设计不感兴趣，那就趁早转行，设计这行对于不感兴趣的人可能真的是非常痛苦，但对于感兴趣的人，是苦并快乐着的。

如果是因为设计这行工资太低，才想要转行，那么问题就在于自己是否足够努力以及足够有天赋了，任何行业都有拿高工资的和拿低工资的，而正常情况下，排除实力之外因素，拿高薪的那一群人付出的努力、时间精力、耐受的寂寞都要比我们多得多。

3．一名普通设计师该怎么进入大公司呢？

普通设计师想要进入大公司好公司，前提都是要拿作品说话的，所以好好提升自己的设计能力吧，如果能有些特长，比如画画特别好、摄影很厉害、唱歌很赞，等都可以给自己加分，能够认识愿意推荐自己的前辈拿到录用通知的概率也要大些，但前提始终是自己的设计能力要达标。