四川少BBB搡BBB爽爽爽_四川女人毛多水多A片_四川BBBBBB搡BBBBB_四LLL少妇BBBB槡BBBB_私密直播全婐APP免费魅影_爽到喷水(H)

400-611-9921

當(dāng)前位置:首頁 > 新聞資訊 > 建站知識(shí)
電商中的極簡(jiǎn)設(shè)計(jì)|中篇

2016-09-13

2690

上篇中我們講到了版式在簡(jiǎn)潔中的運(yùn)用,這篇我們繼續(xù)來分析極簡(jiǎn)設(shè)計(jì)中的色彩運(yùn)用!

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

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

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

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

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

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

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

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

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

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

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

耐克的設(shè)計(jì)同樣是采用這個(gè)方法,一般來說廠商想要特意推爆款會(huì)選擇一種爆款的顏色或配色,而耐克這樣設(shè)計(jì)的頁面也是更好的展示了這個(gè)商品的獨(dú)特的特點(diǎn),讓人們?cè)谌魏蔚胤娇吹竭@種顏色都會(huì)回想起耐克的這款鞋。

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

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

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

在極簡(jiǎn)設(shè)計(jì)中,顏色的搭配需要非常用心,因?yàn)楫嬅娴念伾钆浜?jiǎn)單時(shí),即使稍微有點(diǎn)不協(xié)調(diào)也會(huì)被放大很多,因此我們需要了解顏色的幾個(gè)屬性:色相、飽和度、明度,還有對(duì)比色、相近色等概念。

對(duì)于極簡(jiǎn)設(shè)計(jì)的配色也有幾個(gè)方法:

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

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

我們來看一下,上面4個(gè)圓形中的顏色是我從圖片中提取出來的,

下面4幅圖是顏色的位置和參數(shù),主要看顏色的位置,就是每幅圖的圓圈位置,我們看到圖中有兩條線,這兩條線就是代碼這4個(gè)顏色的明度,可以看到綠色和橘色的明度位置非常相近,黃色和深藍(lán)色的明度位置也很相近,綠色和橘色占整個(gè)畫面的絕大面積,因此整個(gè)畫面看起來是非常協(xié)調(diào)的。

而飽和度就是越接近色板的右上角飽和度就越高,我們看到除了深藍(lán)色,其他3種顏色都處于飽和度比較高的位置,并且位置比較靠近。

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

B、控制顏色的層次;

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

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


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


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

免費(fèi)咨詢熱線

400-611-9921

020-29860991

聯(lián)系方式

地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F

業(yè)務(wù) QQ:  3561401262

E-mail:  sales@zomsky.com

微信咨詢
官方微信
微信咨詢
在線咨詢
TOP

立即與縱天項(xiàng)目顧問通話

400-611-9921

您也可以咨詢我們的在線客服或預(yù)約資深顧問

信息保護(hù)中,請(qǐng)放心填寫
關(guān)閉
免費(fèi)獲取方案
东台市| 松滋市| 神池县| 湛江市| 达日县| 庄河市| 扶沟县| 砚山县| 白朗县| 页游| 泰来县| 合山市| 德州市| 宾阳县| 洪雅县| 八宿县| 台中市| 阿克| 阜平县| 保定市| 新乐市| 高碑店市| 营口市| 两当县| 景宁| 新营市| 东乌| 安化县| 桂阳县| 新巴尔虎左旗| 余江县| 蓬莱市| 达拉特旗| 财经| 阜康市| 丰都县| 梁山县| 浮山县| 青神县| 闽清县| 搜索|