今天，我們要探討的事宜，它既是網(wǎng)站建設(shè)一個(gè)熱門趨向又是一個(gè)永恒的藝術(shù)——字體。下面列出的基礎(chǔ)規(guī)則將幫助你在設(shè)計(jì)中更加理解怎樣構(gòu)建和操作文字。
當(dāng)意識到這些規(guī)則,差不多能夠提升你創(chuàng)造的所有事，包含一個(gè)標(biāo)題或者是緊要的字體排版元素。當(dāng)前，讓我們著手進(jìn)修吧!#1 進(jìn)修基本知識
為了實(shí)現(xiàn)更靈驗(yàn)的字體排版，第一步是要理解有些藝術(shù)。如果你不熟悉它的觀念，你可能會認(rèn)為字體排版務(wù)必是一個(gè)相當(dāng)簡易的學(xué)科。當(dāng)然，如果你知曉字母系統(tǒng)，那么你已經(jīng)贏得了這場戰(zhàn)役的一半了吧?剩下的就是改變它一點(diǎn)外觀，那么你就有了屬于你自己的字體!在現(xiàn)實(shí)中，字體是相當(dāng)難懂和復(fù)雜的，由于它既是科學(xué)的也是藝術(shù)的。
一個(gè)字體的解剖涉及到極其詳盡詳細(xì)的專業(yè)術(shù)語，嚴(yán)格的尺寸和通用準(zhǔn)則都必須知曉而且遵從。和眾多模式的設(shè)計(jì)一樣，需要聲明地一點(diǎn)是，如果你理解規(guī)則，知曉它好在何處，那么你能夠打破規(guī)則并且有意識地去做設(shè)計(jì)。

一個(gè)在線進(jìn)修字體的最佳網(wǎng)站是—— I Love Typography,一個(gè)描述漂亮字體的博客。這是一張來自我愛字體博客上的圖片，展示有些你應(yīng)當(dāng)熟悉的專業(yè)術(shù)語：

正如你看到的那樣，火速的制作出漂亮的字母就變的復(fù)雜困難了。
上圖極其形象化地解釋了這些專業(yè)術(shù)語，但這并不是一個(gè)具體的術(shù)語清單和你需要熟悉的觀念。例如，術(shù)語中的字母x的高度，字距調(diào)整，還有在平面上不被輸入的基準(zhǔn)線。為了更好的控制這些，你應(yīng)當(dāng)花有些時(shí)間來瀏覽字體術(shù)語表。
這是什么鬼?
這個(gè)問題的結(jié)論是顯而易見的：“由于你是一個(gè)設(shè)計(jì)師!”如果你時(shí)常里操作單詞創(chuàng)造設(shè)計(jì)作品的話，不管你打算做還是不做你都要深入研討鉆研字體。花些時(shí)間進(jìn)修的基礎(chǔ)原則會讓你清楚理解你選取的字體，其中操作類別的藝術(shù)特色和方式。
#2留意你的字距
這篇文章不是為了研討字體設(shè)計(jì)，所以我不會去考上面小節(jié)中提到的每一個(gè)專業(yè)術(shù)語。然而，字距調(diào)整是眾多設(shè)計(jì)師，無論是新的還是老的，都會忽視的事宜。近期我和一個(gè)女性時(shí)尚網(wǎng)站的高級藝術(shù)總監(jiān)在探討字體這門學(xué)科。讓她有種失落感的事宜是她下面的設(shè)計(jì)師都缺乏對字距調(diào)整的認(rèn)識。
字距是什么?
字距調(diào)整就是在給出的一個(gè)字體調(diào)中去調(diào)整兩個(gè)字母之間的間隔。
留意這是一個(gè)單獨(dú)問題，它需要同時(shí)調(diào)整所有字母的空間距離。你或許會認(rèn)為這是一個(gè)高價(jià)昂貴的項(xiàng)目，就像Adobe Illustrator會自動為你修復(fù)所有字間距的問題，因此你也認(rèn)為字距調(diào)整不是問題，不會出當(dāng)前你的藝術(shù)作品中。 再想想，考慮一下。心得一下下面給出的例子：

