漸變教程,如何做出迷人的漸變?

2022-12-26 18:07:22 來源/作者: / 己有:7人學習過

  A色 B值非常高,普遍50以上

  從A色到B色,H值的變化范圍為正負30到70,S值減少10,說明B顏色略變淡。

  從B色到C色,H值的變化范圍為正負30到40,S值增加15到50,說明C顏色開始變濃。

  以上色值僅供參考,實際使用并非整數(shù)。根據(jù)以上規(guī)律去有規(guī)則的使用漸變色。

  二、垂直線性漸變 + 球形漸變

  Web界面面積比較大,在大面積使用漸變的時候。如果只是使用垂直的線性漸變是略顯單調的,這個時候我們需要加一個球形的漸變。

漸變教程,如何做出迷人的漸變?

  A+B+C色構成一個漸變,這時候我們再補充一個D色的球形漸變并高斯模糊。D色的圓形矢量形狀要轉換為智能對象,這樣調節(jié)高斯模糊及大小的時候可以無損調整。如果界面上需要運用圖片,我們再補充一個80%透明度的E色,疊加在去色后的圖片上。這樣界面會層次會更加豐富。

  三、多角度球形漸變

  想讓界面更加絢麗,這時候我們可以考慮多組球形漸變搭配使用。例如最新改版的instagram就是一組線性漸變,加兩組球形漸變組成。球形漸變也是由多組顏色構成。

漸變教程,如何做出迷人的漸變?

  四、色塊漸變

  漸變的顏色不只可以運用在一個色塊上,還可以運用在一組色塊上。設計師運用一組近似性色彩,將每個菜單項清晰區(qū)分開,讓界面平衡在一個頻率上,這樣的畫面更有節(jié)奏感和舒適性。

漸變教程,如何做出迷人的漸變?