優(yōu)秀UI設(shè)計(jì)師必知的字體設(shè)計(jì)規(guī)范

　　前幾期給大家分享了關(guān)于UI設(shè)計(jì)的排版、配色、流行趨勢(shì)、情感化設(shè)計(jì)等等。這些都固然重要但是似乎忽略了什么，沒錯(cuò)那就是字體!今天AAA教育胡老師就和大家聊聊優(yōu)秀UI設(shè)計(jì)師必知的字體設(shè)計(jì)規(guī)范。
 

　　字體為什么重要?
 

　　字體不僅僅只是字體，它更是用戶界面設(shè)計(jì)的重要組成部分。好的排版將建立強(qiáng)大的視覺層次，為網(wǎng)站提供圖形平衡，并設(shè)置產(chǎn)品的整體色調(diào)。字體指導(dǎo)并通知用戶，優(yōu)化可讀性和可訪問(wèn)性，并確保出色的用戶體驗(yàn)。
 

　　字體樹立品牌知名度
 

　　適合產(chǎn)品的字體不僅會(huì)增強(qiáng)網(wǎng)站的個(gè)性，而且用戶會(huì)將字體與品牌相關(guān)聯(lián)。獨(dú)特的字體可以幫助建立強(qiáng)大的用戶群，建立對(duì)用戶的信任，并幫助您進(jìn)一步提升品牌知名度。
 

　　反思個(gè)性，語(yǔ)氣和品牌
 

　　盡管實(shí)際上可以在網(wǎng)絡(luò)上有很多字體可供選擇，這意味著可以使用產(chǎn)品獨(dú)有的字體，但事情很容易變得過(guò)于復(fù)雜-特別是如果不知道從哪下手。這就是為什么仔細(xì)考慮產(chǎn)品的目的以及受眾的重要性如此重要的原因。
 

　　排版并不是界面的點(diǎn)睛之筆，它只是將所有UI設(shè)計(jì)元素結(jié)合在一起的粘合劑。但是，由于有許多可用的字體，很多UI設(shè)計(jì)師在選擇適合該產(chǎn)品的字體會(huì)感覺像雷區(qū)。為了幫助小伙伴，給大家說(shuō)說(shuō)字體以及注意事項(xiàng)。
 

　　字體分為襯線和無(wú)襯線。為了使界面整潔，精簡(jiǎn)，優(yōu)秀的設(shè)計(jì)師永遠(yuǎn)不會(huì)使用三種以上的字體，并且將裝飾字體的數(shù)量降至最低。大多數(shù)UI設(shè)計(jì)師都會(huì)將襯線字體與sans-serif字體配對(duì)，例如將主體文本置于serif字體中，將標(biāo)題置于sans-serif字體中，反之亦然。
 

　　一致性
 

　　保持字體一致是避免混淆和混亂界面的關(guān)鍵。在傳達(dá)信息時(shí)，必須堅(jiān)持相同的字體樣式，以便用戶立即理解他們正在閱讀的內(nèi)容，并開始注意到一種模式。雖然可以在一定程度上處理層次結(jié)構(gòu)，但最好的做法是建立一致的字體層次結(jié)構(gòu)(一種用于標(biāo)題的一致字體，另一用于子標(biāo)題的一致字體)并堅(jiān)持使用。
 

　　主要字體
 

　　用于所有較大的文本，例如標(biāo)題，標(biāo)題是頁(yè)面上最可見的字體。因此，至關(guān)重要的是要反映出品牌的身份-這意味著在選擇主要字體時(shí)可以更具創(chuàng)造力和更大膽。
 

　　次要字體
 

　　輔助字體將構(gòu)成副本的正文。由于頁(yè)面上的任何文章或說(shuō)明都將使用輔助字體，因此它應(yīng)該干凈且易于閱讀，且不會(huì)產(chǎn)生壓力。
 

　　確保字體可縮放
 

　　當(dāng)以較大的尺寸通過(guò)時(shí)，某些字體很容易看到，而另一方面，字體非常細(xì)的字體或裝飾過(guò)度的字體在較小的設(shè)置下可能會(huì)模糊。將字體添加到UI設(shè)計(jì)中時(shí)，確保字體可伸縮是至關(guān)重要的一步。
 

　　可縮放字體，也稱為離群字體或矢量字體，是可以放大或縮小而不會(huì)變形的字體。每個(gè)字符的輪廓都作為數(shù)學(xué)公式存儲(chǔ)。除了提供無(wú)數(shù)種每種字體的大小外，可縮放字體還具有另一個(gè)優(yōu)勢(shì)，即它們可以充分利用輸出設(shè)備的分辨率。顯示器的分辨率越高，可縮放字體的外觀就越好。如果您的字體系統(tǒng)(產(chǎn)品上使用的字體家族)包括旨在多種用途的字體(從小標(biāo)簽到較大的標(biāo)題和大容量?jī)?nèi)容)，請(qǐng)選擇與多種尺寸兼容并提高每種尺寸的可讀性和可用性的字體。
 

　　在界面中測(cè)試字體的可伸縮性時(shí)，請(qǐng)確保使用真實(shí)文本而不是Lorem Ipsum占位符。這樣更實(shí)際地了解它們的擴(kuò)展程度。
 

　　6.注意字體加載時(shí)間
 

　　許多設(shè)計(jì)師經(jīng)常忽略的一件事是選擇對(duì)Web瀏覽器友好的字體。很少有人有耐心等待緩慢的加載時(shí)間-實(shí)際上，緩慢的加載時(shí)間甚至可能會(huì)損害站點(diǎn)的UX交互設(shè)計(jì)。常用的字體庫(kù)就提供了基于Web的字體文件，可以在瀏覽器中完美呈現(xiàn)它們而不會(huì)出現(xiàn)任何問(wèn)題。 下載網(wǎng)絡(luò)字體時(shí)，切勿下載過(guò)多的字符集，語(yǔ)言或樣式。這樣可以避免多余的體重。