品牌型號：聯(lián)想GeekPro 2020
系統(tǒng)：Windows 10 64位專業(yè)版
軟件版本：Figma入門版
純色的UI圖形設計看起來有點單調，有沒有什么簡單的效果可以讓圖形更美觀？推薦大家使用Figma的漸變功能，可以為圖形塑造漸變的色彩效果。Figma漸變工具簡單易用，可以輕松設置不同漸變路徑，打造獨特的圖形設計。接下來，一起來看看Figma漸變工具在哪，F(xiàn)igma漸變怎么做的相關內容。
一、Figma漸變工具在哪
與大部分功能相似，Figma的漸變工具是針對對象使用的。因此，在應用漸變工具前，需要先創(chuàng)建圖形等對象。
如圖1所示，展開Figma底部的圖形工具，選擇橢圓形工具，并繪制一個圓形。
圖1：插入橢圓形
選中圓形，如圖2所示，在右側的對象設計面板中找到“填充”功能，F(xiàn)igma繪制的圖形默認填充灰色。
圖2：填充
打開填充面板，如圖3所示，F(xiàn)igma默認顯示純色填充功能。點擊中間縮略圖中的“漸變”功能，即可切換到漸變填充面板。
圖3：填充面板
打開Figma的漸變填充面板，如圖4所示，可對漸變類型、顏色搭配、透明度等屬性進行設置，以打造多樣的漸變填充效果。
圖4：漸變填充
二、Figma漸變怎么做
上述簡單介紹了Figma漸變工具在哪，接下來，繼續(xù)學習Figma漸變怎么做。
首先，如圖5所示，F(xiàn)igma提供了線性、徑向、角度、菱形四種漸變工具。
1.線性指的是沿著直線進行顏色變化，呈現(xiàn)從一端到另一端的漸變效果。
2.徑向指的是漸變效果從內到外的圓形變化效果。
3.角度指的是以順時針方式呈現(xiàn)的扇形顏色變化效果。
4.菱形指的是漸變效果從內到外的方形變化效果。
圖5：漸變類型
以線性漸變?yōu)槔，如圖6所示，F(xiàn)igma線性漸變默認使用頭尾兩端顏色漸變，點擊色條上方的方塊，即可調整顏色。
圖6：線性漸變
如圖7所示，點擊色條開頭上的方塊展開色板，點擊選擇紅色，色條會即時添加紅色，形成紅灰的漸變效果。
圖7：調整漸變色1
?接著，點擊色條尾部上方的色塊，在展開的色板選擇藍綠色，同樣地，色條尾端會即時顯示藍綠色。
圖8：調整漸變色2
調整漸變色條的顏色時，如圖9所示，圖形上的漸變效果也會同步變化。比如本例的圓形圖形，通過上述的漸變填充設置，呈現(xiàn)出從下到上的線性漸變效果。
圖9：預覽效果
除了使用當前默認的兩色彩漸變效果，也可以在色條上添加新的漸變顏色，構造三種或以上色彩的漸變效果。
如圖10所示，點擊顏色列表右上角的“+”按鈕，色條上會自動添加方塊，移動方塊可調整新顏色的添加位置，以改變不同顏色的占比。
圖10：添加漸變色
除了調整漸變路徑、色彩數量外，Figma的漸變工具還可以設置透明度變化。如圖11所示，調整色彩列表中的百分數，可快速調整透明度數值。當然，大家也可以打開色板，移動透明度條的滑片調整數值。
同樣地，漸變效果中的透明度變化可在圖形上實時呈現(xiàn)。
圖11：調整透明度
三、小結
以上就是關于Figma漸變工具在哪，F(xiàn)igma漸變怎么做的相關內容。Figma漸變工具位于右側設計面板的填充功能中，其工具類型包括線性、徑向、菱形與角度。通過點擊漸變色條上的方塊可調整漸變的色彩，另外，漸變效果還可以設置透明度數值，讓圖形呈現(xiàn)出更多樣的設計效果。大家在進行產品設計時，不妨嘗試一下Figma的漸變工具。
承擔因您的行為而導致的法律責任，
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經閱讀并接受
上述條款。