網(wǎng)站設(shè)計(jì)

Website development

不會(huì)用高飽和色彩？來(lái)學(xué)習(xí)這3個(gè)實(shí)戰(zhàn)方法！

發(fā)布時(shí)間：2017-01-22 12:30:34

不會(huì)用高飽和色彩？來(lái)學(xué)習(xí)這3個(gè)實(shí)戰(zhàn)方法！.jpg

這段時(shí)間高飽和度的鮮艷色逐漸流行起來(lái)，不過(guò)這類色彩難度比較大，一不小心容易臟。

說(shuō)到色彩，優(yōu)設(shè)一直在跟上潮流，比如2017年的潘通流行色，剛發(fā)布不久，優(yōu)設(shè)就有了相關(guān)的介紹和運(yùn)用方法，想不落潮流的同學(xué)，記得多關(guān)注優(yōu)設(shè)官網(wǎng)喲：《玩轉(zhuǎn)草木綠！在這里了解2017的年度潘通流行色》

配色，對(duì)設(shè)計(jì)師來(lái)說(shuō)是非常有幫助的工具之一。他不僅可以用來(lái)吸引注意、為作品添加氛圍，還可以影響用戶的感知與行為。

無(wú)論是Web還是APP，鮮艷的配色已開(kāi)始逐漸具有人氣。為了將人們的注意力集中于要素之上，讓設(shè)計(jì)能給用戶帶來(lái)深刻的印象，就讓我們來(lái)使用鮮艷的配色吧。

這一次為大家介紹的是：使用鮮艷的配色來(lái)進(jìn)行設(shè)計(jì)的實(shí)用技術(shù)。

使用單色

在鮮艷配色的使用中，常見(jiàn)的就是利用單色。單色色板是指：利用同一種顏色不同深淺的飽和度相互組合構(gòu)成，帶來(lái)視覺(jué)沖擊，提升作品的魅力。與具有很強(qiáng)吸引力的印刷風(fēng)格相組合，單色色板更容易給讀者帶來(lái)具有深刻印象的感官體驗(yàn)。

uisdc-color-20170121-1

要點(diǎn)

使用黑白設(shè)計(jì)的效果與單色相互組合使用，也是一種將用戶的注意力集中在小畫面上不錯(cuò)的方法。

uisdc-color-20170121-3

使用雙色

雙色調(diào)指的是將一副單色原畫通過(guò)改變屏幕的角度，將它變成由兩枚負(fù)片組成的效果。這是突出中間色和再現(xiàn)重點(diǎn)的方法。在以前是印刷上常用的技術(shù)，如今在網(wǎng)絡(luò)上煥發(fā)出了新的活力。雙色調(diào)看起來(lái)很有趣，也非常容易實(shí)現(xiàn)。通過(guò)使用Adobe Photoshop的雙色漸變，就能夠達(dá)到效果。

uisdc-color-20170121-2

雖然雙色調(diào)效果適用于大尺寸的屏幕，你也可以將他運(yùn)用在手機(jī)屏幕上。

uisdc-color-20170121-7

要點(diǎn)

利用雙色調(diào)效果，制作引人注意的效果吧。選擇具有高質(zhì)量的圖像，讓主題變得顯眼。就算是亂七八糟的照片，我們也可以通過(guò)模糊細(xì)節(jié)來(lái)使用它。

uisdc-color-20170121-4

選擇能反映出照片氛圍的配色。要時(shí)刻記得，你可以通過(guò)不同的色彩來(lái)表現(xiàn)出不同的情感氛圍。

在制作網(wǎng)頁(yè)的時(shí)候，進(jìn)行設(shè)計(jì)時(shí)不需要對(duì)現(xiàn)有的圖像進(jìn)行加工，也能夠?qū)崿F(xiàn)雙色調(diào)效果。通過(guò)Colorfilter.css，只用CSS代碼也能夠使用這效果。

重疊效果

使用配色來(lái)傳遞信息的另一種方式，就是在設(shè)計(jì)上利用重疊效果。讓我們?cè)趫D像或動(dòng)畫上重疊半透明的效果吧。與材料設(shè)計(jì)的鮮艷配色相組合，表現(xiàn)出更加現(xiàn)代的氛圍。

uisdc-color-20170121-5

嘗試著在卡片式布局和視頻內(nèi)容上使用重疊效果，不斷的去調(diào)整讓內(nèi)容更加有吸引力吧。

uisdc-color-20170121-6

要點(diǎn)

在單色上使用疊加效果時(shí)，色彩與濾色透明度的調(diào)整是非常重要的。

使用灰暗的、透明度低的顏色作為濾色器，將用戶的注意力集中到顏色而不是背景圖像上。

與之相反利用明亮的、透明度高的顏色作為濾色器，可以將用戶的注意力集中在圖像上。

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,7077,0.html

上一篇：8個(gè)基本錯(cuò)誤報(bào)告技能每個(gè)QA劑應(yīng)該......

下一篇：框架看2017

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁(yè)面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠(chéng)之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問(wèn)題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問(wèn)題可以再里面提出，人員分工到位，解決問(wèn)題很及時(shí)。

張經(jīng)理