技術中(zhōng)心

這裏象征着我(wǒ)(wǒ)們的态度和能力

騰訊和IBM都發布了新字體(tǐ),還不學點字體(tǐ)使用技巧嗎(ma)?
發布者:懶丫頭    信息來源:網絡整理    發布時間:2017-11-22      浏覽次數:8968
分(fēn)享到:

甲方:小(xiǎo)趙,這個海報的英文字體(tǐ)不好看,你給我(wǒ)(wǒ)換一(yī)種大(dà)氣的,像迪奧logo那種就挺好。

我(wǒ)(wǒ):???

别急,以後遇到這樣的甲方,把下(xià)面這些内容甩給他們,讓他們知(zhī)道英文字體(tǐ)是不能随便搭配使用的。

在開(kāi)始介紹之前,我(wǒ)(wǒ)們先來回顧下(xià)最近刷屏的關于字體(tǐ)設計的大(dà)新聞,首先是騰訊的視覺傾斜度爲 8°的一(yī)套新字體(tǐ)誕生(shēng)(知(zhī)名字體(tǐ)設計大(dà)師都來了):

接下(xià)來還有本月IBM發布了首套自主設計的字體(tǐ) IBM Plex。它将全面代替原來使用的 Helvetica,并開(kāi)源給所有人免費(fèi)使用哦。小(xiǎo)編居然貪心的希望谷歌再出一(yī)套開(kāi)源字體(tǐ),來看IBM關于新字體(tǐ)的視頻(pín)介紹:

看完視頻(pín)是不是覺得字體(tǐ)設計特别高大(dà)上呢?但其實字體(tǐ)的使用也是很講究規則和技巧的,今天我(wǒ)(wǒ)們就來了解一(yī)下(xià)英文字體(tǐ)的使用搭配技巧:

字體(tǐ)介紹

西文字體(tǐ)種類大(dà)緻分(fēn)爲:無襯線體(tǐ) (sanserif typeface)、羅馬正體(tǐ)或襯線體(tǐ) (roman typerface, serif typeface) 、意大(dà)利斜體(tǐ) (italic)、手寫體(tǐ) (script typerface)、黑字體(tǐ) (blackletter typerface, 也稱作哥特體(tǐ))。今天主要給大(dà)家介紹一(yī)下(xià)比較常用的無襯線體(tǐ)和襯線體(tǐ)。

小(xiǎo)林章《西文字體(tǐ):字體(tǐ)的背景知(zhī)識和使用方法》


1、無襯線體(tǐ)

無襯線體(tǐ)顧名思義,就是指“沒有襯線的字體(tǐ)”。襯線指的是字母結構筆畫之外(wài)的裝飾性線條。無襯線字體(tǐ)字母的豎線和橫線粗細基本相同,像經典的Helvetica和Futula等字體(tǐ)就屬于無襯線體(tǐ)。

作者:Angel Alejandro


無襯線體(tǐ)通常比較簡約、具有現代感,适用于簡單明快、機械科技等主題的設計中(zhōng)。

作者:Anzi .

作者:Leo Natsume; Guilherme Maron

作者:Nahuel Bardi
2、襯線體(tǐ)

襯線字體(tǐ)在筆畫末端具有附加的裝飾線條或者“韻腳”。襯線字體(tǐ)字母的橫線較細、豎線較粗,如Times New Roman、Georgia等字體(tǐ)屬于襯線體(tǐ)。

作者:Jacob Boghosian

襯線有助于水平方向的視線移動,即使用來排長篇文章也不會對閱讀造成負擔,因此襯線體(tǐ)經常用在小(xiǎo)說等大(dà)段文字的排版中(zhōng)。


作者:Cem Ilhan襯線體(tǐ)具有複古傳統的曲線美、個性鮮明、張力十足,通常在時尚奢侈品牌、複古海報設計等使用較多。


作者:kissmiklos .

作者:The Brave Union
字體(tǐ)搭配

字體(tǐ)配對有很多技巧法則,其中(zhōng)被公認通用的一(yī)條規則就是不要使用超過兩種以上的字體(tǐ), 一(yī)種無襯線、一(yī)種襯線字體(tǐ)就足夠搭配組合設計了。

