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