旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實(shí)習(xí)/?A計(jì)劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計(jì) > UI設(shè)計(jì)利用字體提升排版效果

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

時(shí)間:2020-11-16來源:lb577.com點(diǎn)擊量:作者:Arya
時(shí)間:2020-11-16點(diǎn)擊量:作者:Arya

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

  1、為了更好地組合字體,請選擇“超大字體系列”!
 

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

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

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

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

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

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

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

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

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

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

  如果可以的話,標(biāo)題盡量簡短有力一些。比如「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)化的,這個方法并不適用于全部領(lǐng)域。
 

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

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

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

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

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

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

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

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

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

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

網(wǎng)站地圖