成人亚洲综合,日韩高清一区二区三区五区七区,三级网址日本,亚洲激情成人,av成人在线电影,亚洲免费成人在线,超清首页国产亚洲丝袜

設(shè)計(jì)趨勢:漸變色設(shè)計(jì)重新回歸主流

作者:
2016-08-18
1841

在扁平化設(shè)計(jì)剛剛興起之時,漸變是設(shè)計(jì)師們避之不及的設(shè)計(jì)手法,然而今天它已經(jīng)正式回歸。幾乎是在一夜之間,無數(shù)的網(wǎng)站開始使用漸變色。

在扁平化設(shè)計(jì)剛剛興起之時,漸變是設(shè)計(jì)師們避之不及的設(shè)計(jì)手法,然而今天它已經(jīng)正式回歸。幾乎是在一夜之間,無數(shù)的網(wǎng)站開始使用漸變色。
 

從背景到圖片上的色彩疊加,包括UI元素上所遮蓋的色彩,所有的這一切都表明漸變以一種微妙的方式回歸了。不過和以往的我們所看到的漸變不同,重新回歸的漸變色設(shè)計(jì)有著不一樣的使用技巧和特色,更加貼合這個時代的風(fēng)格和需求了。如果你也想使用,不妨從今天的設(shè)計(jì)示例中學(xué)習(xí)一下“全新”的漸變設(shè)計(jì)。
 

潮流的引領(lǐng)者

2356113051-0.jpg

2356113237-1.jpg

在今年早些時候,Spotify 開始在自家網(wǎng)站上大量使用雙色調(diào)設(shè)計(jì),將雙色調(diào)的潮流帶了起來。如果你仔細(xì)查看Spotify 的頁面會發(fā)現(xiàn),其中色彩其實(shí)是有明暗、色調(diào)的漸變效果的。
 

而其他的著名品牌也開始逐步回歸,開始在設(shè)計(jì)中融入漸變色彩。而在線電子雜志供應(yīng)商 Texture 干脆使用了全屏的漸變色彩設(shè)計(jì)。
 

重新流行的“新”漸變設(shè)計(jì)的案例并不只有這么點(diǎn)兒。更多采用類似漸變設(shè)計(jì)的網(wǎng)站正如同雨后春筍般涌現(xiàn),類型已經(jīng)不拘泥于專題頁,從產(chǎn)品展示到電商網(wǎng)站,不一而足。
 

現(xiàn)在所流行的漸變設(shè)計(jì)其實(shí)并沒有什么特別與眾不同的規(guī)范,或者規(guī)則,它可以是多種不同色彩支架你的加變,可以是從中央到周圍的輻射,可以是從上到下的自然變化,也可以是從角落輻射到其他位置,它可以作為設(shè)計(jì)的主視覺而存在,也可以是諸多特性中的一個。
 

漸變最實(shí)在的一點(diǎn)在于設(shè)計(jì)師可以輕松駕馭,使用范疇不拘泥于一時一地,自由隨性地使用同樣可以創(chuàng)造實(shí)相當(dāng)不錯的效果。
 

扁平化配色與漸變

2356111543-2.jpg

2356113211-3.jpg

漸變配色的回歸正巧是在扁平化大行其道的今天,所以它不可避免地同大量扁平化的元素搭配到了一起,而其中最值得考慮的因素,就是色彩。某些用色最大膽、跨度范圍最大的漸變色設(shè)計(jì)干脆直接就從扁平化配色中“借用”色彩。
 

這些色彩的使用讓色彩的漸變同如今網(wǎng)站的現(xiàn)代風(fēng)更加貼合,顯得更加符合趨勢。將漸變的設(shè)計(jì)同扁平化設(shè)計(jì)的美學(xué)特征融為一體,或者在Material Design 風(fēng)格的界面中適當(dāng)加入一些柔和的色彩組合,都是能帶來不錯的效果。
 

漸變色的使用對于其他的設(shè)計(jì)趨勢而言,是一個不錯的補(bǔ)充,漸變本身的緩沖作用,使得你即使要重設(shè)計(jì)也無需從頭再來。
 

雙色調(diào)的加入

235611MQ-4.jpg

2356115492-5.jpg

