欧美日韩不卡一区二区三区,www.蜜臀.com,高清国产一区二区三区四区五区,欧美日韩三级视频,欧美性综合,精品国产91久久久久久,99a精品视频在线观看

平面設(shè)計

設(shè)計中如何巧妙運用漸變色

時間:2024-06-11 08:22:29 平面設(shè)計 我要投稿
  • 相關(guān)推薦

設(shè)計中如何巧妙運用漸變色

  漸變是設(shè)計師最簡單的手法之一,也是移動端APP背景設(shè)計常用的設(shè)計技巧。所以今天我來教大家如何巧妙運用漸變,迅速提升界面的格調(diào)。那么設(shè)計中如何巧妙運用漸變色呢?一起來學(xué)習(xí)下吧:

  一、垂直線性漸變

  拉漸變是Photoshop的基礎(chǔ)操作,那么如何運用的好看了?顏色選擇才是關(guān)鍵

  我們把一個漸變顏色拆分成A B C三個顏色,每個顏色用HSB標注顏色色值。

  這是某App的一組引導(dǎo)畫面,運用了三組漸變顏色,分別標注HSB的色值,通過這組色值的變化,分析如下。

  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界面面積比較大,在大面積使用漸變的時候。如果只是使用垂直的線性漸變是略顯單調(diào)的,這個時候我們需要加一個球形的漸變。

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

  三、多角度球形漸變

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

  四、色塊漸變

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

  如何選擇色塊的顏色了?一樣運用HSB,逐級加H色值,H色值越大,S相應(yīng)的色值也要逐漸變小。至于希望你的界面整體顏色跨度大還是小,取決你逐級H色值加的多少。

  相信通過我的HSB調(diào)色分析,你可以熟練運用顏色創(chuàng)造各種高大上的漸變。如果有不明白的嗎,也與我互動進行討論。


【設(shè)計中如何巧妙運用漸變色】相關(guān)文章:

UI設(shè)計中的色彩運用08-24

設(shè)計中顏色的運用技巧08-28

廣告設(shè)計中字體設(shè)計的運用08-09

建筑設(shè)計中燈光的運用07-02

漢字在平面設(shè)計中的運用09-02

色彩在動畫設(shè)計中的運用07-20

色彩在平面設(shè)計中的運用06-29

如何巧妙隱藏Word文檔中的指定文字內(nèi)容07-27

雅思寫作中如何運用復(fù)合句07-18

中國元素在廣告設(shè)計中的運用10-13