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

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

時(shí)間:2020-10-29來源:m.5wd995.cn點(diǎn)擊量:作者:Gella
時(shí)間:2020-10-29點(diǎn)擊量:作者:Gella

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

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

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

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

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

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

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

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

  格式化
 

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

  空白空間
 

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

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

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

  線高
 

  行高,也稱為前導(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)則是:
 

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

  增大字體大小時(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ò)展性

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

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

  可縮放字體,也稱為離群字體或矢量字體,是可以放大或縮小而不會(huì)導(dǎo)致任何失真的字體。每個(gè)字符的輪廓都作為數(shù)學(xué)公式存儲(chǔ)。除了提供無數(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占位符無疑在某些情況下很有用,但是使用對(duì)界面重要的單詞和句子字母測(cè)試可伸縮性將使您更實(shí)際地了解它們的伸縮性。

預(yù)約申請(qǐng)免費(fèi)試聽課

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

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

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

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

網(wǎng)站地圖