92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

硬核干貨!漸變色在設計中有哪些妙用?

2022-5-18    seo達人


圖片

對于漸變一詞的解釋:“一種有規律性的變化”。作為設計師我們提到漸變,首先想到的就是漸變色,在工作中漸變色的使用隨處可見,比如色彩搭配、文字處理、圖形圖標等等。

那么在設計中使用漸變色具體有哪些作用呢?希望本期文章對你有所幫助。

 

 

圖片

你也許不止一次的在工作中使用漸變色,但你對漸變色的了解有多少?它有哪些屬性?如何分類?

接下來讓我們重新認識一下漸變色。漸變可分為有規則和不規則兩種。

所謂有規則,顧名思義就是可以通過一些具體參數進行調整的。

首先從基礎屬性上來看,漸變色會根據方向、長短的不同,呈現出不同的視覺表現形式。

方向區別:

圖片

長短的區別:

圖片

在保證其他屬性不變,只改變其長度時:漸變越長,色彩的變化越平緩;反之就會越急促。

如果將設計中的漸變色進行簡單分類的話,可以根據漸變呈現的樣式和顏色屬性作為分類切入點。

從呈現樣式上區分的話,可以將常用的漸變色分為線性、徑向、角度、對稱、菱形。

圖片

根據色彩色相數量的不同,可以將漸變色分為:無彩色、單色、多色。

圖片

同理可以根據色彩的明度和飽和度不同,將漸變色分為高明度、低明度、高飽和度、低飽和度。

圖片

再來說下不規則的,就是沒有太多規律、主觀性比較強,工作中常用的就是通過濾鏡中的模糊或模糊畫廊里的模糊工具,制作不規則漸變。

下面列舉幾個比較常用的制作不規則漸變的方法:

① 利用高斯模糊制作。

方法:繪制圖形填充合適的顏色,通過模糊工具調整。

圖片

圖片


② 利用光圈模糊工具

方法:繪制圖形之后,通過模糊畫廊里的光圈模糊工具,對其每個圖形進行模糊處理,多調整即可。

圖片

圖片

③ 利用液化、路徑模糊工具

方法:簡單畫幾個圖形,填充顏色之后用液化工具隨便涂抹兩下,再通過路徑模糊進行調整。

圖片

圖片

圖片

這里給大家提供幾個制作思路,工具使用的先后順序不同,得到的結果也不同,都是嘗試嘗試,也許會有意想不到的效果。

所以你會發現,漸變色的表現形式是多種多樣的,就跟我們上學時候學習排列組合一樣,每種不同的組合都會產生不一樣的結果。

重新認識漸變色,目的是讓你對其有更系統的理解和認知,那么接下來就詳細說下:漸變色在設計中的妙用有哪些?

 

 

圖片

對于“質感”一詞,百科上是這么解釋的:指造型藝術中運用不同的表現手段表現出的各種不同物體所具有的特質。

如金屬、竹木、陶瓷、玻璃、呢絨等的軟硬、輕重、粗細、糙滑等真實感覺。

而漸變色對于我們營造整體設計質感,有一定的輔助作用,用最簡單的漸變色和純色對比:

圖片

單純只看背景的話,很明顯右側漸變色背景在視覺表現上質感更強、也更加豐富,下面結合案例來看,你認為哪款海報質感更強?

圖片

比如我們經常會看到一些工業設計,在展示產品時經常會用到一些單色漸變或無彩色漸變作為背景。

圖片

圖片

如上圖所示,背景使用漸變色的目的也很明顯,更利于產品質感的凸顯,與產品本身形成視覺上的呼應。

接下來我們用AirPods耳機做個演示:

圖片

不改變整體元素,只在其背景上拉個簡單的灰到白的漸變:

圖片

是不是感覺質感提升了很多?

類似的案例還有:

圖片

圖片

圖片

綜合來看,一般當漸變色的目的是提升整體質感時,多為無彩色漸變或單色漸變。

 

 

圖片

在設計工作中,畫面空、枯燥乏味是很多設計師容易碰到的棘手問題,面對“空”最常見的解決方式就是做加法,也就是說增加視覺元素,而色彩也是視覺元素的一種。

漸變色在視覺上會給人很強的節奏感和審美情趣,通俗來講:相比純色,漸變色在視覺上的變化更豐富、層次感更強。

圖片

人們對于色彩的感知度是非常敏感的,所以當我們的設計作品出現單調、缺少層次感時,通過改變色彩屬性,營造更多視覺上的變化,也能幫助我們解決問題。

比如使用漸變色,就是能很好的解決上述問題,下面看個簡單的案例:

圖片

通過案例對比我們不難發現:在只改變背景配色的情況下,漸變色背景讓作品整體在視覺上變得更加豐富、有層次感。

類似的案例還有很多:

圖片

圖片

圖片

圖片

不僅如此,豐富畫面的漸變色不只是局限于背景,還可以是文字、裝飾元素、圖形等等,前提是要兼顧整體性,以免出現亂的現象。

