視覺樣式詞條 3-28

漸層Gradient

也常叫做:漸層、漸變、Gradient

你可能會這樣說

看到別的網站背景顏色會慢慢過渡,很有氛圍,自己套了漸層卻像十年前的投影片背景,俗到不行。

白話解釋

漸層是顏色之間的過渡。做得高級的關鍵有兩個:顏色要相近(同色系的深淺,不要彩虹式跳色)、角度要低調(垂直或 135 度斜下)。

淡漸層最百搭:兩個只差一點點的顏色,做出「幾乎看不出來、但就是比較貴」的背景,品牌網站常用這招代替純色。

跟 AI 描述時給方向與幅度:「從深藍到寶藍、垂直、要很淡」,比只說「加漸層」可控得多。

親手試試

高級感的關鍵:兩色相近、角度低調;把兩色拉到一藍一黃試試,馬上回到投影片時代。

圖 3-28 換起點色、終點色與角度——低調的漸層是「幾乎看不出來,但就是比較貴」。

這樣對 AI 說

中文就可以
請幫首屏背景加一個低調的漸層:
從深靛藍到稍亮的寶藍,135 度斜下,兩色差距不要太大。
上面疊一層很淡的雜訊紋理,避免出現色帶。
標題文字保持白色且對比充足。
再給我一款幾乎看不出來的超淡版本,兩個版本截圖讓我挑。

同一課的其他詞