即使你還不習(xí)慣找字距調(diào)整的問題，(固然這些問題可能是很細(xì)小的)但它們卻真實(shí)的存在。在上面的例子中，留意到大寫字母“D”從其余的字母中明顯的突顯出來了。默認(rèn)情形下,許多字體,尤其是那些有明顯的襯線,它們具備不統(tǒng)一的字符間距。通常情形下，在一個(gè)段落或句子中，混合著有些不統(tǒng)一的字距做副文本，通常情形下這不是什么大問題。然而，當(dāng)你在處理只有寥寥數(shù)語的時(shí)候，如在標(biāo)題或logo中，忽略字距問題能夠摧毀整個(gè)審美。
當(dāng)在處理網(wǎng)頁字體和css控制網(wǎng)頁字體顯示樣式時(shí)，字距調(diào)整問題變?yōu)橄喈?dāng)復(fù)雜;如果你在Illustrator，Photishop等軟件中作為圖像創(chuàng)立一個(gè)文本(用來印刷或者網(wǎng)站制作)，那么修改起來會極其容易。在兩個(gè)字符之間插入你的光標(biāo) ，蘋果電腦上是option鍵(PC=alt)結(jié)合左右方向鍵調(diào)整字距空間。請記住，不要集中在這么多的字母和字母的負(fù)空間上。試著讓整個(gè)單詞或短語的空間在視覺上保持統(tǒng)一。
#3留意字體的洽談交流
字體的選取從不是一個(gè)武斷任意的進(jìn)程。通過你自己的字體庫找一個(gè)你喜愛的字體看上去很簡易，但這樣很少會得到一個(gè)靈驗(yàn)的結(jié)果和結(jié)論。原因是，一些確立的類別字體與固有的心理學(xué)有關(guān)。要明白我說的是什么意思，考慮一下下面給出的例子：

如果你是敏銳的，那么你會發(fā)現(xiàn)這些字體選集看上去是極其糟糕的。緊要因素是，有視覺個(gè)性的字體選集和手寫單詞被分開了，脫節(jié)了。你也從不會在看到一個(gè)世界戰(zhàn)斗冠軍用一個(gè)一個(gè)漂亮的腳本字體來表達(dá)驚呼興奮感。同樣的原理，你可能永遠(yuǎn)都不會在你的婚禮請柬上操作Cooper Black字體。我們已經(jīng)習(xí)慣于看到不同類別的用于特定作用的字體。
每種字體都在意識和潛意識兩個(gè)層面?zhèn)鬟_(dá)特定的屬性。所傳達(dá)屬性的兩個(gè)緊要范疇是性別(gender)和時(shí)代。(英語里的Gender,中文翻譯為社會性別/性別，其實(shí)是不對的，這個(gè)詞是所有物質(zhì)的性別，比如語言中詞性有陰性、陽性和中性。)看一下下面的例子。

請留意前兩個(gè)字體強(qiáng)烈傳達(dá)了特定的過去時(shí)代。同樣，下面的兩個(gè)字體各自有著強(qiáng)烈的基于性別的特征聯(lián)絡(luò)。有著堅(jiān)硬邊緣的粗字體往往看起來更加陽剛和男子漢，同時(shí)，曲線玲瓏，纖細(xì)的字體顯示女性的和少女的特征。
這一切似乎都顯而易見，如果你可以借助這些知識，就是用隱式的和直覺的這部分或者你主動有意的去做有些試試，或許你排版的技能將會突飛猛進(jìn)地提升。
關(guān)于更多的字型
理解更多特殊類別的字體，瞧瞧Adobe的類別歸類圖

#4對齊
對齊是字體中一個(gè)非常緊要的觀念。出于某種因素，非設(shè)計(jì)師往往本能地用中心對齊來修復(fù)一切事宜。在生活中，我們理解到，如果一些事宜是對中的，然后讓它保持平衡，因此這樣會更好。在現(xiàn)實(shí)中，居中對齊閱讀起來是最弱的，最難的，應(yīng)當(dāng)用極其有選取性的對齊方式。

上面圖片中的前兩段是左對齊。這種方式是我們習(xí)常用來閱讀的，由于它通常是我們在書籍或者雜志中看到的排版方式。中心對齊的段落閱讀起來更困難，因?yàn)樗狈喞r明的邊緣。每一行都沒有統(tǒng)一的起點(diǎn)或者是終點(diǎn)，所以你的眼睛需要花有些時(shí)間來適應(yīng)每一個(gè)新行。在實(shí)踐中，或許這兩種不同做法是微妙的，但在原則上確是巨大的。
這并不是意味著你在任什么時(shí)候候你只能操作左對齊。你在試圖實(shí)現(xiàn)的時(shí)候，只是務(wù)必要不斷的問自己可讀性與獨(dú)特的審美哪個(gè)緊要。理想情形是這些原則總在一起工作，但事實(shí)上，他們往往對立，需要妥協(xié)一方或另一方。
另一件事需要留意的是混合對齊形式。無論你選哪種對齊形式，盡量在你的設(shè)計(jì)中保持統(tǒng)一。它通常(但并不一直)合適于把標(biāo)題中心對齊,正文左對齊。但如果試試混合排版可能造成視覺混亂和頁面雜亂。
有關(guān)字體排版的更多信息，請查看文章下面。
為網(wǎng)頁選取字體排版的對齊方式

#5選取一個(gè)好的輔助字體
在你選取好一個(gè)緊要的字型后，接下來就是選取另一種字體來強(qiáng)調(diào)它。這是一個(gè)和主字截然相反相沖突選取。看下圖。

