您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

每個(gè)設(shè)計(jì)師都該知道的10條字體設(shè)置秘籍

公布秘籍前,先讓大家GET一個(gè)小技能,(如果已經(jīng)知道的,請(qǐng)低調(diào)地直奔正文吧~):在Illustrator、Indesign以及Photoshop中,將文字工具置于兩個(gè)字母之間,按住Alt / Opt鍵的同時(shí),按鍵盤的左右鍵,即可快捷調(diào)整字偶間距噢~

01. 上下顛倒檢查字偶間距

經(jīng)驗(yàn)證,將字母上下顛倒擺放是有效檢查字偶間距的方式


為何要將字母上下顛倒擺放來(lái)查看字偶間距呢?因?yàn)檫@樣可以避免你先入為主地閱讀單詞,有助將字母作為圖形來(lái)看待,從而更好地審視它們之間的位置關(guān)系。當(dāng)然,如果需要根據(jù)詞意來(lái)對(duì)字母進(jìn)行特殊處理,那么這個(gè)方法自然就不適用了。就常規(guī)單詞而言,這個(gè)方法久經(jīng)驗(yàn)證,是用來(lái)檢查字偶間距的良方。 

02. 模糊處理

模糊處理后,可以將視覺(jué)注意力集中在字體的對(duì)比度和留白空間上


另一個(gè)實(shí)用技巧就是模糊處理了(或者截屏在PS里做模糊效果,或者微微瞇起雙眼)。一如 Brian Hoff 在他的文章中所提到過(guò):“我喜歡瞇起眼或作斗雞眼來(lái)模糊我的視線,這樣可以避免我被單詞的含義所影響,將注意力集中在字體的對(duì)比度和留白空間上?!边@實(shí)為一個(gè)非常實(shí)用的技巧。

03. 用氣球填充字偶間距

在字母間留出距離,來(lái)置入大小合適的氣球


這個(gè)方式聽起來(lái)有些抽象(該想法由設(shè)計(jì)師 Tom Sewell 提出),就是想象每個(gè)字母之間都有個(gè)相同尺寸和體積的氣球,從而保持字母間的距離。Tom 說(shuō)到:“要確保氣球上下不被擠壓,恰好適合字母間所留出的空間?!边@個(gè)技法很有趣,也很實(shí)用。

04. 利用字母“o”來(lái)控制間距

另一個(gè)小技巧就是靠你的雙眸了,確保每個(gè)字母前后的空間在視覺(jué)上看起來(lái)是合理的。一條黃金法則就是想象每個(gè)字母間,都端坐著一個(gè)“o”(該想法也由 Tom Sewell 提出)。

05. 設(shè)置標(biāo)題間距

如果你手中在做的是非襯線體標(biāo)題,那么確保先大致設(shè)置字間距,后調(diào)整字偶間距。


字間距和字偶間距在標(biāo)題中最易見(jiàn),也最好調(diào)整。在非襯線字體中,間距問(wèn)題也暴露得尤為明顯。

如果你手中在做的是非襯線標(biāo)題,那么確保先大致設(shè)置字間距,后調(diào)整字偶間距。如果幾乎每個(gè)字母的字偶間距都需要在-10,可先將字間距統(tǒng)一調(diào)整為-10后,再進(jìn)行逐一調(diào)整。

這個(gè)方法同樣也適用于數(shù)字。好比數(shù)字“1”以及其前后的數(shù)字,或是空格關(guān)系,例如:’213’,1和前后兩個(gè)數(shù)字的字偶間距相對(duì)需要緊一些。如果是“11”,那么字偶間距就要十分緊湊了。

06. 切勿縮放大寫字母

千萬(wàn)不要縮放大寫字母后,稱其為“小寫”


John D Berry 是多本有關(guān)字形與字體書籍的作者,要問(wèn)他最有用的訣竅是什么?回答是:除非你清楚真假小型大寫字母間的區(qū)別,最好別用設(shè)計(jì)軟件里的那個(gè)選項(xiàng)。千萬(wàn)不要縮放大寫字母后,稱其為“小寫”,因?yàn)樗鼈儾⒉皇恰H绻惴且詫赖剡x擇使用小型大寫字母,那么確保正確設(shè)置字間距,它們通常需要比小寫字母的間距寬松一些。

