魔方格魔方格合作機(jī)構(gòu)> 南京培訓(xùn)學(xué)校>南京新街口天琥教育培訓(xùn)機(jī)構(gòu)
南京新街口天琥教育培訓(xùn)機(jī)構(gòu)
全國(guó)統(tǒng)一學(xué)習(xí)專(zhuān)線 8:30-21:00
位置:魔方格 > 設(shè)計(jì)>UI設(shè)計(jì)> UI界面字體該如何設(shè)計(jì)  正文

UI界面字體該如何設(shè)計(jì)

發(fā)布時(shí)間:2022-03-12 14:36:26來(lái)源:魔方格

在設(shè)計(jì)UI界面字體的時(shí)候,應(yīng)該注意這幾點(diǎn):1.低調(diào);2.靈活性;3.寬度比;4.字間距;5.層次感等。下面是UI設(shè)計(jì)字體應(yīng)注意什么的內(nèi)容,一起來(lái)看看。

1.低調(diào)

一個(gè)完美的Ul字體不容易讓人意識(shí)到它的存在,也不會(huì)喧賓奪主。字體應(yīng)該是方便用戶(hù)使用的,不應(yīng)該給用戶(hù)增加認(rèn)知負(fù)擔(dān)。所以一定要使用默認(rèn)的規(guī)范字體,盡量不要使用奇怪的字體,如少女體或娃娃體。

2.靈活性

在為各種不同的媒介設(shè)計(jì)用戶(hù)體驗(yàn)時(shí),無(wú)法掌握的是用戶(hù)的能力、應(yīng)用場(chǎng)景、使用的瀏覽器、屏幕大小、連接速度,甚至是使用的輸入法。所以,Ul字體應(yīng)該有一定的靈活性,以適應(yīng)不同的媒介。

3.寬度比

比例是指一個(gè)字符的高度和寬度的比例。寬度比越大,字體的識(shí)別度就越高,小屏幕的閱讀體驗(yàn)就越好,所以盡量使用寬度比大的字體。然而,許多設(shè)計(jì)師在Dribbble上發(fā)布作品時(shí)喜歡使用細(xì)長(zhǎng)的字體,因?yàn)楸容^有設(shè)計(jì)感。

4.字間距

字母周?chē)目臻g和字母內(nèi)部的空間一樣重要。如果字母之間的距離太近,就會(huì)很難看。一個(gè)好的Ul字體應(yīng)該在字母之間留下足夠的呼吸空間,以建立一個(gè)穩(wěn)定的節(jié)奏。

5.層次感

層次感可以分為6個(gè)級(jí)別,從h1到h6,它們影響著一行或一段的視覺(jué)流程。設(shè)計(jì)師在做設(shè)計(jì)時(shí)要做好層次的區(qū)分,如字母間距小于字間距,字間距小于行間距等,以區(qū)分信息層次,不能太密或太松。

行間距應(yīng)設(shè)置為字體大小的120%至145%。一般來(lái)說(shuō),每行的字符數(shù)也應(yīng)控制在一定范圍內(nèi)。超過(guò)這個(gè)范圍,文本段落會(huì)顯得太寬,看起來(lái)不舒服。

相關(guān)內(nèi)容: UI UI界面字體 UI設(shè)計(jì)

相關(guān)文章
最新文章
相關(guān)熱詞