UI設(shè)計(jì)中字體使用小竅門(mén)

　　在選擇字體時(shí)，需要考慮很多因素。最重要的是，品牌的個(gè)性，所提供的產(chǎn)品或服務(wù)以及受眾。提供無(wú)限不同的字體設(shè)計(jì)，每種字體都有自己的風(fēng)格和風(fēng)格，選擇合適的字體不是一個(gè)草率的決定。下面AAA教育胡老師悄悄給大家說(shuō)說(shuō)UI設(shè)計(jì)中字體使用小技巧。
 

　　雖然在單個(gè)設(shè)計(jì)中嘗試使用多個(gè)字體是很吸引人的，但對(duì)于用戶來(lái)說(shuō)卻是不勝枚舉。如果您不熟悉字體配對(duì)和排版，請(qǐng)從使用相同系列的字體開(kāi)始，換句話說(shuō)，使用單個(gè)字體。合適的字體可以和諧地協(xié)同工作，因此粘貼到一個(gè)字體將自動(dòng)為您的界面提供更具凝聚力的外觀。
 

　　許多字體仍然具有足夠的范圍，以確保您具有用于不同目的的足夠的字體變體。例如，某些字體包括斜體，擴(kuò)展，粗體和壓縮選項(xiàng)等功能。盡管這些確實(shí)允許更多的創(chuàng)造性安排，但應(yīng)避免過(guò)多地使用字體樣式。
 

　　并非所有字體都是一樣的(清晰易讀)，并且在可讀性方面，最好放心使用。傳統(tǒng)上，serif字體是打印的首選之選，因?yàn)樗鬃x，而sans-serif字體更適合數(shù)字接口。
 

　　最后，選擇字體時(shí)，至關(guān)重要的是要確保字體對(duì)Web瀏覽器兼容。常用的字體庫(kù)(例如Google字體)提供了基于Web的字體文件，這些文件可以在瀏覽器中呈現(xiàn)，并且問(wèn)題最少。專(zhuān)家提示：下載網(wǎng)絡(luò)字體時(shí)，切勿下載過(guò)多的字符集。
 

　　可讀性是指整體閱讀體驗(yàn)的質(zhì)量。UI設(shè)計(jì)人員通過(guò)仔細(xì)管理類(lèi)型的對(duì)比度，大小，組成和顏色來(lái)實(shí)現(xiàn)可讀性。界面上的文字應(yīng)直觀地呈現(xiàn)給您的用戶，以將認(rèn)知負(fù)荷保持在最低水平，并使那些可能有視覺(jué)障礙的人可以訪問(wèn)。為了為您的用戶帶來(lái)豐富的閱讀體驗(yàn)，請(qǐng)遵循以下一些做法：
 

　　格式化
 

　　在世界許多地方，用戶通常從左到右，從上到下閱讀-因此，將文本保持在左側(cè)是確?？勺x性的第一步。一致的左邊緣還為每個(gè)句子完成后的眼睛提供了返回的位置，這使閱讀文本塊變得更快，更容易。設(shè)置格式時(shí)，建議使用嚴(yán)格或者寬松，這樣就可以有效的避免符號(hào)出現(xiàn)在段頭。
 

　　空白空間
 

　　空白是減少讀者必須吸收一次文字量的一種關(guān)鍵方法。充分利用空白會(huì)吸引用戶的視線，告訴他們閱讀什么以及如何閱讀。謹(jǐn)慎且有意地使用它;在空白處略過(guò)可能意味著您的用戶很難分辨太近放置的單詞。另一方面，過(guò)多的空白將使用戶感到困惑。
 

　　層次結(jié)構(gòu)
 

　　可以通過(guò)使用對(duì)比度，填充，交替的文本大小和邊距來(lái)實(shí)現(xiàn)良好的層次結(jié)構(gòu)。
 

　　線高
 

　　行高，也稱(chēng)為前導(dǎo)，是指文本在行中垂直間隔的方式。理想的行高取決于字體本身的大小，但是，如果您使用16的標(biāo)準(zhǔn)字體大小，則通常認(rèn)為行高1.5x是一個(gè)不錯(cuò)的起點(diǎn)。如果基本字體大小較小或較大，則可以相應(yīng)地調(diào)整行高。
 

　　字母間距
 

　　字母間距是每個(gè)單獨(dú)字母之間的間距。字母間距經(jīng)常被設(shè)計(jì)人員所忽略，但這可能會(huì)影響文本的可讀性。使用字母間距時(shí)要考慮的一些基本準(zhǔn)則是：
 

　　使用大寫(xiě)字母增加字母間距
 

　　增大字體大小時(shí)減小字母間距
 

　　增加字體粗細(xì)時(shí)減小字母間距
 

　　線長(zhǎng)
 

　　行長(zhǎng)是指文本塊的寬度。較短的行更受歡迎，因?yàn)樗鼈兏子陂喿x?；?440px的屏幕大小和16的基本字體大小，屏幕上文本的建議行長(zhǎng)在60到80個(gè)字符的范圍內(nèi)。對(duì)于移動(dòng)屏幕，此范圍可以調(diào)整為每行35至45個(gè)字符。
 

　　可擴(kuò)展性

　　enmmm-實(shí)在太多了 ! 最后是可擴(kuò)展性，即響應(yīng)式排版的藝術(shù)。在之前的文章中，我們探討了響應(yīng)式設(shè)計(jì)，它是指根據(jù)屏幕尺寸進(jìn)行調(diào)整和重新調(diào)整的用戶界面。當(dāng)以較大的尺寸通過(guò)時(shí)，某些字體很容易看到，而另一方面，字體非常細(xì)的字體或裝飾過(guò)度的字體在較小的設(shè)置下可能會(huì)破裂。將字體合并到用戶界面中時(shí)，確保字體可擴(kuò)展是至關(guān)重要的一步。
 

　　可縮放字體，也稱(chēng)為離群字體或矢量字體，是可以放大或縮小而不會(huì)導(dǎo)致任何失真的字體。每個(gè)字符的輪廓都作為數(shù)學(xué)公式存儲(chǔ)。除了提供無(wú)數(shù)種每種字體的大小外，可縮放字體還具有另一個(gè)優(yōu)勢(shì)，即它們可以充分利用輸出設(shè)備的分辨率。顯示器的分辨率越高，可縮放字體的外觀就越好。
 

　　如果您的字體系統(tǒng)(產(chǎn)品上使用的字體家族)包括旨在多種用途的字體(從小標(biāo)簽到較大的標(biāo)題和大容量?jī)?nèi)容)，請(qǐng)選擇與多種尺寸兼容并提高每種尺寸的可讀性和可用性的字體。這些包括Lato，Univers和Avenir。
 

　　在界面中測(cè)試文本的可伸縮性時(shí)，請(qǐng)務(wù)必使用真實(shí)文本。Lorem Ipsum占位符無(wú)疑在某些情況下很有用，但是使用對(duì)界面重要的單詞和句子字母測(cè)試可伸縮性將使您更實(shí)際地了解它們的伸縮性。