前面也說到襯線字體(tǐ)具有更高的可讀性,如果設計中(zhōng)使用了兩種字體(tǐ),那麽通常無襯線字體(tǐ)用于标題,襯線字體(tǐ)用于正文主體(tǐ)。但是web設計則有可能與此相反,襯線字體(tǐ)作标題、無襯線體(tǐ)作正文,因爲一(yī)般認爲無襯線體(tǐ)在屏幕上可讀性更好。


作者:Graphic Hex; Eman Tawfix

字體(tǐ)搭配的其中(zhōng)一(yī)個技巧是:使用基礎形狀特征相同的字體(tǐ), 比如同宗族的字體(tǐ)。如果某種襯線字體(tǐ)和另一(yī)種無襯線體(tǐ)是按照相同的基本形狀并且互相匹配發展起來的,我(wǒ)(wǒ)們就說這兩種字體(tǐ)屬于同宗。例如ITC Legacy Sans和ITC Legacy Serif;Officina Sans和Officina Serif……

馬庫斯 · 韋格《平面設計完全手冊》

給你安利一(yī)個好用的字體(tǐ)查找工(gōng)具Google fonts (fonts.google.com,需科學上網),可以搜索到同宗族的字體(tǐ)。

如果你不想在成百上千的字體(tǐ)中(zhōng)挑花了眼,那告訴你一(yī)個終極技巧——相信字體(tǐ)設計師的選擇,從同一(yī)字體(tǐ)設計師設計的字體(tǐ)中(zhōng)選擇配對字體(tǐ)。

每位設計師都有其獨特、典型的風格,所以同一(yī)設計師設計的不同字體(tǐ)在外(wài)形上總有較高的相似度。假如你很喜歡Gill Sans,通過搜索網絡可以得知(zhī),這個字體(tǐ)的設計師Eric Gill還設計了另外(wài)一(yī)款襯線字體(tǐ)Joanna,那麽Gill Sans和Joanna字體(tǐ)的搭配效果肯定不會差。


作者:Divya Bhardwaj

作者:Sergio Ävila

作者:Camille Allen


以下(xià)圖片來自David Kadavy《黑客與設計:剖析設計之美的秘密》一(yī)書(shū),其中(zhōng)列出了幾種常用的字體(tǐ)、适用場合以及适合搭配的字體(tǐ)。

注意事項: 同一(yī)字體(tǐ)組的字體(tǐ)混合效果一(yī)般不好,最好不要混合搭配使用。如下(xià)圖字體(tǐ)矩陣中(zhōng)同一(yī)豎排的字體(tǐ)可以搭配,但是同一(yī)橫排的字體(tǐ)不能混用。


馬庫斯 · 韋格《平面設計完全手冊》,字體(tǐ)矩陣中(zhōng)豎排的字體(tǐ)可以搭配使用

馬庫斯 · 韋格《平面設計完全手冊》,字體(tǐ)矩陣中(zhōng)橫排的字體(tǐ)不能搭配使用
最後

以上字體(tǐ)搭配技巧可以總結爲以下(xià)幾點:

1、設計中(zhōng)字體(tǐ)種類不能超過兩種,一(yī)種襯線體(tǐ)、一(yī)種無襯線體(tǐ)搭配使用;
2、選擇基礎形狀相同的同宗族字體(tǐ)搭配;
3、選擇同一(yī)設計師設計的字體(tǐ);
4、印刷中(zhōng)使用無襯線體(tǐ)作标題,Web中(zhōng)使用無襯線體(tǐ)作正文内容。

當然規則不是死的,需要你根據設計中(zhōng)的實際情況去(qù)調整,不斷地總結出适合自己的字體(tǐ)搭配技巧。

4000-880-989
(24小(xiǎo)時熱線)
聯系客服
微信公衆号

官方公衆号

小(xiǎo)程序

©2008-2022 CORPORATION ALL Rights Reserved. 西山區唯美網絡科技工作室版權所有 滇公網安備