每天都在用的“黑體”,原來這么排版才好看!

2021-8-19    seo達人

圖片

漢字的黑體是依據(jù)西文無襯線體特點所創(chuàng)造,黑體起初只有一種筆畫粗細度,由于漢字筆劃多,這會導致小字清晰度較差,所以一開始主要用于標題設計。

隨著制字技術的精進,黑體具有了不同字重和寬窄的字形,讓黑體應用領域更為廣泛,無論標題、內文還是注釋都可以勝任。

圖片

尤其是隨著20世紀末電腦和互聯(lián)網(wǎng)的普及,黑體字的價值得到了進一步體現(xiàn),它簡潔的筆畫特征與屏顯介質特性相符,從而成為了當今各種屏幕媒介中最有發(fā)展前景的字體。

圖片

黑體高度的統(tǒng)一性,可以讓字體本身對眼睛刺激降到最低,而把更多的注意力放在文字表達的內容上,特別適合段落性文字的編排,成為正文使用的首選字體。因為正文強調的是字體“讀”的功能性,為正文選擇黑體可以讓讀者輕松舒適地進行閱讀,專注于文字所表達的內容。

圖片

圖片

各大字庫也開發(fā)有各有特點的黑體,其中免費商用的有:思源黑體、阿里巴巴普惠體、OPPOSans、鴻蒙字體。

圖片

在黑體基礎上又衍生出很多字體,這里推薦的是部分可以免費商用的黑體:

圖片

 

黑體的使用場景

簡潔和規(guī)矩的黑體在氣質上沒有太大的個性,它適用的范圍比較大,可塑性很強,通過字形的變化,可以表現(xiàn)出不同的氣質。

 

現(xiàn)代、科技

黑體簡潔干練和幾何化結構的筆畫特征,呈現(xiàn)出強烈的現(xiàn)代感,適合表現(xiàn)科技、未來感相關的情景。(如電子、科技、互聯(lián)網(wǎng)等行業(yè))

圖片

圖片

 

正式、嚴謹

黑體是極具理性風格的字形,沒有明顯情緒導向也讓黑體給人一種中立客觀的印象,適用運用在各種正式、嚴謹和體現(xiàn)安全信賴感的場景。(如政府、企業(yè)、醫(yī)療行業(yè)等)

圖片

圖片

 

醒目、沖擊力

較粗的黑體強壯有力顯得十分醒目,還具有很強的視覺沖擊力,常用于促銷頁面,口號式的標題配上粗黑體才夠力道。

圖片

圖片

 

渾厚、力量

粗黑體渾厚穩(wěn)重,具有力量感,適合運用在運動、工業(yè)等設計領域。還有著有男性傾向,常用在體現(xiàn)男性產(chǎn)品的設計中。

圖片

圖片

 

高雅、精致

筆畫較細的黑體結構清晰,沒有過多的裝飾,顯得簡約、高雅而精致,有著女性特點,適合運用在服裝、化妝品等行業(yè)。

圖片

圖片

 

黑體的搭配實操

案例一

使字體搭配協(xié)調的一個基本原則就是選擇風格相近的字體。使用同一字族里的字體進行搭配,是最簡單、安全的搭配方法。本次案例使用思源黑體進行搭配示范。通過字體的大小、粗細形成閱讀的層次感。

圖片

西文選擇與黑體風格統(tǒng)一的無襯線體“Univers”,粗細盡量和中文相一致。

圖片

編排效果:

圖片

 

案例二

第二個案例進行一個運動文案的編排示范。帶有強烈動感的書法體,搭配具有力量感的黑體,非常適合運用在一些要體現(xiàn)激情活力的運動、游戲、舞蹈等設計主題,硬朗的黑體與柔和的書法體能夠產(chǎn)生強烈的對比效果。

圖片

西文則選擇與黑體風格統(tǒng)一的無襯線體。注意根據(jù)書法字的結構和筆勢進行排版,通過對文字大小、位置的調整,讓文字看起來更緊密也更有節(jié)奏感。

圖片

也可以選用與書法體風格匹配的西文手寫體進行搭配:

圖片

 

案例三

第三個案例進行一個時尚女裝文案的設計示范。本案例選擇較細的黑體和宋體進行搭配,字形形成了微妙的對比,兩款字體都有著高雅、精致的氣質,運用在具有女性時尚特征的設計中相得益彰。

圖片

西文則選擇和黑體相對應的無襯線體、宋體相對應的襯線體進行搭配。

圖片

編排效果:

圖片

如果感覺排版太過于規(guī)矩,可以嘗試加入手寫體加強字形對比,打破呆板感,營造更強烈的動感。

圖片

黑體無論是識別性、適用面、視覺效果都非常好,新手使用也不容易犯錯,缺點是個性不足,用得不好會顯得平庸。用好黑體是現(xiàn)代設計師必須具備的基本功,需要大家不斷練習來掌握黑體字的使用技巧。

 

原文地址:藝海拾貝Design(公眾號)

作者:鄧海貝


轉載請注明:學UI網(wǎng)》每天都在用的“黑體”,原來這么排版才好看!



藍藍設計建立了UI設計分享群,每天會分享國內外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯(lián)系,我們立即更正或刪除。

藍藍設計bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務






日歷

鏈接

個人資料

藍藍設計的小編 http://bouu.cn

存檔