本文將從電商發(fā)展史出發(fā)，接著講了電商設(shè)計(jì)的發(fā)展趨勢以及電商設(shè)計(jì)師會(huì)在哪些領(lǐng)域活躍，最后是從三方面講述了電商設(shè)計(jì)這條路該如何走好。詳情如何，不妨往下一讀。

一、電商發(fā)展歷程

在講電商設(shè)計(jì)師的事兒之前，我覺得是有必要把電商的發(fā)展歷程給大家屢一下。理所當(dāng)然的，我就拿目前比較大的幾家電商平臺的發(fā)展來說事兒啦。我在網(wǎng)上找了大量的資料，把所有的時(shí)間節(jié)點(diǎn)串聯(lián)起來，于是就有了下面這張時(shí)間軸啦（他們的愛恨糾葛如下圖所示，我只是簡略的匯總了一下，左邊是一些相關(guān)背景事件）。

看完上面發(fā)生的一些事件后，我們會(huì)看到，歷經(jīng)12年，各大電商平臺相愛相殺后基本都是找到自己的歸宿了（騰訊電商所有業(yè)務(wù)以京東15％的股份折價(jià)賣給了京東，蘇寧牽手了天貓，亞馬遜入駐了天貓，ebay入駐了京東全球購，沃爾瑪先是全資控股1號店，后來又以約95億人民幣的價(jià)格賣給了京東）。

二、總結(jié)&疑問

所以緊接著大家可能會(huì)有我下面這些總結(jié)&疑問，大家可以先看下：

第一個(gè)疑問：互聯(lián)網(wǎng)的出現(xiàn)為我們帶來了什么？

2010年安卓系統(tǒng)風(fēng)靡全球、Iphone4的發(fā)布等等這些都使得我們的手機(jī)變得更加智能，上網(wǎng)更加方便，包括微博、微信都是在這個(gè)時(shí)候崛起的，這些新的媒體都對傳統(tǒng)的紙媒、傳統(tǒng)企業(yè)、廣告行業(yè)造成了巨大的沖擊，時(shí)代造就了我們的就業(yè)方向。

第二個(gè)疑問：電子商務(wù)是指什么？

目前電商主要有這樣幾個(gè)模式：B2B、C2C、B2C、O2O、P2P等（上面寫漏了一個(gè)B2C模式）

• B2B（business to business）：指連接代理商、生產(chǎn)商、零售商之間的線上線下交易的商業(yè)模式，比如阿里巴巴；
• C2C（customers to customers）：指個(gè)人對個(gè)人的網(wǎng)上交易模式，比如淘寶、當(dāng)年的拍拍；
• B2C（business to customers）：指商家對消費(fèi)者對個(gè)人的網(wǎng)上交易模式，比如天貓、京東、亞馬遜；
• O2O（online to offline）：指線上下單支付，線下消費(fèi)的商業(yè)模式，比如京東到家、餓了么、淘點(diǎn)點(diǎn)，它跟團(tuán)購模式的區(qū)別僅在于:第一,團(tuán)購是限時(shí)間段的促銷，第二， 支付情況由團(tuán)購平臺說了算，商家是不知情的，所有消費(fèi)者的信息資料都掌控在平臺那里，商家跟消費(fèi)者之間在線上沒有任何交流。
• P2P金融：也稱互聯(lián)網(wǎng)金融，它是一種需要借助電子商務(wù)專業(yè)網(wǎng)絡(luò)平臺幫助借貸雙方確立借貸關(guān)系并完成相關(guān)交易手續(xù)的小額借貸交易模式。借款者可自行發(fā)布借款信息，包括金額、利息、還款方式和時(shí)間，自行決定借出金額實(shí)現(xiàn)自助式借款，前段時(shí)間就掀起了一場P2P公司倒閉潮，比如借貸寶／e租寶等都相繼倒閉了。

第三個(gè)疑問：是什么催生了電子商務(wù)的發(fā)展？

2003 年非典時(shí)期，那時(shí)候我還是個(gè)準(zhǔn)備中考的孩子（看我單純臉），每天拼了命的跑步練習(xí)肺活量，由于非典的到來，白跑了，因?yàn)椴恍枰龃禋獾姆位盍繙y試了，大家都不敢出門。也就是再這樣一個(gè)環(huán)境下，網(wǎng)上購物變得異?；馃崞饋?，而那時(shí)我單純的就像張白紙，全然不知現(xiàn)在會(huì)跟電商扯上關(guān)系。

2003和2004 年也成了電子商務(wù)發(fā)展最好的時(shí)期，因?yàn)檫@個(gè)時(shí)期安卓系統(tǒng)風(fēng)靡全球，iPhone4等智能手機(jī)等相繼出現(xiàn)，為信息交換及連接人與人之間的交流進(jìn)一步創(chuàng)造了條件，唯品會(huì)、聚美優(yōu)品、一號店、還有現(xiàn)在是中國綜合類電商平臺老二位置的京東，都是在那個(gè)時(shí)候誕生的。