雙色漸變是漸變設(shè)計(jì)中的很重要的組成部分。而雙色漸變同其他設(shè)計(jì)趨勢的結(jié)合效果拔群,這一點(diǎn)值得再三強(qiáng)調(diào)。
 

而雙色調(diào)漸變的唯一缺點(diǎn),大概是……被用的太多了。如果你稍加注意就會發(fā)現(xiàn),確確實(shí)實(shí)有一大堆網(wǎng)站采用了雙色漸變來作為背景或者主要視覺模塊,似乎沒有哪種雙色搭配沒人用過。藍(lán)綠和橙紅搭配是用的最多的。
 

謹(jǐn)慎使用這一趨勢,因?yàn)榇_實(shí)很容易與別的網(wǎng)站“撞衫”。
 

漸變背景圖

2356115559-6.jpg

2356116414-7.jpg

漸變的回歸,使得我們再次可以看到許多擁有景深或者縱深的背景圖。虛擬現(xiàn)實(shí)的流行讓越來越多的設(shè)計(jì)師嘗試更加現(xiàn)實(shí)、更加立體的網(wǎng)站設(shè)計(jì),毫無疑問,你會在未來看到更多這樣的設(shè)計(jì)。
 

扁平化設(shè)計(jì)確實(shí)時尚而更易于接受,但是它缺少富有現(xiàn)實(shí)質(zhì)感的元素也是不爭的試試。試想一下自然中元素給人的感受和體驗(yàn)。漸變色的使用很好地緩解了這個局面,畢竟自然界中很少有特別純粹特別單一的色彩。
 

不難想象,漸變色和陰影背后的概念和規(guī)則是相通的。它們?yōu)樵O(shè)計(jì)創(chuàng)造了深度和層次。
 

圖片上的漸變色疊加

23561124E-8.jpg

2356115194-9.jpg

作為一種設(shè)計(jì)趨勢,在圖片上疊加色彩已經(jīng)流行了相當(dāng)長的一段時間。而從圖片上的單色色彩疊加,到漸變色的疊加,是一個相當(dāng)自然的“推導(dǎo)”過程。
 

在頁面的背景、頭圖中加入漸變的色彩疊加,可以讓它們的整體感更強(qiáng),從而讓用戶注意到其他的更加重要、關(guān)鍵的元素,強(qiáng)化頁面的可讀性。這種設(shè)計(jì)對于大圖的作用尤其明顯。
 

在圖片上疊加漸變色的技巧在于平衡色彩和圖片之間的關(guān)系。色調(diào)是否要同圖片的含義相匹配?疊加后能否看清圖片中的細(xì)節(jié)?不同的色彩搭配方式帶來的結(jié)果可能是截然相反的。
 

微妙的漸變與UI元素

2356115404-10.jpg

2356114932-11.jpg

和漸變色的流行做法不同,有些設(shè)計(jì)師選擇在UI元素中使用微妙的漸變色。在較小的UI元素中,色彩變化幅度更加微妙,并且通常使用的都是單色調(diào)。
 

在早期的iOS系統(tǒng)當(dāng)中,這種設(shè)計(jì)相當(dāng)?shù)某R?,不過現(xiàn)在已經(jīng)很少見到了。
 

不可否認(rèn),漸變色還是更適合同較大的元素搭配起來。在較小的元素諸如小圖標(biāo)、小按鈕等控件上使用的時候,色彩梯度并不是那么容易看清楚,甚至有可能讓用戶分心。
 

但是不論是在什么情況下使用漸變設(shè)計(jì),都不要讓用戶產(chǎn)生停下來感慨“Wow好贊的漸變”的效果,這樣就喧賓奪主了。漸變是用來強(qiáng)化用戶體驗(yàn),而非勾引用戶來關(guān)注設(shè)計(jì)美學(xué)的。
 

結(jié)語


坦率的講,當(dāng)初漸變被斥之為“過時的設(shè)計(jì)”之時,我是相當(dāng)傷感的。這也是為何今天看到漸變設(shè)計(jì)回歸的時候如此的興奮。
 

作為設(shè)計(jì)中最常見、最基本的一種技法,漸變設(shè)計(jì)應(yīng)當(dāng)會一直存在下去。


原文地址:designshack
原文作者:CARRIE COUSINS
優(yōu)設(shè)譯文:
@陳子木












0
8
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

版權(quán)信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號