UI設(shè)計(jì)利用字體提升排版效果

　　創(chuàng)建一個(gè)好的、實(shí)用的UI需要很多時(shí)間，在這個(gè)過(guò)程中需要修改很多次，這很正常。但我注意到的一點(diǎn)是，有很多共同的問(wèn)題，這些問(wèn)題可以通過(guò)適當(dāng)?shù)男薷膩?lái)實(shí)現(xiàn)。接下來(lái)讓AAA教育的武老師來(lái)講講這7種實(shí)用技巧。

　　1、為了更好地組合字體，請(qǐng)選擇“超大字體系列”!
 

　　在成千上萬(wàn)種字體中找到正確的組合是非常困難的。如果你擔(dān)心的話，試試“超級(jí)家族”。術(shù)語(yǔ)“超家族”實(shí)際上是指一組serif和non-serif組合在一起以相互匹配。他們有不同的風(fēng)格和細(xì)節(jié)，但他們合作得很好。我強(qiáng)烈推薦Merriweather和Merriweather sans、roboto和roboto slab的組合。“超大字體族”最大的優(yōu)勢(shì)在于它是經(jīng)過(guò)驗(yàn)證的高質(zhì)量組合。使用它時(shí)，你不必?fù)?dān)心它。
 

　　2、減少標(biāo)題文本中單詞之間的間距，視覺(jué)平衡效果更好　　

       在標(biāo)題文本中使用較大的字間距，是排版設(shè)計(jì)中最常見(jiàn)的禁忌之一!在放大文本的時(shí)候，常規(guī)比例下的字間距會(huì)顯得更加明顯，視覺(jué)上會(huì)顯得有點(diǎn)「稀疏」，減小字間距能夠讓標(biāo)題文本更加緊湊，在視覺(jué)上更加平衡，通常會(huì)讓人更加愉悅。
 

　　3、UI設(shè)計(jì)排版，注意縱向行間距和段落間距的節(jié)奏感
 

　　當(dāng)你想讓整體排版的節(jié)奏感足夠好的時(shí)候，有必要針對(duì)性地重新調(diào)整行間距和段間距。你需要根據(jù)靠近原則，讓相互關(guān)聯(lián)的標(biāo)題和正文之間的段間距更加靠近一點(diǎn)，讓不相關(guān)的內(nèi)容塊互相之間分開(kāi)，間距拉遠(yuǎn)，從而自然而然地進(jìn)行區(qū)分。通常而言，你可以讓標(biāo)題上方的留白更大一些，標(biāo)題下方的留白更小一些，這樣就可以了。
 

　　4、如果標(biāo)題很短，可以試著使用全部大寫(xiě)
 

　　在英文為主的頁(yè)面當(dāng)中，全大寫(xiě)的文本辨識(shí)度其實(shí)相對(duì)更低的一些，較長(zhǎng)的標(biāo)題文本使用大寫(xiě)字母更是難于辨認(rèn)。不過(guò)對(duì)于僅有一兩個(gè)單詞的短標(biāo)題而言，就容易識(shí)別多了。另一方面，短標(biāo)題使用小寫(xiě)字母會(huì)顯得不夠飽滿，這個(gè)時(shí)候使用大寫(xiě)字母能夠讓它在視覺(jué)上更加突出。相應(yīng)的，在使用全大寫(xiě)的短標(biāo)題當(dāng)中，適當(dāng)?shù)乩_(kāi)字間距，能夠增加呼吸感，降低壓迫感。
 

　　5、如果能讓你的標(biāo)題更加簡(jiǎn)短明了……那么就這么做吧!
 

　　如果可以的話，標(biāo)題盡量簡(jiǎn)短有力一些。比如「It’s your style, and your way」這樣的標(biāo)題可以直接濃縮為「Your style. Your way.」。這樣的標(biāo)題更容易閱讀，也更加有力，更容易被消化和感知到。當(dāng)然，這樣的文案設(shè)計(jì)技巧是需要根據(jù)行業(yè)和領(lǐng)域進(jìn)行優(yōu)化的，這個(gè)方法并不適用于全部領(lǐng)域。
 

　　6、選字體的時(shí)候，盡量選擇有很多不同字重的
 

　　你所下載或者購(gòu)買(mǎi)的字體，是否有很多不同的粗細(xì)/字重/樣式供你選擇?如果你有的選，盡量購(gòu)買(mǎi)或者選擇那種有很多不同字重的字體族。如果這款字體只有一種字重，建議你盡量避開(kāi)它。在很多不同的設(shè)計(jì)項(xiàng)目當(dāng)中，不同的場(chǎng)合可能會(huì)用到不同的字重，如果它只有一種字重，那么你要么只能選擇別的字體，要么就需要額外購(gòu)買(mǎi)，很麻煩。即使這款字體包含兩三種不同的樣式或者字重，也足以應(yīng)對(duì)很多不同的需求，創(chuàng)造出有韻律感的設(shè)計(jì)了。
 

　　7、選擇貼合設(shè)計(jì)風(fēng)格和氣質(zhì)的字體
 

　　不同的字體有不同的風(fēng)格。有的字體粗壯有力，有的柔和自然，有的現(xiàn)代而規(guī)整，有的友好而舒適，有的則有趣且俏皮，等等等等。每種字體都有不同的氣質(zhì)，你需要把握字體的氣質(zhì)特征，有意識(shí)地總結(jié)這些屬性，當(dāng)你在應(yīng)對(duì)不同的設(shè)計(jì)項(xiàng)目的時(shí)候，能夠快速找到氣質(zhì)貼合的字體。這似乎是一項(xiàng)艱巨的任務(wù)，但是從長(zhǎng)遠(yuǎn)來(lái)看，能夠幫你更快地搞定各種設(shè)計(jì)問(wèn)題。
 

　　很多技巧都不復(fù)雜，甚至稱得上是微不足道。但是如果用好這些小技巧，能夠讓你的設(shè)計(jì)事半功倍。更多資訊請(qǐng)關(guān)注AAA教育哦~