2008年美國次貸引發(fā)的全球經(jīng)融危機(jī)，日子比較難過，也成了電商發(fā)展的催化劑。因?yàn)榫W(wǎng)上購物解決了信息不對稱的問題，人們可以非常便捷的花更少的錢，搜羅到全球全中國的東西。

第四個(gè)疑問：電商設(shè)計(jì)屬于什么范疇？

UI（User Interface），現(xiàn)在很多人嘴里說的UI其實(shí)都有點(diǎn)指代不明，UI主要是研究人、人和界面、界面這三個(gè)方面，所以UI包含了WUI—界面設(shè)計(jì)、 GUI—圖標(biāo)設(shè)計(jì)、交互設(shè)計(jì)、用戶體驗(yàn)研究這幾個(gè)方面的內(nèi)容。

網(wǎng)頁設(shè)計(jì)也屬于UI設(shè)計(jì)的一個(gè)分支，而電商設(shè)計(jì)是傳統(tǒng)平面設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)的結(jié)合體，舉個(gè)例子，如下圖所示，好比以前我們看到的超市海報(bào)，你可以看到這些折扣促銷信息。但是你要買東西還是需要去店子里，而電商設(shè)計(jì)的任務(wù)就是，直接在網(wǎng)上把這些商品展示在網(wǎng)頁和手機(jī)上，你直接點(diǎn)擊可以選購購買了，這個(gè)購買的過程就涉及到了人和設(shè)備之間的互動(dòng)交流。

第五個(gè)疑問：電商設(shè)計(jì)的發(fā)展趨勢是什么？

隨著科技的發(fā)展、互聯(lián)網(wǎng)、智能手機(jī)的逐漸普及，這也隨之逐漸影響到了我們的生活習(xí)慣，越來越喜歡大屏幕，越來越離不開手機(jī)。

所以對我們設(shè)計(jì)師來說，也就需要做出相應(yīng)的改變了，比如在設(shè)計(jì)風(fēng)格、尺寸的設(shè)定上，要符合用戶的習(xí)慣。設(shè)計(jì)說白了就是為了讓大家有更好的體驗(yàn)的服務(wù)行業(yè)嘛！

舉個(gè)例子，假如我們在PC端的網(wǎng)頁上要設(shè)計(jì)一個(gè)商品列表，慣性思維都會(huì)在列表結(jié)尾放一個(gè)查看更多按鈕，用戶要用鼠標(biāo)點(diǎn)擊這個(gè)按鈕才會(huì)出現(xiàn)更多商品，而在移動(dòng)設(shè)備上我們卻可以省去這個(gè)按鈕，因?yàn)橛脩粼谝苿?dòng)設(shè)備上的習(xí)慣是上下滑左右滑，往上劃的過程中更多商品就刷新出來了，不信你們自己去體驗(yàn)一下咯，還有很多類似的設(shè)計(jì)思維的轉(zhuǎn)變，從PC端的設(shè)計(jì)轉(zhuǎn)向移動(dòng)端的設(shè)計(jì)，可不只是改改尺寸這么簡單，大家可以多去觀察體驗(yàn)。

下面給大家看一些圖標(biāo)示例：

1、隨著科技的進(jìn)步和發(fā)展，我們的電腦屏幕是越來越大了，下面是我在百度統(tǒng)計(jì)流量研究院截的圖（感興趣的話可以自己去看看哇～）：

2、現(xiàn)在據(jù)說大部分店鋪有80%－90%以上的的訂單是由移動(dòng)端貢獻(xiàn)的，甚至很多發(fā)展的一般的店鋪已經(jīng)完全放棄PC端了，把精力集中在打理移動(dòng)端的店鋪上，下面也是我在百度統(tǒng)計(jì)流量研究院截的圖（感興趣的話可以自己去看看哇～）

3、假想一個(gè)20歲的年輕人在2004年電商正處于起步階段的時(shí)候就開始網(wǎng)購了，那么想想現(xiàn)在是2016年了，他多少歲了？答案是32歲。這個(gè)年紀(jì)怎么說也是小有所成了吧？畢竟還是一個(gè)在2004年就可以上網(wǎng)網(wǎng)購的人，你覺得他們這批人以及他們的孩子們還會(huì)是那群仍然在追求低價(jià)商品地?cái)傌浀娜藛幔匡@然不會(huì)，他們在成長，他們對生活的要求和追求也是在增長的。

