字體設計規則詳解-鄭州墨香設計的見(jiàn)解
今天,我們要討論的事情,它既是一個(gè)熱門(mén)趨勢又是一個(gè)永恒的文藝——字體。下面列出的基本規則將幫助你在設計中更了解如何構建和使用文字。當意識到這些規則,差不多可以提高你創(chuàng )作的所有事,包括一個(gè)展板策劃設計、標題或者是主要的字體排版元素。
現在,讓我們一起學(xué)習吧!
#1學(xué)習基礎知識
為了實(shí)現更有效的字體排版,The first是要了解一些文藝。如果你不熟悉它的概念,你可能會(huì )認為字體排版一定是一個(gè)相當簡(jiǎn)單的學(xué)科。當然,如果你知道字母系統,那么你已經(jīng)贏(yíng)得了這場(chǎng)戰役的一半了吧?剩下的就是改變它一點(diǎn)外觀(guān),那么你就有了屬于你自己的字體!在現實(shí)中,字體是相當難懂和復雜的,因為它既是科學(xué)的也是的。
一個(gè)字體的解剖涉及到非常具體詳細的專(zhuān)業(yè)術(shù)語(yǔ),嚴格的尺寸和通用標準都必須知道而且遵從。和許多形式的設計一樣,要聲明地一點(diǎn)是,如果你了解規則,知道它好在哪里,那么你可以打破規則并且有意識地去做設計。
一個(gè)在線(xiàn)學(xué)習字體的上佳網(wǎng)站是——I Love Typography,一個(gè)描述漂亮字體的博客。這是一張來(lái)自我愛(ài)字體博客上的圖片,展示一些你應該熟悉的專(zhuān)業(yè)術(shù)語(yǔ):
正如你看到的那樣,快速的有漂亮的字母就變的復雜困難了。
上圖非常形象化地解釋了這些專(zhuān)業(yè)術(shù)語(yǔ),但這并不是一個(gè)詳盡的術(shù)語(yǔ)清單和你需熟悉的概念。例如,術(shù)語(yǔ)中的字母x的高度,字距調整,還有在平面上不被輸入的基準線(xiàn)。為了更好的控制這些,你應該花一些時(shí)間來(lái)瀏覽字體術(shù)語(yǔ)表。
這是什么鬼?
這個(gè)問(wèn)題的答案是顯而易見(jiàn)的:"因為你是一個(gè)設計師!"如果你經(jīng)常里使用單詞創(chuàng )作設計作品的話(huà),不管你打算做還是不做你都要深入研究鉆研字體?;ㄐr(shí)間學(xué)習的基本原則會(huì )讓你清楚了解你選擇的字體,其中使用類(lèi)型的文藝特點(diǎn)和方式。
#2注意你的字距
這篇文章不是為了研究字體設計,所以我不會(huì )去考上面細節中提到的每一個(gè)專(zhuān)業(yè)術(shù)語(yǔ)。然而,字距調整是許多設計師,無(wú)論是新的還是老的,都會(huì )忽略的事情。近期我和一個(gè)女性時(shí)尚網(wǎng)站的知名總監在討論字體這門(mén)學(xué)科。讓她有種失落感的事情是初級的設計師都缺乏對字距調整的認識。
字距是什么?
字距調整就是在給出的一個(gè)字體調中去調整兩個(gè)字母之間的間隔。
注意這是一個(gè)獨立問(wèn)題,它需同時(shí)調整所有字母的空間距離。你也許會(huì )認為這是一個(gè)高價(jià)昂貴的項目,就像Adobe Illustrator會(huì )自動(dòng)為你解決所有字間距的問(wèn)題,因此你也認為字距調整不是問(wèn)題,不會(huì )出現在你的文藝作品中。 再想想,思考一下。體會(huì )一下下面給出的例子:
即使你還不習慣找字距調整的問(wèn)題,(雖然這些問(wèn)題可能是很細小的)但它們卻真實(shí)的有。上面的例子中,注意到大寫(xiě)字母"D"從其余的字母中明顯的突顯出來(lái)了。默認情況下,很多字體,尤其是那些有明顯的襯線(xiàn),它們具有不一致的字符間距。通常情況下,在一個(gè)段落或句子中,混合著(zhù)一些不一致的字距做副文本,通常情況下這不是什么大問(wèn)題。然而,當你在處理只有寥寥數語(yǔ)的時(shí)候,如在標題或logo中,忽視字距問(wèn)題可以摧毀整個(gè)審美。
當在處理網(wǎng)頁(yè)字體和css控制網(wǎng)頁(yè)字體顯示樣式時(shí),字距調整問(wèn)題變得相當復雜;如果你在Illustrator,PS等軟件中作為圖像創(chuàng )建一個(gè)文本(用來(lái)印刷或者網(wǎng)頁(yè)設計),那么修改起來(lái)會(huì )非常容易。在兩個(gè)字符之間放入你的光標 ,蘋(píng)果電腦上是option鍵(PC=alt)結合左右方向鍵調整字距空間。請記住,不要集中在這么多的字母和字母的負空間上。試著(zhù)讓整個(gè)單詞或短語(yǔ)的空間在視覺(jué)上保持一致。
#3注意字體的溝通交流
字體的選擇從不是一個(gè)武斷任意的過(guò)程。通過(guò)你自己的字體庫找一個(gè)你喜歡的字體看上去很簡(jiǎn)單,但這樣很少會(huì )得到一個(gè)有效的結果和答案。理由是,有些確定的類(lèi)型字體與固有的心理學(xué)有關(guān)。要明白我說(shuō)的是什么意思,思考一下下面給出的例子:
如果你是敏銳的,那么你會(huì )發(fā)現這些字體選集看上去是非常糟糕的。主要原因是,有視覺(jué)個(gè)性的字體選集和手寫(xiě)單詞被分離了,脫節了。你也從不會(huì )在看到一個(gè)世界戰斗winner用一個(gè)一個(gè)漂亮的腳本字體來(lái)表達驚呼興奮感。同樣的道理,你可能永遠都不會(huì )在你的婚禮請柬上使用Cooper Black字體。我們已經(jīng)習慣于看到不同類(lèi)型的用于特定用途的字體。
每種字體都在意識和潛意識兩個(gè)層面傳達特定的屬性。所傳達屬性的兩個(gè)主要領(lǐng)域是性別(gender)和時(shí)代。(英語(yǔ)里的Gender,中文翻譯為社會(huì )性別/性別,其實(shí)是不對的,這個(gè)詞是所有物質(zhì)的性別,比如語(yǔ)言中詞性有陰性、陽(yáng)性和中性。)看一下下面的例子。
請注意前兩個(gè)字體強烈傳達了特定的過(guò)去時(shí)代。同樣,下面的兩個(gè)字體各自有著(zhù)強烈的基于性別的特征聯(lián)系。有著(zhù)偏硬邊緣的粗字體往往看起來(lái)更陽(yáng)剛和男子漢,同時(shí),曲線(xiàn)玲瓏,纖細的字體顯示女性的和少女的特征。
這一切似乎都顯而易見(jiàn),如果你能夠利用這些知識,就是用隱式的和直覺(jué)的這部分或者你主動(dòng)有意的去做一些嘗試,也許你排版的技能將會(huì )突飛猛進(jìn)地提高。
關(guān)于更多的字型
了解更多特殊類(lèi)型的字體,看看Adobe的類(lèi)型分類(lèi)圖
#4對齊
對齊是字體中一個(gè)極其重要的概念。出于某種原因,非設計師往往本能地用中心對齊來(lái)解決一切事情。在生活中,我們了解到,如果有些事情是對中的,然后讓它保持平衡,因此這樣會(huì )更好。在現實(shí)中,居中對齊閱讀起來(lái)是弱的,難的,應該用非常有選擇性的對齊方式。
上面圖片中的前兩段是左對齊。這種方式是我們習慣用來(lái)閱讀的,因為它通常是我們在書(shū)籍或者雜志中看到的排版方式。中心對齊的段落閱讀起來(lái)更困難,由于它缺乏輪廓鮮明的邊緣。每一行都沒(méi)有一致的起點(diǎn)或者是終點(diǎn),所以你的眼睛要花一些時(shí)間來(lái)適應每一個(gè)新行。在實(shí)踐中,也許這兩種不同做法是微妙的,但在原則上確是巨大的。
這并不是意味著(zhù)你在任何時(shí)候你只能使用左對齊。你在試圖實(shí)現的時(shí)候,只是一定要不斷的問(wèn)自己可讀性與獨特的審美哪個(gè)重要。理想情況是這些原則總在一起工作,但事實(shí)上,他們往往對立,需妥協(xié)一方或另一方。
另一件事需注意的是混合對齊模式。無(wú)論你選哪種對齊模式,盡量在你的設計中保持一致。它通常(但并不總是)適合于把標題中心對齊,正文左對齊。但如果嘗試混合排版可能導致視覺(jué)混亂和頁(yè)面雜亂。
有關(guān)字體排版的更多信息,請查看文章下面。
為網(wǎng)頁(yè)選擇字體排版的對齊方式
#5選擇一個(gè)好的輔助字體
在你選擇好一個(gè)主要的字型后,接下來(lái)就是選擇另一種字體來(lái)強調它。這是一個(gè)和主字截然相反相沖突選擇??聪聢D。
上述圖像中的例子中有幾個(gè)問(wèn)題。首先,所選字體的類(lèi)型是非常差的。該輔助字體比主字體更華麗(和難以閱讀)!這有損于主字體,應該避免。另外,即使在The first問(wèn)題不是一個(gè)問(wèn)題,這兩個(gè)字體被一起使用,簡(jiǎn)單的說(shuō)在粗細上就太相似了。即使它們是在風(fēng)格上截然不同,它們具有相似的筆劃重量在兩者之間不能提供足夠的視覺(jué)對比。
第二個(gè)圖像使用更恰當對比的字體,并且利用了更細,更簡(jiǎn)單的字體做副標題。你在設計時(shí),你的字體肯定沒(méi)有這么大的反差(例子中的字體作用是故意夸大了的),只要確保他們足夠的不同,以避免視覺(jué)上的混亂,和更多的重點(diǎn)是放在主要的字體上。
#6尺寸問(wèn)題
我成為一個(gè)設計師有六年了,在六年中我設計創(chuàng )造了大量的印刷廣告。其中一件事就是在早期工作中你就知道宣傳資料的標題應該立即抓住讀者的眼球。在印刷的世界中,你只有一兩秒鐘的時(shí)間引起別人的注意。如果你錯過(guò)了這個(gè)機會(huì ),那么你就失去了你的潛在客戶(hù)。
這實(shí)際上意味著(zhù),當你創(chuàng )建一個(gè)標題時(shí),不要簡(jiǎn)單地把它打印輸出出來(lái):要去設計它??紤]以下兩個(gè)例子:
The first標題要求你閱讀每一個(gè)單詞,才會(huì )得到一個(gè)大致的消息。一切都是相同的尺寸,寬度和顏色,這沒(méi)有強調任何部分的消息。單詞"could"在視覺(jué)上和單詞"win"一樣重要。
相比之下,第二標題要比The first強得多,雖然它利用完全相同的消息。我不再去強調整句話(huà),整句話(huà)不再那么重要,真正在吶喊的是里面的單詞。The first標題的問(wèn)題是,觀(guān)眾必須愿意花時(shí)間去閱讀它。第二個(gè)的關(guān)鍵是當觀(guān)眾看到標題,只去閱讀重要的部分,就像偶然發(fā)生的一樣。
縱觀(guān)第二個(gè)例子中,你應該注意到的The first件事就是單詞"WIN",其次是"THE BAHAMAS"。"在這一點(diǎn)上,如果你是目標受眾,我們已經(jīng)激起了你的興趣,你更可能花費時(shí)間來(lái)看看這個(gè)消息是怎么一回事。
#7 當作文藝使用字體排版
現在,停止思考作為簡(jiǎn)單的標題和正文排版的問(wèn)題 ,考慮它作為一個(gè)設計元素該怎么設計。字體是精心設計的,因此具有一種高的審美對你設計庫來(lái)講是一個(gè)寶貴的資產(chǎn)。這當然遠遠超出用字母構建外貌。如果你想創(chuàng )建一個(gè)typography-cenric設計,想想你要怎樣把英雄和字體結合,作出一個(gè)能夠引起人的注意的設計。
另外,不要覺(jué)得你被現有的字體的結構限制。擴大字體的形狀來(lái)適應你的需求。試著(zhù)增強旋轉,紋理結構,斑點(diǎn)等,和其他任何你能想到的,使字體看上去更活躍。
#8找好的靈感
要學(xué)會(huì )創(chuàng )建有效的和能引起人注意的排版,好的辦法是找到并研究一些現有的例子。以下是網(wǎng)上尋找靈感一些好的文章,但不要就此止步。到處轉一下,看看你身邊其他人在做什么,為什么么這么做,或者為什么看上去沒(méi)起到好的效果。
打破規則
記住這些規則只是為了成為指導方針來(lái)幫助您創(chuàng )建好的字體排版。
一路上,你會(huì )發(fā)現一些你好的作品公然破壞了一個(gè)或多個(gè)在本文中列出的原則。正如我之前所說(shuō),當你完全了解一個(gè)給定的設計規則后,你可以打破它的許可。只要確保不是任意的無(wú)視,而是有目的的執行,以實(shí)現特定的目標。