欧美中文字幕在线播放_人妻无码免费的_中文日韩欧美州_无码av中文系列久久免费

網(wǎng)頁(yè)設(shè)計(jì)的漸變潮回來(lái)了?

2018-07-04 1270 0

8cd357c7d1a70000018c1bf55691.jpg


 

在扁平設(shè)計(jì)新紀(jì)元開(kāi)始之時(shí),一項(xiàng)設(shè)計(jì)師們?cè)?jīng)回避的技術(shù)正在卷土重來(lái)。幾乎在一夜之間,漸變色突然出現(xiàn)在各個(gè)網(wǎng)站設(shè)計(jì)中。


 

從背景圖像到圖片標(biāo)注甚至到用戶界面元素的細(xì)微文理,雙色效果正在大規(guī)模卷土重來(lái)。當(dāng)然也有點(diǎn)不同,以下就是在你再次運(yùn)用漸變色之前你需要知道的事(以及很多可以激發(fā)你創(chuàng)造力的例子)。


 


 

領(lǐng)路的弄潮兒


 


 

 

今年早些時(shí)候,Spotify引領(lǐng)了雙色調(diào)設(shè)計(jì)潮流,雙色蒙板幾乎成為其品牌的視覺(jué)符號(hào)。如果你認(rèn)真看,Spotify使用雙色調(diào)有一個(gè)明顯的漸變梯度,它平衡了明亮的流行色,有時(shí)又通過(guò)使用單色相向明暗漸變。

 

其他很多大品牌也回歸漸變風(fēng)格來(lái)傳遞他們的信息。在線雜志的提供商——Texture,就在它的設(shè)計(jì)中就使用了全屏的漸變。


 

但這些并不是漸變風(fēng)格重返設(shè)計(jì)舞臺(tái)的全部案例。他們?nèi)缬旰蟠汗S般出現(xiàn)在從零售到系列產(chǎn)品等的一切設(shè)計(jì)作品中。

 

漸變的使用中并沒(méi)有什么明確的規(guī)則。他們可能包括多色漸變,中心漸變,對(duì)角線漸變,或者垂直漸變等。在一個(gè)展示或一個(gè)簡(jiǎn)單的專題中,漸變可能是其主要的視覺(jué)元素。

 

特別棒的是,設(shè)計(jì)師們變著花樣來(lái)使用漸變,而且他們真的看起來(lái)很酷。

 


漸變的扁平化配色

 


 


 

當(dāng)漸變被應(yīng)用在扁平化設(shè)計(jì)時(shí)代,他的回歸結(jié)合了大量的扁平化元素,尤其是色彩。在一些最典型、最大膽的設(shè)計(jì)案例中,色彩漸變更是直接從平面設(shè)計(jì)配色表當(dāng)中“借用”的。


 

這些色彩的選用使得漸變有了現(xiàn)代感,看上去也與其他網(wǎng)站的設(shè)計(jì)趨勢(shì)很契合。你還可以玩混搭,用這種色彩風(fēng)格搭配平面藝術(shù)風(fēng)格的漸變,或是在材料設(shè)計(jì)的用戶界面上添加一種漸變,甚至可以嘗試在一個(gè)小項(xiàng)目的背景中添加一個(gè)柔和的色彩組合景。


 

色彩選擇的好處在于它真的是其他趨勢(shì)的一個(gè)補(bǔ)充,在不用完全摒棄現(xiàn)有的審美的前提下,更輕松的轉(zhuǎn)變?cè)O(shè)計(jì)方式,來(lái)將一部分重新設(shè)計(jì)。

 


 

雙色調(diào)很潮


 


 


 

雙色漸變是一個(gè)好的方法。這是一個(gè)與現(xiàn)在的趨勢(shì)結(jié)合的一種漸變,并且這個(gè)漸變非常好用。


 

雙色調(diào)這一概念的缺點(diǎn)就是他有點(diǎn)……被用爛了。似乎給人的感覺(jué)就像所有的設(shè)計(jì)流派都在用同不同的顏色玩同一種漸變模式。(而且不同顏色中大多數(shù)還都是各種藍(lán)色和綠色)


 

對(duì)于流行趨勢(shì)有一點(diǎn)需要注意,那就是:讓他為你所用,做出你的特色。不要復(fù)制別人已經(jīng)用過(guò)的。


 


使用漸變的背景圖片



 


 