07. 勿用過(guò)多字體

控制選用的字體種類,可以使版面清晰簡(jiǎn)潔。


要將字體視為設(shè)計(jì)項(xiàng)目整體中的一部分,這點(diǎn)很重要。當(dāng)使用的字體超過(guò)三種時(shí)——也許同時(shí)有粗襯線體、非襯線體以及展示體,這樣很可能造成內(nèi)容不易讀或不被易理解,從而導(dǎo)致項(xiàng)目缺乏秩序感。每款字體通常都有不同粗細(xì)供選用,將其正確組合使用,便可以在打造簡(jiǎn)潔設(shè)計(jì)的同時(shí),不失層次感,呈現(xiàn)清晰銳利的視覺(jué)效果。所以,好好考慮,是非要很多種字體呢?還是選用一種字體,用不同的粗細(xì)來(lái)打造一個(gè)有效的設(shè)計(jì)?要感謝 Hey Studio 提供的這個(gè)建議。

08. 革命性字體租賃服務(wù)

Skyfonts 實(shí)現(xiàn)了讓用戶先體驗(yàn)后購(gòu)買的服務(wù)


現(xiàn)在有了一種新型字體租賃服務(wù)——它解決了一個(gè)長(zhǎng)久以來(lái)的困擾,實(shí)現(xiàn)了讓用戶先試用體驗(yàn)后,再進(jìn)行購(gòu)買。它就是來(lái)自 Monotype 的 Skyfonts,用戶可以五分鐘免費(fèi)試用字體庫(kù)中的任意字體。

你也可以購(gòu)買點(diǎn)數(shù),根據(jù)需求按日或按月租賃。當(dāng)然,很多字體服務(wù)商都在網(wǎng)站上提供免費(fèi)測(cè)試體驗(yàn),但是這和在你常用的設(shè)計(jì)軟件中體驗(yàn)還是有著天壤之別??偠灾?,只有在真正開始文字的編輯工作之后,才能知道這個(gè)字體適用與否。

09. 不要令字體變形(除非你有意為之)

如果要將字體變形,確保你有充足的理由要這么做


除非是要制造特殊效果(或進(jìn)行插畫制作),不要隨意拉伸、扭曲或在轉(zhuǎn)曲線后竄改字體外形比例。想象一下,你應(yīng)該不會(huì)扭曲一張照片或矢量圖,因?yàn)檫@很有可能造成極不美觀且不專業(yè)的后果。如果要編輯一個(gè)字體外形,確保有充足的理由,肯定自己不會(huì)毀了字體設(shè)計(jì)師日以繼夜的辛勤成果。

10. 字體是一種聲音

該有趣的概念來(lái)自 Hoon Kim (Why Not Smile),他提到:“對(duì)字體的把握就好比對(duì)聲線的掌控:對(duì)字體的取舍就如同對(duì)音質(zhì)的選擇;字母之間的關(guān)系就好比音色的大小、數(shù)量和不同音階;字體的排版猶如聲音之于時(shí)間和空間。排版設(shè)計(jì)視聽兼?zhèn)?,如果你有一個(gè)好故事,那么,是時(shí)候選用好演員了。” 

備注:
字偶間距(Kerning)是根據(jù)相鄰字母的關(guān)系來(lái)調(diào)整間距,也就是“審美間距調(diào)整”。 
字間距(tracking)是無(wú)視具體字母的“字符間距調(diào)整”。

原文來(lái)自:creativebloq

朵璞翻譯編輯

[教程作者:dooplus]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://likemindfilms.com/tutorial/di2724.html
網(wǎng)頁(yè)設(shè)計(jì)如何實(shí)現(xiàn)“雜志海報(bào)風(fēng)”
求助!需求人要我給他做個(gè)banner
圖趣網(wǎng)微信
建議反饋
×