耐克的設(shè)計同樣是采用這個方法，一般來說廠商想要特意退爆款會選擇一種爆款的顏色或配色，而耐克這樣設(shè)計的頁面也是更好的展示了這個商品的獨特的特點，讓人們在任何地方看到這種顏色都會回想起耐克的這款鞋。

C、使用的顏色不要超過3種。

通過上面的案例我們發(fā)現(xiàn)，這些設(shè)計師所用的顏色都不會超過3種，而做為極簡設(shè)計有時候只使用2種顏色，甚至只用黑白灰的變化來進行設(shè)計。

2.看似很復(fù)雜的顏色搭配其實很簡單

在極簡設(shè)計中，顏色的搭配需要非常用心，因為畫面的顏色搭配簡單時，即使稍微有點不協(xié)調(diào)也會被放大很多，因此我們需要了解顏色的幾個屬性：色相、飽和度、明度，還有對比色、相近色等概念。

對于極簡設(shè)計的配色也有幾個方法：

A、 統(tǒng)一明度和飽和度;

下圖中的明度和飽和度非常協(xié)調(diào)，既不覺得哪個顏色過亮也不覺得哪個顏色過暗。雖然是不同的顏色，但是整個畫面也是非常協(xié)調(diào)統(tǒng)一的，我們現(xiàn)在分析一下畫面的顏色。

我們來看一下，上面4個圓形中的顏色是我從圖片中提取出來的，下面4幅圖是顏色的位置和參數(shù)，主要看顏色的位置，就是每幅圖的圓圈位置，我們看到圖中有兩條線，這兩條線就是代碼這4個顏色的明度，可以看到綠色和橘色的明度位置非常相近，黃色和深藍(lán)色的明度位置也很相近，綠色和橘色占整個畫面的絕大面積，因此整個畫面看起來是非常協(xié)調(diào)的。而飽和度就是越接近色板的右上角飽和度就越高，我們看到除了深藍(lán)色，其他3種顏色都處于飽和度比較高的位置，并且位置比較靠近。

大家可以用這兩幅設(shè)計來實驗一下，自己親手解構(gòu)一下配色的明度和飽和度。而我覺得做為設(shè)計師對于顏色的細(xì)致理解是非常有必要的。

B、控制顏色的層次;

所謂顏色的層次我們依然用小牛電動車的圖來分析，可以看到所有的顏色都提取出來后圓形中的顏色。

這樣我們很容易的就能看出來顏色的層次，灰色系有7個層次，而紅色系有4個層次，正因為這樣的層次讓整個設(shè)計顯得非常豐富，并且有立體感而不至于太“平”。

三、考究的字體

文字在電商設(shè)計中的位置極其重要，它承擔(dān)著直觀信息傳播的用途，例如活動頁面的折扣信息、商品宣傳頁面的賣點信息、商品的優(yōu)惠價格、文案內(nèi)容的表現(xiàn)等。而在極簡設(shè)計中，字體的選擇更為講究。

1.選用符合整體設(shè)計風(fēng)格的字體

字體也是有自己的外貌、性格和風(fēng)格的，當(dāng)字體的風(fēng)格與設(shè)計完美的融合在一起的時候，會給整個設(shè)計加分不少。

上面的兩張圖是“什么值得買”的閃屏頁面，我們來仔細(xì)觀察一下眼鏡、相機與字體(文案)的關(guān)系。眼鏡和相機的款式都是非常復(fù)古的，有種民國時代的感覺，因此設(shè)計師選用了一種仿古字體來配合圖案，給人非常統(tǒng)一的感覺，配上精彩的文案就會給人一個民國時期的場景，這也可以叫帶入感。如果我們把圖中的字體換成非?，F(xiàn)代的藝術(shù)字會怎么樣?

換了字體后可以看出，雖然每個字體單獨看都不錯，但是與配圖放在一起就感覺非常的不搭，立刻失去了文案和圖片想要傳達(dá)的那種“工匠”的感覺。

英文的選擇也是如此，看上圖，英文Animal Prints是動物圖案的意思，你會發(fā)現(xiàn)右側(cè)的女性人物應(yīng)該是穿著一條連衣裙的，因此我猜測這是賣女性服裝的一個Banner，而且是屬于比較成熟的那種(看模特身材就能看出來)，因此在選擇字體的時候應(yīng)該選擇偏細(xì)膩柔美的字體，而不是黑粗體。

來看看下圖，感覺是不是差了很多?

下面再來看幾組圖例，試著自己分析一下。

最新評論