品牌型號：聯(lián)想GeekPro 2020
系統(tǒng)：Windows 10 64位專業(yè)版
軟件版本：Figma入門版
作為一款可在線使用的UI設(shè)計軟件，F(xiàn)igma擁有豐富而實用的矢量繪圖功能，能通過圖層、畫框、組件等各種工具輕松完成產(chǎn)品的設(shè)計。Figma還擁有優(yōu)秀的實時協(xié)作功能，能讓設(shè)計團隊在同一個設(shè)計文件上協(xié)作，大大提高產(chǎn)品設(shè)計的效率。接下來，讓我們一起來學(xué)習(xí)Figma中如何刪除圖層，F(xiàn)igma如何刪除所有交互的相關(guān)內(nèi)容。
一、Figma中如何刪除圖層
與大部分矢量設(shè)計軟件相類似，Figma依靠圖層進行各種元素繪制。無論是文本，還是圖形、圖像，F(xiàn)igma均能創(chuàng)建與元素相對應(yīng)的圖層類型。接下來，本文會通過實例教大家Figma如何創(chuàng)建與刪除圖層。
Figma創(chuàng)建圖層的操作很簡單，如圖1所示，只需使用Figma底部的工具欄繪制圖形、插入圖像、插入文本等，F(xiàn)igma會自動在左側(cè)面板生成與元素類型相對應(yīng)的圖層。
比如本例繪制了兩個矩形，并插入了一個文本。此時左側(cè)面板會自動添加兩個矩形圖層，并分別命名為矩形1、矩形2。文本圖層則以文本內(nèi)容命名。
圖1：創(chuàng)建圖層
如需刪除圖層，可在選擇圖層后，按下delete鍵刪除。如果想批量刪除圖層，可以按下ctrl鍵的同時，依次選擇圖層后按下delete鍵批量刪除。
圖2：選擇圖層
二、Figma如何刪除所有交互
Figma支持動畫與交互的制作，其交互效果包括點擊、拖動、懸停等。另外，F(xiàn)igma也可通過設(shè)置動畫的方式，設(shè)置交互的過渡效果，讓交互更具有真實性。接下來，一起來看看Figma如何創(chuàng)建與刪除交互。
首先，如圖1所示，展開底部的畫框工具，在畫板上繪制一個畫框。
圖3：創(chuàng)建畫框
然后，如圖4所示，在畫框內(nèi)繪制一個圓形，并插入“上傳（upload）”的文本字樣，此時簡單地完成了第一個畫框的制作。
圖4：繪制圖形
接著，繼續(xù)繪制第二個畫框，并在畫框內(nèi)繪制兩個矩形。同時，在兩個矩形中分別插入PIC、TEXT的文本。
圖5：繪制第二個畫框
完成兩個畫框的制作后，在Figma的右側(cè)面板切換“原型”編輯功能。如圖6所示，在“創(chuàng)建新的連接”提示中，F(xiàn)igma會教大家如何制作交互效果，即通過畫框的圓形節(jié)點連接畫框。
圖6：原型面板
具體的操作如動圖7所示，在左側(cè)圖層面板選擇畫框1后，畫框上會出現(xiàn)一個帶“+”的圓形節(jié)點，將該圓形節(jié)點拖動到畫框2，即可完成連接的創(chuàng)建。
圖7：創(chuàng)建連接
創(chuàng)建連接后，如圖8所示，F(xiàn)igma會自動彈出交互設(shè)置面板，其中包含觸發(fā)、動作、目的、動畫的設(shè)置選項。
觸發(fā)功能，即畫框1通過什么動作指向畫框2。Figma提供的觸發(fā)選項包括單擊、拖動、懸停、按下等。
圖8：觸發(fā)
?動作，即觸發(fā)行為發(fā)生后的結(jié)果，比如單擊畫框1后打開畫框2對應(yīng)的鏈接。Figma提供的動作包括導(dǎo)航到、后退、打開鏈接等。
圖9：動作
如果要設(shè)置交互的過渡效果，可使用動畫功能。Figma提供了溶解、移入、移出、滑入、滑出等動畫效果。
圖10：動畫效果
添加交互效果后，如圖11所示，原型面板會自動添加交互項目。如果要刪除交互項目，只需點擊右側(cè)的“—”符號即可。
圖11：刪除交互
每添加一個交互，原型面板就會自動增加一個交互項目。如果要刪除所有交互，如圖12所示，依次點擊右側(cè)的“—”即可。
圖12：刪除所有交互
三、小結(jié)
以上就是關(guān)于Figma中如何刪除圖層，F(xiàn)igma如何刪除所有交互的相關(guān)內(nèi)容。Figma提供了實用的矢量圖形設(shè)計功能，可通過圖層、組件、交互等功能設(shè)計各種矢量圖形。其中，圖層功能位于Figma界面左側(cè)，可通過繪制圖形、插入文本等方式創(chuàng)建圖層，如需刪除圖層，只需選擇圖層后按下delete鍵即可。而交互項目的刪除，只需點擊交互項目的減號按鈕即可。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。