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