<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

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

          2022-5-18    seo達人


          圖片

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

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

           

           

          圖片

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

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

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

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

          方向區別:

          圖片

          長短的區別:

          圖片

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

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

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

          圖片

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

          圖片

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

          圖片

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

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

          ① 利用高斯模糊制作。

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

          圖片

          圖片


          ② 利用光圈模糊工具

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

          圖片

          圖片

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

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

          圖片

          圖片

          圖片

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

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

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

           

           

          圖片

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

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

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

          圖片

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

          圖片

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

          圖片

          圖片

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

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

          圖片

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

          圖片

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

          類似的案例還有:

          圖片

          圖片

          圖片

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

           

           

          圖片

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

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

          圖片

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

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

          圖片

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

          類似的案例還有很多:

          圖片

          圖片

          圖片

          圖片

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

          圖片

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

          圖片

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

          圖片

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

          圖片

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

          圖片

          再改個配色形式試試:

          圖片

          來波紅配綠:

          圖片

          花里胡哨再來一個:

          圖片

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

           

          圖片

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

          圖片

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

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

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

          圖片

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

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

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

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

          圖片

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

          在案例中的表現:

          圖片

          圖片

          圖片

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

           

           

          圖片

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

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

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

          圖片

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

          圖片

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

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

          圖片

          圖片

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

          圖片

          圖片

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

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

           

           

          圖片

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

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

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

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

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

           

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

          作者:老張

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


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

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

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

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

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




          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合