圖片

下面做個案例,用最近很火的歌曲《漠河舞廳》擼個簡單的海報,先把文字和構圖確定好。

圖片

整體略顯單調,簡單做下調整,適當的加些裝飾的元素。

圖片

這樣就有點感覺了,但整體視覺上還是不夠豐富,給背景加點漸變試試。

圖片

適當的加點雜色,會不會更有質感一些?

圖片

再改個配色形式試試:

圖片

來波紅配綠:

圖片

花里胡哨再來一個:

圖片

當使用漸變色的目的是豐富畫面時,不管是單色、多色,線性還是徑向、規則與否等等,對其就沒有太多的限制。

 

圖片

聚焦,理解起來很容易,就是視線、注意力等集中于某處,舉個例子:

圖片

我們將其看做兩塊黑色的幕布,左側除了漆黑一片,沒有其他任何視覺元素,這就導致我們的眼睛會一直在這塊幕布上來回游離,視線沒有著落點。

而右側幕布上出現了一個綠色的亮點,與周圍大面積的漆黑形成了強烈的視覺反差,此時我們看這塊幕布時,視線就會不由自主的落在綠色亮點上,這就形成了視覺上的聚焦。

正如無印良品的這組“地平線”系列海報一樣,視線總有著落點。

圖片

所以在商業設計中,一直在強調主次、層次,目的就是為了讓用戶看懂你的設計,而不是一味的炫技。

我們也可以把設計上的聚焦理解為強調突出,使得作品整體主次分明,視覺富有邏輯感。

而說到強調突出,很多人都會想到放大、加粗、變色等,常見的表現手法有:對比、留白、光效等等。

另外,漸變中有個模式叫徑向漸變,由四周向中間過渡,給人最直觀的視覺感受就聚焦,很適合用于強調、突出,比如:

圖片

把漸變色用于強調突出作用時,其表現形式有很多種,比如:給需要突顯的標題、文字添加醒目的漸變色、或者是通過使用漸變色塊、圖形、形狀營造視覺差異化,從而達成強調突出的意圖。

在案例中的表現:

圖片

圖片

圖片

想要在設計中實現聚焦,核心還是營造視覺差異,只有這樣在視覺才能形成層次、節奏、主次,這對于商業設計來說是非常重要的。

 

 

圖片

有氛圍感的畫面,即便沒有太多精細化的處理,也能通過整體營造出獨特的美感。

比如暖色調的畫面會給人一種溫馨、陽光、浪漫的感覺;提到春節我們就會想到喜慶、快樂等等,這就是氛圍帶來的特殊感受。

舉個簡單的例子:看到下面的漸變色,第一時間你會想到什么?

圖片

應該會有很多人想到:夕陽、落日、黃昏等等,就像下面這張圖一樣。

圖片

這就是有氛圍感的畫面,即便是簡單的兩個顏色形成的漸變,也能給人帶來無限的遐想。

漸變色本身在視覺上就富有一定的節奏感和層次感,所以用于提升畫面整體氛圍感是再合適不過了。

圖片

圖片

這也是為什么在電商設計中,一提到大促活動、氛圍感要求強些的專題,設計師都會想到藍紫、紅黃、藍青等漸變色的原因。

圖片

圖片

漸變色之所以對提升畫面氛圍感有幫助,主要是因為不同色彩屬性變化帶來的視覺差異化感受。

所以當漸變色用于提升作品氛圍感時,無彩色漸變和單色漸變出現的相對會少一些。

 

 

圖片

通過整篇文章的見解,你是不是對漸變色又有了新的認知?

漸變色對于設計師來說都不陌生,甚至是不起眼的,但卻能幫助我們解決很多設計中的棘手問題。

當然,漸變色還有其他作用,比如:傳遞品牌價值、體現設計美學等等。

你會發現,很多時候并不是說你遇到的問題有多難解決,而是你缺少系統性的知識,不能將單個知識點串聯起來,所以才導致你每次看到文章知識點時都會恍然大悟,到工作中又是不知該怎么辦。

所以一定要利用非工作時間,多做練習,只有大量的練習、總結,才能真正將理論知識變成自己的。

 

原文地址:美工美邦(公眾號)

作者:老張

轉載請注明:學UI網》硬核干貨!漸變色在設計中有哪些妙用?


藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

藍藍設計m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、

UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司




