每個(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
朵璞翻譯編輯
本文地址:http://likemindfilms.com/tutorial/di2724.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門正道:好好玩耍的點(diǎn)線面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專題頁(yè)面設(shè)計(jì)篇
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