比如辣條屆的網(wǎng)紅－衛(wèi)龍，以及故宮淘寶的那些嚴(yán)肅賣萌照，都給人忍不住就想笑并且要分享給朋友看的沖動(dòng)，因?yàn)樗齻儠?huì)玩好玩啊。再比如這幾年很火的代購潮，各大平臺推出的全球購等，都是為了滿足人們想要買好貨并且還比國內(nèi)便宜的需求。

4、前段時(shí)間在朋友圈被刷屏的“淘寶造物節(jié)”其實(shí)也是在順應(yīng)這些興起的需求，比如這些關(guān)鍵詞：新奇／科技感／VR／賤萌／污／腦洞／二次元。

三、電商設(shè)計(jì)師藏身地兒

了解完上面所有的疑惑和時(shí)代背景后，我再給大家介紹一下我們電商設(shè)計(jì)師們的藏身地：

電商設(shè)計(jì)師大致混跡于這么7塊地方，一個(gè)電商平臺可以容納上十萬家店鋪，所以店鋪里藏的電商設(shè)計(jì)師應(yīng)該是最多的：

1. 店鋪，就比如裂帛、韓都衣舍這些電商品牌店鋪。
2. 電商平臺，就比如天貓、京東等等。
3. 企業(yè)的電商部門，就比如小米、美的、魅族都有自己的電商部門。
4. 電商品牌策劃公司，主要幫助網(wǎng)店從前期策劃、拍攝到店鋪首頁詳情頁設(shè)計(jì)、頁面上線都打包完成的一類公司。
5. 代運(yùn)營公司，如果說每一個(gè)品牌或者店鋪是一個(gè)孩子，那么代運(yùn)營公司就好比替別人養(yǎng)孩子的公司（負(fù)責(zé)店鋪的各種運(yùn)營維護(hù)和推廣等工作），然后那個(gè)當(dāng)媽的（也就是店鋪或者品牌所有者）只需要給錢就好，其他的就不管了。
6. 外包公司，主要是指跟大的電商平臺保持長期合作的設(shè)計(jì)公司，比如武漢藝果、杭州全速等等，我這里只是說的電商方面的設(shè)計(jì)外包，游戲外包公司并不在這個(gè)隊(duì)列。
7. 最后就是SOHO一族了，自由職業(yè)者，不過最終也可能還是會(huì)自己創(chuàng)業(yè)或者回到其前面講的5類里面尋求一個(gè)職位，不可能一個(gè)人單打獨(dú)斗一輩子。這里要說明的一點(diǎn)就是，藏身于這7塊地方的設(shè)計(jì)師可能存在一些重復(fù)（你們懂的~~~）。

五、他們每天都在干些啥？

那么，直到他們藏在哪兒了，接下來再了解下他們每天都在干些啥？

下面我從三個(gè)方面給大家介紹他們的工作內(nèi)容：按服務(wù)對象劃分／按項(xiàng)目類別劃分／按載體劃分：

不管這些電商設(shè)計(jì)師們藏在上面說的7個(gè)地方里的哪個(gè)地方，他們的服務(wù)對象，歸根結(jié)底就2個(gè)，一個(gè)是店鋪，一個(gè)是平臺。

按項(xiàng)目類別劃分就有這些：平臺界面／運(yùn)營專題／店鋪首頁／詳情頁／各種尺寸的Banner圖。

按載體劃分就是PC端，或者手機(jī)／pad等移動(dòng)端設(shè)備了，PC端的我在前面已經(jīng)介紹過了，移動(dòng)端相比PC端就又豐富了許多，比如：H5活動(dòng)引導(dǎo)頁／移動(dòng)端專題活動(dòng)／微信手Q活動(dòng)頁設(shè)計(jì)／App等。

六、如何走好電商設(shè)計(jì)這條路？

那么，如何走好電商設(shè)計(jì)這條路呢？，我從3個(gè)方面來說：軟件技能／相關(guān)的知識點(diǎn)／其他。

軟件技能方面

店鋪類的電商設(shè)計(jì)師可能不僅要會(huì)用ps之類的設(shè)計(jì)軟件，還需要懂一些CSS方面的知識，往往既要做設(shè)計(jì)還要切圖，需要用到DW，而越是大的電商平臺，越是優(yōu) 秀的設(shè)計(jì)公司的設(shè)計(jì)師分工都會(huì)比較明確一些，設(shè)計(jì)師可能只需要掌握PS、AI或CDR這些軟件就好了，主要專注于視覺設(shè)計(jì)和創(chuàng)意這塊，不強(qiáng)制要求會(huì)切圖。

Axure是交互要用到的軟件，能懂一些的話當(dāng)然不會(huì)有壞處，如果你的合作對象是用word畫交互框架圖或者交互搞的，那么也許你懂word就毫無壓力了，總之除了視覺設(shè)計(jì)以外的工具和軟件都是因?yàn)槟憧赡苄枰ジ渌藴贤ê献鳎瑸榱朔奖銣贤ㄓ玫?，繪畫對設(shè)計(jì)師來說是非常加分的一項(xiàng)技能，雖然并不是必須要掌握的。

