旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習(xí)/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > UI設(shè)計中字體使用小竅門

UI設(shè)計中字體使用小竅門

時間:2020-10-29來源:m.lb577.com點擊量:作者:Gella
時間:2020-10-29點擊量:作者:Gella

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

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

UI設(shè)計中字體使用小竅門
 

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

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

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

UI設(shè)計中字體使用小竅門
 

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

  格式化
 

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

  空白空間
 

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

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

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

  線高
 

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

  字母間距
 

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

  使用大寫字母增加字母間距
 

  增大字體大小時減小字母間距
 

  增加字體粗細時減小字母間距
 

  線長
 

  行長是指文本塊的寬度。較短的行更受歡迎,因為它們更易于閱讀。基于1440px的屏幕大小和16的基本字體大小,屏幕上文本的建議行長在60到80個字符的范圍內(nèi)。對于移動屏幕,此范圍可以調(diào)整為每行35至45個字符。
 

  可擴展性

UI設(shè)計中字體使用小竅門

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

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

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

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

預(yù)約申請免費試聽課

填寫下面表單即可預(yù)約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學(xué)費! 怕學(xué)不會?助教全程陪讀,隨時解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ m.lb577.com 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