得益于漸變?cè)O(shè)計(jì)的流行,帶有深度的背景圖又回來(lái)了,并且很可能持續(xù)流行,(這得益于VR(虛擬現(xiàn)實(shí))),因?yàn)樵絹?lái)越多的網(wǎng)站和設(shè)計(jì)師試著把更多的現(xiàn)實(shí)主義和三維空間的東西融合進(jìn)設(shè)計(jì)里。


 

如今,漂亮的扁平化設(shè)計(jì)越來(lái)越流行,這種設(shè)計(jì)給人的感覺(jué)簡(jiǎn)潔舒適,但是它主要的缺點(diǎn)是缺乏真實(shí)性。不妨在閑暇時(shí)間環(huán)顧四周,親近自然,遠(yuǎn)望天空。你很有可能看到漸變色——有藍(lán)色,紅色,黃色,還有紫色。


 

其實(shí)漸變色和投影是一個(gè)概念,在設(shè)計(jì)的時(shí)候都能增加深度和真實(shí)性。(因此如果是你想要這種效果,就要簡(jiǎn)單而巧妙地使用它)。


 


 

使用漸變疊加的圖片


 


 

a68557c7bbd20000012e7e3fc387.jpg


 

帶有顏色疊加的圖片的設(shè)計(jì)已經(jīng)流行了好一段時(shí)間了,因此從單色疊加轉(zhuǎn)換到漸變色疊加,沒(méi)啥可驚奇的。


 

對(duì)大圖而言這種效果是非常好的選擇,例如關(guān)鍵的頭部能夠幫助用戶把焦點(diǎn)放在重要的設(shè)計(jì)元素上,也能留出一塊空間用于輸入文本,或者進(jìn)行行為引導(dǎo),使之更加具備可讀性。


 

把漸變色疊加在圖片上,這種方法使圖像和顏色之間達(dá)到了某種平衡。色相能夠跟圖片的含義相匹配嗎?你能一直非常清楚地了解并且理解圖片所表達(dá)的故事? 為了保留圖片的完整性和全部信息,這些元素需要以一種十分巧妙的方式結(jié)合起來(lái)。


 

UI元素中的少量漸變


 

55b757c7bbec0000018c1b046180.jpg


 


 

一些設(shè)計(jì)師將漸變加入用戶界面元素中,而這些漸變與其他時(shí)下一些流行的漸變款式不同。這些漸變效果更傾向于小范圍的漸變,而且還是單一顏色的漸變。
 


 

在蘋果早期IOS的時(shí)代,這是一種主流的款式,但是卻并未受到大眾過(guò)多的喜愛(ài)。毫無(wú)疑問(wèn),使用這種漸變看起來(lái)更適用于比較大的元素中。對(duì)于一些像小圖標(biāo)的設(shè)計(jì),這種小范圍的漸變效果很難被識(shí)別,甚至?xí)稚⒂脩舻淖⒁饬?。然而,在一個(gè)大的空間中,這種小范圍的漸變效果能夠抓住讀者眼球,將注意力轉(zhuǎn)向行動(dòng)或者一些特大的按鈕。


 

對(duì)于每種漸變款式,都不應(yīng)讓用戶在看到漸變的時(shí)候,停下來(lái)去想,“哇,這是一個(gè)很酷的漸變效果。”漸變效果在某種程度上應(yīng)該是被無(wú)視的。漸變效果只是用來(lái)增強(qiáng)用戶體驗(yàn),而不是讓用戶注意力停留在美學(xué)形式上,除非你自己是講究追求這種效果的設(shè)計(jì)師。


 

總結(jié)

 

我必須承認(rèn)當(dāng)漸變不再流行的時(shí)候我是覺(jué)得有些遺憾的,所以現(xiàn)在看到趨勢(shì)又復(fù)蘇了我非常激動(dòng),這種循環(huán)很有意思。

 

帶有絢麗顏色的漸變是一種能花最少的時(shí)間來(lái)增加圖片吸引力的方式,簡(jiǎn)單卻不簡(jiǎn)潔既令人心動(dòng)又能引起興趣。這種技巧回歸主流得益于所有的設(shè)計(jì)師的推動(dòng)。

 

—————————————————————————————————————————————————


 


 

 


 


30
評(píng)論區(qū)(0)
正在加載評(píng)論...
相關(guān)推薦