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