在電商快速發展的今天，每個人都可以很輕松的創立一家店鋪，但是問題來了，怎么才能讓自己的產品或品牌在同品類的競爭中脫穎而出呢?

在瀏覽電商網頁時，有沒有一種感受，越來越同質化的設計很難吸引用戶點進去，而相反具有差異化的設計，用戶更愿意點擊進去一探究竟，今天就來看看差異化的原因以及怎么做。

首先，先來做一個小測試，找出這四個立方體中，最特殊的那一個，就會感覺到很困難，甚至是會莫名其妙。

把立方體替換成一個三棱體，是不是就可以立馬識別出來了。放置在設計中，也就是差異性了，這是因為三棱體相比于立方體，是差異化最大的那個物體。

打開淘寶，搜索“貓糧”,發現大部分的貓糧產品圖片，展示的感覺都差不多，這樣很難在這些產品中進行挑選。就像是這些立方體一樣。

而第二張圖這款貓糧，是不是就會有一種眼前一亮的感覺，就像一個棱錐體一樣，也可以激發起用戶瀏覽的興趣。

相關聯的詳情頁同時也會吸引用戶瀏覽。

這并不是一個孤例，很多的電商品牌都在策劃和設計之初，選擇走差異化的道路。現在看到的是一家賣植物的店鋪，在瀏覽的時候，并不會產生新奇感。

而這家店鋪的設計，會有一種陌生感，因為它不同，會給用戶一定的興趣去繼續瀏覽下去。

左側的銷售咖啡豆的店鋪，用戶進入店鋪后，在設計這個層面上，很難繼續吸引用戶瀏覽，因為用戶已經看過很多類似形式的店鋪了。

而當用戶瀏覽到這家咖啡豆的店鋪時，就會產生一種陌生化的感覺，因為他和其他的店鋪不一樣，通過差異化的設計，激發用戶的探索和購買的欲望。

看到這里，有同學可能會問，我銷售的產品是沒有什么個性的，我可以做到差異化嗎？

答案是肯定的，就拿這個水壺舉例子，它是生活中最常見的一個物件了。

要想把這個水壺做的有差異化，可以有兩個方向，第一個方向產品設計方向，改變這個產品的外觀。第二個方向就是產品宣傳方向，通過設計來提升產品。

產品設計方向，可以說是從基礎上創造產品的差異化，但是這個方向，周期長并且開發和投入的成本高，并且很難檢驗市場的接受程度。并不適合大部分的電商考慮。

因此版式設計的重要性就凸顯出來了，這個方向相比于產品設計，它的周期短，投入成本低，并且可以很快的檢驗市場的接受度。

像這張海報，通過設計將水壺凸顯出來，這樣用戶在搜索和瀏覽產品的時候，這個水壺就會凸顯出來。

前面已經講了差異化的現象和實際使用的案例，可能有小伙伴會問，怎么樣才能在產品宣傳這個方面去做差異化呢？

這里可以把思路轉化一下，電商設計在平面設計是一個類別，如果可以跳出這個類別，其實可以發現非常多的設計形式和手法，其中很多都是現在電商設計中所缺少的，這里可以從一些好的海報設計中去學習和探索差異化。

首先要理解一個原則，提升差異性不是隨意的去設計，而是應該在產品原有的基礎上去，延續產品的特性。

先來分析一下產品的特性。從模特的裝扮，以及照片中的電腦，傳遞出的是一種復古的氣息。

可以去選擇適當的海報圖片進行參考，這里參考的是操作系統風格類型的海報，這種風格可以很好的體現出來，復古的感覺。

第一步，創建一個操作系統的窗口，奠定復古的基調。

添加多層的效果，可以讓畫面具有一定的層次感，更好的模擬操作系統的界面。

接下來置入產品的圖片，版面中的主體基本上就出來了，但是現在感覺整體畫面缺少點的元素。

最后一步就是置入一些點元素，讓整個畫面靈活起來。

當沒有頭緒的時候，還可以從衣服的一些特征進行設計，比如說這件衛衣的圖形部分。

放大以后，可以聯想到很多純文字類型的海報，按照這個思路，就可以去尋找相關的海報。

收集一些純文字類型的海報，分析他們的特點都有哪些。“無襯線字體”“文字層級較少”“可以多使用符號或者輔助圖形填滿留白”是這類型的特點。

先將文字置入到版面內，這個時候就是一些簡單的對齊形式。

接下來按照前面總結的規律，將文字相應的進行編排，添加一些符號，讓版面看上去更加的靈活。

把衛衣置入到版面中去。這里會產生遮擋的現象，不利于用戶閱讀信息。

將衛衣進行旋轉處理，避開關鍵信息。

將衛衣進行處理讓它和畫面區分開。

除了從產品中提取特征來進行設計以外，不同類型的產品還可以選擇適合它的氣質的風格，同樣可以有效的提升差異化。

這兩個產品，會給人一種極簡感覺，所以在設計的時候，整個風格就應該朝向著極簡的風格進行設計。

