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