相關(guān)的知識點(diǎn)（需要了解的知識點(diǎn)）

設(shè)計(jì)需要掌握的知識，比如色彩構(gòu)成、平面構(gòu)成、立體構(gòu)成這三大構(gòu)成，文案創(chuàng)意、市場營銷、用戶體驗(yàn)等等這些方面應(yīng)該都是知道的吧，因?yàn)槲覀兊脑O(shè)計(jì)活動(dòng)都是與 活動(dòng)銷售額掛鉤的。商業(yè)設(shè)計(jì)就需要在確定其活動(dòng)目的的基礎(chǔ)上做合適的設(shè)計(jì)，要面對需求人，面對消費(fèi)者，所以會(huì)涉及到以上知識點(diǎn)，其他方面就是指溝通能力、 理解能力、生活閱歷、人際關(guān)系等等這些方面了。

其他方面(溝通／思考／興趣）

其他方面主要是指溝通技巧／思考方式／是否對自己的職業(yè)感興趣等方面，我把他們分為三個(gè)方面：上下級之間／上下游之間／自我驅(qū)動(dòng)力。

• 上下級之間：只要你不是SOHO一族自己單干，只要你是呆在一個(gè)公司里面，肯定就會(huì)面臨要么有上級沒下級（基層員工），要么既有上級又有下級（中高層領(lǐng)導(dǎo)），要么只有下級（你是老板，但或許你還有投資人），在這種環(huán)境里，你要想去做一件事情，就必然需要得到比你高層級人的支持還有比你低層級的人的配合執(zhí)行，你才可能達(dá)到這個(gè)目的，這時(shí)候是不是就需要你會(huì)溝通和處事別人才會(huì)愿意更好地支持你配合你對不對？
• 上下游之間：上下游之間是平級，不存在誰高誰一等，誰必須聽誰的，所以你要去做成一件事情更需要能夠換位思考和好好溝通，每個(gè)崗位互相配合，就比如我們做視覺設(shè)計(jì)，你的上游事交互設(shè)計(jì)師／產(chǎn)品經(jīng)理或者運(yùn)營策劃，下游是前端，在一個(gè)正規(guī)的大公司里，一個(gè)頁面完整出來，是他們共同合作的結(jié)果并不是某一個(gè)人的功勞。
• 可能很多人把上游理解為上級了，比如運(yùn)營只是設(shè)計(jì)的上游，他并不是設(shè)計(jì)的上級上司，他們之間是平級的，有些運(yùn)營可能誤以為自己是上級就可以對設(shè)計(jì)隨意呼喚和指揮，這就很要不得了。
• 自我驅(qū)動(dòng)力：也就是你去做一件事情是自我驅(qū)動(dòng)去做的，有可能是因?yàn)榕d趣，有可能那是因?yàn)橛X得自己有這個(gè)責(zé)任去做，不管怎樣，如果是通過自我驅(qū)動(dòng)去做一件事情的話，肯定會(huì)比被動(dòng)的去做要高效，要堅(jiān)持的持久些。

最后，一些嘮叨的話

1、想做設(shè)計(jì)但是沒有任何基礎(chǔ)怎么辦？

沒有基礎(chǔ)就去學(xué)習(xí)去打基礎(chǔ)咯，如我前面所提到的。

2、已經(jīng)是設(shè)計(jì)師但是還在考慮要不要轉(zhuǎn)行？

如果是因?yàn)閷υO(shè)計(jì)不感興趣，那就乘早轉(zhuǎn)行咯，設(shè)計(jì)這行對于不感興趣的人可能真的是非?？啾婆?，但對于感興趣的人，是苦并快樂著的。

如果是因?yàn)樵O(shè)計(jì)這行工資太低，才想要轉(zhuǎn)行，那么問題就在于自己是否足夠努力去付出了，任何行業(yè)都有拿高工資的和拿低工資的，而正常情況下，排除家庭背景因素，拿高薪的那一群人付出的努力、時(shí)間精力、耐住的寂寞都要比我們多得多。

3、一名普通設(shè)計(jì)師該怎么進(jìn)入大公司呢？

普通設(shè)計(jì)師想要進(jìn)入大公司好公司，前提都是要拿作品說話的，所以好好提升自己的設(shè)計(jì)能力吧，如果能有些特長，比如畫畫特別好？攝影很厲害？唱歌很贊？都可以給自己加分，能夠認(rèn)識愿意推薦自己的前輩拿到offer的概率也要大些，但前提始終是自己的設(shè)計(jì)能力要達(dá)標(biāo)。

以上這次分享就結(jié)束啦，不知道大家有收獲沒有呢？

本文由 @做設(shè)計(jì)的面條 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。