GOGOGO免费完整国语版_GOGOGO手机高清在线观看_GOGOGO免费完整国语_GOGOGO高清完整版_GOGOGO免费高清在线完整版_GOGOGO免费高清完整版

上篇中我們講到了版式在簡潔中的運用，這篇我們繼續(xù)來分析極簡設(shè)計中的色彩運用！

在電商設(shè)計中，對顏色的把控非常重要，在某種情況下對顏色控制的好壞直接影響著頁面的停留時間。

一些經(jīng)驗不足的設(shè)計師往往會對顏色的把握非常頭痛，顏色臟、配色不好看、用色過多等都是經(jīng)常出現(xiàn)的問題。

在極簡的設(shè)計中更需要對顏色做減法，并且不斷的調(diào)節(jié)細(xì)微的明度、飽和度和顏色的搭配，正是這些細(xì)節(jié)的調(diào)節(jié)才會讓極簡的設(shè)計更加耐看。

2.讓設(shè)計快速出“彩”的方法

在極簡的頁面里，顏色往往用的非常謹(jǐn)慎，而我們第一步就需要選擇主色調(diào)。

這里有幾種選擇顏色的方法：

A、黑白灰主色調(diào)+亮色輔色；

通過提取出的顏色我們可以看到，上面的頁面設(shè)計中采用了黑白灰做為主色調(diào)，使用亮黃色為輔色，雖然亮黃色為輔色，但是人們第一眼往往會注意亮黃色，而設(shè)計師把70%off的折扣信息的字體顏色選為亮黃色也是對折扣信息的強調(diào)。

耐克和小牛電動車的頁面設(shè)計的顏色選擇都是使用了這個方法，并且小牛為是讓畫面不單調(diào)，背景使用了素色黑白灰的一些圖形元素，這樣既讓畫面豐富起來又不會使顏色過多而顯得雜亂。

B、選擇商品主色調(diào)作為整體畫面的主色調(diào)；

上面的圖是Motox的網(wǎng)頁設(shè)計，頁面的主色調(diào)（背景色）使用了手機背殼的顏色，這樣可以強調(diào)商品色彩，給購買者留下非常深刻的印象。

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

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

通過上面的案例我們發(fā)現(xiàn)，這些設(shè)計師所用的顏色都不會超過3種，而做為極簡設(shè)計有時候只使用2種顏色，甚至只用黑白灰的變化來進(jìn)行設(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è)計顯得非常豐富，并且有立體感而不至于太“平”。

本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-縱天科技


標(biāo)簽：縱天,廣州網(wǎng)站建設(shè),廣州網(wǎng)頁設(shè)計,廣州網(wǎng)站設(shè)計