品牌型號：聯(lián)想GeekPro 2020
系統(tǒng)：Windows 10 64位專業(yè)版
軟件版本：Figma入門版
文字元素在UI界面設計中承擔著重要的角色，通過應用不同的字體設計，可以讓UI界面呈現(xiàn)出獨特的風格。在Figma的軟件操作中，可通過調(diào)整文字的字體、字號、字距、描邊、填充等屬性，創(chuàng)作出各具特色的文字效果。那么，F(xiàn)igma怎么添加字體？另外，F(xiàn)igma怎么添加交互？本文會對以上兩個問題作詳細講解。
一、Figma怎么添加字體
如果要為Figma添加字體，可以先將字體安裝在本地系統(tǒng)中，然后再通過調(diào)用本地字體庫的方式，為Figma添加字體。
大家如果使用的是桌面版的Figma軟件，可直接調(diào)用本地設備的字體庫；如果使用的是在線版（基于瀏覽器的）的Figma應用，需要先前往Figma官網(wǎng)下載并安裝字體安裝器，才可以調(diào)用本地設備字體庫。
如圖1所示，打開Figma官網(wǎng)的下載頁面（https://www.figma.com/downloads/）后，點擊所需系統(tǒng)的字體安裝器下載鏈接，即可開始下載相關插件。
圖1：字體安裝器
完成字體安裝器的下載后，雙擊安裝包，如圖2所示，即可按照其向?qū)е甘鹃_始安裝插件。
圖2：安裝插件
完成字體安裝器的安裝后，如圖3所示，點擊主頁用戶名右側(cè)的下拉菜單，在彈出的功能界面中點擊“設置”功能。
圖3：主頁設置功能
在Figma的設置功能中，如圖4所示，字體選項顯示“本地字體可用”的字樣，即說明字體安裝器已經(jīng)安裝成功，可自由使用本地設備的字體庫。
圖4：允許本地字體
確認Figma可調(diào)用本地設備的字體庫后，可以開始將字體安裝到本地字體庫中。如圖5所示，依次打開系統(tǒng)的控制面板-字體文件夾。
圖5：系統(tǒng)字體文件夾
在系統(tǒng)的字體文件夾中，如圖6所示，將下載好的字體粘貼到文件夾中，即可完成字體的安裝。
圖6：安裝字體
將字體安裝到本地設備的字體庫后，如圖7所示，打開Figma的文字設計功能，在其字體排印功能中，可展開字體選項并使用新添加到系統(tǒng)的字體。
圖7：字體選項
?二、Figma怎么添加交互
交互指的是UI界面中的人機交互功能，用戶通過鼠標、指頭等操作可觸發(fā)相應的動作事件，以使用網(wǎng)站、軟件、應用等功能。接下來，我們一起來看看Figma怎么添加交互。
Figma的交互設計需要通過畫框進行，如圖8所示，先準備兩個素材，分別是包含文字的畫框1，以及包含漸變圓形的畫框2。在繪制相關素材時，可以先將圖形設計好，再添加畫框。
圖8：繪制畫框
完成畫框的繪制后，如圖9所示，將右側(cè)面板切換到“原型”功能，即用于添加交互的功能。大家如果不清楚怎么添加交互，可參考下方的操作提示，其中包括“創(chuàng)建新的連接”以及“啟動原型”的操作方法。
圖9：原型面板
Figma的交互是通過連接兩個畫框建立的。如動圖10所示，選中畫框1后，其畫框上會出現(xiàn)一個帶加號的圓圈，點擊該圓圈并將其拖動到畫框2上，F(xiàn)igma的交互設置面板會自動彈出，根據(jù)所需的交互操作設置相關屬性即可。
圖10：創(chuàng)建連接
比如，如果要創(chuàng)建一個單擊畫框1后，跳轉(zhuǎn)到畫框2的交互，可以按照圖11所示進行相關設置。其中觸發(fā)設置為“單擊”，動作設置為“導航至”，目標設置為“畫框2”，動畫選擇“即時”。
圖11：交互設計
三、小結(jié)
以上就是關于Figma怎么添加字體，F(xiàn)igma怎么添加交互的相關內(nèi)容。通過安裝Figma的字體安裝器，可以直接調(diào)用本地設備的字體庫。因此，如需為Figma添加新字體，只要將字體安裝到系統(tǒng)即可。Figma的交互設計可通過畫框的連接輕松創(chuàng)建，另外，F(xiàn)igma也提供了豐富的交互觸發(fā)、動作等功能，可供自由創(chuàng)作。
承擔因您的行為而導致的法律責任，
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。