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