日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
国产成人av在线| 久久久久久一级片| 久久99青青| 国产精品日韩久久久| 欧美日本在线观看| 国产精品色午夜在线观看| 黄网站在线播放| 国产专区精品视频| 青青成人在线| 欧美一区二区三区在线看| 午夜伦理福利在线| 久久久久免费精品国产| 亚洲人成伊人成综合网小说| 国产一区二区亚洲| 精品日本一区二区三区在线观看| 日韩午夜中文字幕| 国产一二区在线| 欧美深深色噜噜狠狠yyy| 在线视频观看一区| 国产成人一区二区三区影院| 国产成人精品久久二区二区| 神马久久av| 国产激情999| 美腿丝袜亚洲一区| 亚洲人成人一区二区在线观看| 伊人久久影院| 91人人爽人人爽人人精88v| 国产嫩草在线视频| 亚洲精品美女| 亚洲精品一区二区久| 亚洲激情社区| 欧美二区三区的天堂| 国产精品一区二区三区四区在线观看| 中文字幕最新精品| 麻豆久久久久| 日韩中文一区二区| 中文在线字幕免费观看| 婷婷久久综合九色综合伊人色| 成人影院在线免费观看| 好吊日视频在线观看| 影音先锋成人在线电影| 日韩精品免费在线视频| 色一情一乱一伦一区二区三欧美| 中文字幕伦理免费在线视频| 福利电影一区| free欧美| 一区二区三区国产| 亚洲一区二区三区不卡国产欧美| a级片免费在线观看| 天天色天天操综合| 亚洲男帅同性gay1069| 亚洲一区在线观看免费观看电影高清| 欧美激情视频在线播放| 国产成人1区| 99re6热只有精品免费观看| 亚洲free性xxxx护士白浆| 8x8ⅹ拨牐拨牐拨牐在线观看| 欧美电影《睫毛膏》| 欧美色欧美亚洲高清在线视频| 亚洲欧美日韩精品久久久久| 日韩av影片| 在线黄色网页| 日韩精品一区二区三区免费观看| 精品123区| 欧美性videosxxxxx| 色噜噜狠狠成人中文综合| 一本一本久久a久久精品综合麻豆| 国产亚洲永久域名| 97国产精品视频人人做人人爱| 欧美电影《睫毛膏》| 国产youjizz在线| 国产精品88久久久久久| 国产精品一区二区三区四区色| av大片在线播放| 一区二区免费在线播放| 久久久女女女女999久久| 一区二区免费看| 欧美精品三级| 亚洲一区在线观看免费观看电影高清| 蜜桃视频在线网站| 欧美天天综合网| 国产伦精品一区二区三| 老司机凹凸av亚洲导航| 成人黄色大片在线观看| 欧美电影免费提供在线观看| 亚洲综合色站| 女子免费在线观看视频www| 亚洲人挤奶视频| 91短视频版在线观看www免费| 国产精品久久久久久久久妇女| 日韩片欧美片| 婷婷亚洲久悠悠色悠在线播放| 91豆花视频在线播放| 成人午夜激情网| 亚洲高清一二三区| 日韩在线视频中文字幕| 日韩av男人的天堂| 欧美伊人久久久久久久久影院| 日韩免费av片在线观看| 在线观看免费一区| 8888四色奇米在线观看| 一区二区三区免费在线观看| 18视频免费网址在线观看| 视频一区二区欧美| 1204国产成人精品视频| 亚洲欧美欧美一区二区三区| 狠狠爱在线视频一区| 日韩福利视频一区| 国产高清不卡| 七七婷婷婷婷精品国产| 成人短视频软件网站大全app| 在线播放精品一区二区三区| 久久久91麻豆精品国产一区| 亚洲第一视频网站| 精品视频99| 日韩中文字幕视频在线| 日韩电影在线免费观看| 麻豆国产精品一区二区三区| 五月天综合网| 欧美freesex黑人又粗又大| 亚洲va久久久噜噜噜久久天堂| 天天综合视频在线观看| 亚洲黄色三级| 成人免费网站在线观看| 久久精品亚洲成在人线av网址| www红色一片_亚洲成a人片在线观看_| 精品国产二区在线| 亚洲精品免费看| 韩国v欧美v日本v亚洲v| 欧美一级日韩不卡播放免费| 99免在线观看免费视频高清| 91亚洲精品久久久久久久久久久久| av网在线观看| 欧美性色xo影院| 国产亚洲欧美日韩精品一区二区三区| 一区二区三区导航| 欧美亚洲综合另类| 日韩一区二区三区电影| 国产精品成人午夜| 日本在线不卡视频一二三区| 国产精品一区2区3区| 久久久久久久久久亚洲| 久久亚洲一区| 亚洲天堂av在线免费观看| 亚洲国产欧美国产综合一区| 少妇激情综合网| 欧美日韩美女在线| 91污在线观看| 欧美大片免费观看网址| 亚洲高清不卡一区| 国产亚洲成人一区| 国产精品久av福利在线观看| 久久激情视频久久| 五月婷婷在线观看| 蜜桃91丨九色丨蝌蚪91桃色| 国产福利一区二区三区视频在线| 亚洲区小说区| 亚洲free嫩bbb| 欧美大片免费观看在线观看网站推荐| 久久久久久一二三区| 91在线视频精品| 午夜激情在线观看| 国产三级三级三级精品8ⅰ区| 久久久久高清|