確定了產品的極簡風格后，就可以開始尋找相關的海報，進行分析。

這里可以按照簡約排版形式的海報思路進行編排，鑒于排版形式主要是使用了“無襯線體”“簡單的構圖形式”等等，當清楚了特點，再去做就得心應手了。

這種風格圖片與文字之間的呼應關系不是很強，通常圖是圖，字是字，除了顏色上能有呼應外幾乎沒啥關系。

置入版面網格，確定好產品主體的位置，文字在空余的地方編排就行了。

置入標題文字和注釋文字，整體版面現在已經穩定下來了。

但是下方這里產生了一塊非常大的負空間，需要我們填補添加標題的英文。添加其他的相關文案。最后添加一點點的元素整個版面就完成了。

而當我們瀏覽到這樣的家居的網頁的時候，他是可以提升我們購買力的。

這個產品同樣也是極簡風格，前面嘗試了簡約排版形式，這里可以換一個思路。

自由文字形式，這樣可以在不影響產品的氣質前提下，通過文字的編排，提升整個產品的調性。

這種形式出彩的地方在于文字部分，用來填補乍一看比較無趣的產品。文字的編排并不會根據某種具體的網格而來，相對來說會更加自由地編排，但是要注意良好的閱讀順序，另外一些元素之間的對齊要做好，不能太過凌亂。

首先先置入圖片，置入版面網格，確定版面的主體位置。

添加文字組組合。

由于產品的形狀，產生了三塊不規則的負空間，這里需要填滿。這樣整個負空間的問題，就處理好了。

將標題文字復制一遍，放置在畫面的下方。

添加元素，使整個版面平衡。這樣海報就設計好了。

接著分析一個這個旅行箱，和前面的極簡風格完全不同，這里就需要在設計的海報的時候，發揮出來這個商品的風格屬性。

這款旅行箱獨有的風格，使得它和酸性設計十分的搭。

酸性設計有其獨特的風格，這里就不進行詳細的分析了，可以簡單的將這一類形式劃分為酸性字體、顏色和元素。

將產品置入到畫面中，圖片偏灰，把照片處理的通透一些。

行李箱是出門才會用的，所以以門為創意出發點，先畫一個拱門在版面中，把文案沿著拱門路徑排開。

放置標題，把重要的文案放大，放在拱門外兩邊。

畫面出現兩塊明顯的負空間，需要我們填滿。將文字組置入到畫面中，填滿負空間。

放置點的元素，讓整個版面更加的靈活。整個版面就完成了。

差異化的設計并不是胡亂去做設計，而是站在產品宣傳的方向上去分析這個產品適合什么樣的設計，進而通過設計來提升產品的質感和特性。如果與之相反，則是完全自嗨型的設計了。這里大家一定要區分好。

除了從產品本身去尋找設計方向。也可以通過選擇具有故事性的圖片來創造差異化。

來看這三張圖片，哪一張具有故事性顯得與眾不同？中間這個照片由于模特的加入，給照片添加了一種聯想和故事性。

先來看一下文案，這里的文案是比較活潑的，所以在選擇設計風格的時候就盡量選擇靈活的設計風格。

這里選擇描邊形式，這種形式的關鍵詞在于描邊和圖表，你不一定兩者都要用到，但是給人的感覺一定是大量的用到線。

這里我們先來創建版面網格，產品的圖片相對來說內容還是比較多的，所以盡可能放大。

放置標題和注釋文字，讓下方版面穩定下來。

就近吸取圖片的顏色作為背景色，讓畫面融入到版面中去。

置入店鋪 logo 元素，酌情加入一些圖形元素，因為地毯有一些大自然的感覺，加上產品名中有「摔倒」的意思，放置一些自由有掉落感的小水果會比較有意思。

接著來看這個文案，這是一個產品直播的廣告，這里的三張圖片相互組合，會產生一定的故事性。

多張矩形圖片，且不方便摳圖的情況下，依賴網格能做出比較好的秩序感，并且十分契合色塊的形式。這種形式因為色彩的多樣性，整個版面會給人一種靈活生動的感覺。

規劃網格，要注意好圖片的主次關系，以及圖片和文字之間的主次關系。

吸取畫面中的主色調，填充版面，這里做一個顏色的對比，吸取人物手中水果的顏色，創造色塊的形式。

添加幾何圖形和圖片混排，版面層次變得較為豐富。

這時候文字就考慮不去做字號對比，部分文字著色呼應一下版面中的色彩就可以了。

通過今天的課程希望大家可以了解到，設計與設計之間的底層邏輯都是互通的，在學習和工作的過程中，不要僅僅只著眼于自己的領域。

從電商設計的領域中蹦跳出來，就會發現很多不同的設計手法，而將這些手法放在設計中，不僅美觀度提升了，還能使自己品牌在同品類的競爭中脫穎而出。

歡迎關注研習設的微信公眾號：「Yanxishe2017」