上述圖像中的第一個(gè)例子中有幾個(gè)問題。首先，所選字體的類別是極其差的。該輔助字體比主字體更加華麗(和難以閱讀)!這有損于主字體，應(yīng)當(dāng)防止。另外，即使在第一個(gè)問題不是一個(gè)問題，這兩個(gè)字體被一起操作，簡易的說在粗細(xì)上就太相似了。即使它們是在風(fēng)格上截然不同，它們具備相似的筆劃重量在二者之間不能提供足夠的視覺對照。
第二個(gè)圖像操作更恰當(dāng)對照的字體，并且借助了更細(xì)，更簡易的字體做副標(biāo)題。你在設(shè)計(jì)時(shí)，你的字體肯定沒有這么大的反差(例子中的字體用途是故意夸大了的)，只要確保他們足夠的不同，以防止視覺上的混亂，和更多的難點(diǎn)是放在緊要的字體上。
#6尺寸問題
我成為一個(gè)設(shè)計(jì)師有六年了，在六年中我設(shè)計(jì)創(chuàng)作了大量的印刷廣告。其中一件事就是在早期工作中你就知曉傳播資料的標(biāo)題應(yīng)當(dāng)立即抓住讀者的眼球。在印刷的世界中，你只有一兩秒鐘的時(shí)間引起別人的留意。如果你錯(cuò)過了這個(gè)機(jī)遇，那么你就失去了你的隱性 用戶。
這實(shí)際上意味著，當(dāng)你創(chuàng)立一個(gè)標(biāo)題時(shí)，不要簡易地把它打印輸出出來：要去設(shè)計(jì)它。思考以下兩個(gè)例子：

第一個(gè)標(biāo)題需要你閱讀每一個(gè)單詞，才會得到一個(gè)大致的消息。一切都是相同的尺寸，寬度和顏色，這沒有強(qiáng)調(diào)任何部分的消息。單詞“could”在視覺上和單詞“win”一樣緊要。
相比之下，第二標(biāo)題要比第一個(gè)強(qiáng)得多，固然它借助完全相同的消息。我不再去強(qiáng)調(diào)整句話，整句話不再那么緊要，真確在吶喊的是里面的單詞。第一個(gè)標(biāo)題的問題是，觀眾必須愿意花時(shí)間去閱讀它。第二個(gè)的關(guān)鍵是當(dāng)觀眾看到標(biāo)題，只去閱讀最關(guān)鍵的部分，就像偶然發(fā)生的一樣。
縱觀第二個(gè)例子中，你應(yīng)當(dāng)留意到的第一件事就是單詞“WIN”，其次是“THE BAHAMAS”。”在這一點(diǎn)上，如果你是目標(biāo)受眾，我們已經(jīng)激起了你的興趣，你更可能花費(fèi)時(shí)間來瞧瞧這個(gè)消息是怎樣一回事。
#7 當(dāng)作藝術(shù)操作字體排版

當(dāng)前，停止考慮作為簡易的標(biāo)題和正文排版的問題 ，著手思考它作為一個(gè)設(shè)計(jì)元素該怎樣設(shè)計(jì)。字體是精心設(shè)計(jì)的，因此具備一種高的審美對你設(shè)計(jì)庫來說是一個(gè)寶貴的資產(chǎn)。這當(dāng)然遠(yuǎn)遠(yuǎn)超出用字母構(gòu)建外貌。如果你想創(chuàng)立一個(gè)typography-centric設(shè)計(jì)，想想你要如何把英雄和字體結(jié)合，作出一個(gè)吸引人的設(shè)計(jì)。
另外，不要覺得你被現(xiàn)有的字體的構(gòu)架限制。擴(kuò)大字體的形狀來適應(yīng)你的需求。試著提升旋轉(zhuǎn)，紋理構(gòu)架，斑點(diǎn)等，和其他任何你能想到的，使字體看上去更加活躍。

#8找好的靈感
要懂得創(chuàng)立靈驗(yàn)的和有吸引力的排版，最佳的方法是找到并研討有些現(xiàn)有的例子。以下是網(wǎng)上尋找靈感有些好的文章，但不要就此止步。到處轉(zhuǎn)一下，瞧瞧你身邊其他人在做什么，為何么這么做，或者為何看上去沒起到好的效益。
打破規(guī)則
記住這些規(guī)則只是為了成為指導(dǎo)方針來幫助您創(chuàng)立好的字體排版。
一路上，你會發(fā)現(xiàn)有些你最佳的作品公然破壞了一個(gè)或多個(gè)在本文中列出的原則。正如我以前所說,當(dāng)你完全理解一個(gè)給定的設(shè)計(jì)規(guī)則后，你能夠打破它的許可。只要確保不是任意的無視，而是有宗旨的執(zhí)行，以實(shí)現(xiàn)特定的目標(biāo)。
規(guī)則往往會束縛我們，但我希望這8個(gè)建議你可以好好理解，知曉字體排版設(shè)計(jì)規(guī)則，但又不局限于規(guī)則中，也希望這8條建議能夠成功打開你的字體設(shè)計(jì)的可能性。