品牌型號(hào)：聯(lián)想GeekPro 2020
系統(tǒng)：Windows 10 64位專(zhuān)業(yè)版
軟件版本：Figma入門(mén)版
在Figma的設(shè)計(jì)操作中，如果想讓產(chǎn)品呈現(xiàn)出更多樣化的設(shè)計(jì)效果，可以應(yīng)用Figma的陰影、漸變填充、透明度變化、描邊等功能，為圖形添加更多樣的設(shè)計(jì)效果。另外，F(xiàn)igma也提供了豐富的參考線工具，可幫助設(shè)計(jì)師們進(jìn)行精準(zhǔn)的大小、位置等屬性控制。接下來(lái)，一起來(lái)看看Figma怎么加陰影，Figma怎么隱藏參考線吧。
一、Figma怎么加陰影
陰影是Figma的效果設(shè)計(jì)功能之一，如圖1所示，可通過(guò)點(diǎn)擊Figma右側(cè)設(shè)計(jì)面板中效果的“+”按鈕進(jìn)行添加。除了簡(jiǎn)單的陰影效果添加外，F(xiàn)igma還提供陰影樣式、陰影屬性（包括位置、模糊程度、擴(kuò)展、顏色等）的設(shè)置功能，供大家更好地定制陰影效果。
圖1：添加效果
為圖形添加效果后，如圖2所示，展開(kāi)效果選項(xiàng)，可選擇內(nèi)陰影以及投影的功能。內(nèi)投影，即陰影出現(xiàn)在圖形的內(nèi)部；投影，即陰影出現(xiàn)在圖形的外側(cè)。
圖2：效果選項(xiàng)
以添加內(nèi)陰影效果為例，如圖2所示，所選圖形會(huì)實(shí)時(shí)顯示內(nèi)陰影的預(yù)設(shè)效果。如需調(diào)整陰影呈現(xiàn)的效果，可點(diǎn)擊效果右側(cè)的樣式庫(kù)，或者內(nèi)陰影左側(cè)的屬性功能進(jìn)行調(diào)整。
圖3：內(nèi)陰影
首先看到樣式功能，如圖4所示，展開(kāi)效果樣式后，在其中找到內(nèi)陰影組別（Inner Shadow），可根據(jù)需要選擇合適的樣式，點(diǎn)開(kāi)樣式后，可在左側(cè)預(yù)覽窗口中查看樣式的具體效果。
圖4：內(nèi)陰影樣式
如需更靈活地定制陰影效果，可使用內(nèi)陰影的屬性設(shè)置功能。如圖5所示，展開(kāi)屬性窗口，可以看到Figma提供了位置、模糊、擴(kuò)展與顏色的內(nèi)陰影屬性設(shè)置功能。
其中，位置由x、y軸的偏移量進(jìn)行設(shè)置，分別用于設(shè)置水平與垂直的偏移量；模糊設(shè)置的是模糊半徑數(shù)值，半徑越大，模糊程度越高；擴(kuò)展用于調(diào)整陰影的大小。在顏色屬性設(shè)置中，可選擇不同的顏色以及不同的透明度，讓陰影呈現(xiàn)漸變透明的效果。
圖5：內(nèi)陰影屬性
二、Figma怎么隱藏參考線
Figma的參考線包括像素網(wǎng)格、布局網(wǎng)格、標(biāo)尺、輪廓等，部分參考線是默認(rèn)顯示的。如需隱藏參考線，如圖6所示，可以打開(kāi)Figma左上角的菜單功能，選擇查看選項(xiàng)，將需要隱藏的參考線取消勾選即可。
圖6：查看菜單
學(xué)習(xí)了Figma隱藏參考線的操作后，繼續(xù)來(lái)學(xué)習(xí)下Figma不同參考線的作用。
1.標(biāo)尺
如圖7所示，標(biāo)尺是顯示在畫(huà)板左側(cè)與頂端的測(cè)量參考線，可測(cè)量水平與垂直的距離。默認(rèn)情況下，標(biāo)尺是隱藏的。開(kāi)啟標(biāo)尺能更準(zhǔn)確地設(shè)定圖形的位置、大小、距離等。
圖7：標(biāo)尺
2.布局網(wǎng)格
布局網(wǎng)格是在畫(huà)框、組件等元素中的網(wǎng)格參考線。在Figma的布局網(wǎng)格功能中，可設(shè)置不同尺寸、顏色的網(wǎng)格，幫助定位畫(huà)框、組件內(nèi)的圖形。
圖8：布局網(wǎng)格
?3.顯示輪廓
顯示輪廓是一種僅顯示設(shè)計(jì)圖形外形輪廓線條的參考線。通過(guò)顯示輪廓功能，可隱藏圖形顏色、填充、效果等元素，讓圖形之間的位置、距離更清晰，能幫助設(shè)計(jì)師更好地調(diào)整不同圖形之間的擺放搭配。
圖9：顯示輪廓
4.蒙版輪廓
蒙版輪廓，顧名思義即顯示蒙版輪廓線條的參考線。默認(rèn)情況下，蒙版輪廓是隱藏的。因此，當(dāng)我們將圖形設(shè)為蒙版后，圖形會(huì)變成不可見(jiàn)。為了更好地調(diào)整圖形設(shè)計(jì)的效果，可以開(kāi)啟蒙版輪廓功能，讓遮擋的區(qū)域處于可見(jiàn)狀態(tài)。
圖10：查看蒙版輪廓
5.畫(huà)框輪廓
默認(rèn)情況下，Figma畫(huà)框輪廓是隱藏的。如果希望畫(huà)框的邊界更清晰，可開(kāi)啟畫(huà)框輪廓功能，讓其邊界可見(jiàn)，以避免畫(huà)框內(nèi)的元素超出框架范圍。
圖11：查看畫(huà)框輪廓
三、小結(jié)
以上就是關(guān)于Figma怎么加陰影，F(xiàn)igma怎么隱藏參考線的相關(guān)內(nèi)容。Figma陰影可以通過(guò)設(shè)計(jì)面板的效果功能添加，除了默認(rèn)陰影效果外，F(xiàn)igma也提供了樣式與屬性設(shè)置功能，可供設(shè)計(jì)不同角度、范圍、模糊程度的陰影效果。Figma的參考線包括標(biāo)尺、像素網(wǎng)格、布局網(wǎng)格、畫(huà)框輪廓、蒙版輪廓等，可幫助設(shè)計(jì)師更好地進(jìn)行圖形的位置、大小、距離設(shè)置，如需隱藏或顯示參考線，可在查看菜單中進(jìn)行設(shè)置。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。