《寫給大家看的設(shè)計(jì)書》字體篇

字體動態(tài)關(guān)系:協(xié)調(diào)、沖突或是對立(對比)的關(guān)系赃绊。協(xié)調(diào)關(guān)系:如果只使用一個字體系列,在樣式羡榴、大小碧查、字體粗細(xì)等方面沒有什么變化就會產(chǎn)生一種協(xié)調(diào)關(guān)系。保持頁面的協(xié)調(diào)性很容易校仑,而且看上去這種安排很安靜忠售,非常正式,有時也可以認(rèn)為相當(dāng)乏味迄沫。沖突關(guān)系:如果結(jié)合使用了多種字體稻扬,它們在樣式、大小羊瘩、字體粗細(xì)等方面很類似(但并不相同)泰佳,就會出現(xiàn)一種沖突的關(guān)系盼砍。這種相似性會造成困擾,因?yàn)槲覀兯吹降牟煌耆粯樱▍f(xié)調(diào))逝她,也并非完全不同(對立或?qū)Ρ龋┙阶运鼈兪菦_突的。對比關(guān)系:如果結(jié)合的多種字體和元素彼此之間截然不同黔宛,就會出現(xiàn)一種對比關(guān)系近刘。引人注目的亮麗設(shè)計(jì)往往包含大量對比,而且這些對比會得到充分強(qiáng)調(diào)宁昭。要在設(shè)計(jì)中增加對比跌宛,最有效酗宋、最簡單而且最讓人滿意的方法之一就是利用字體积仗。

如果很難發(fā)現(xiàn)結(jié)合多種字體時出了什么問題,不要只關(guān)注字體之間有什么不同蜕猫,而要重點(diǎn)查看它們有什么相似之處寂曹,正是由于這種相似性才導(dǎo)致了問題出現(xiàn)。注意每一類字體存在哪些相似性使它們可以劃歸為同一個字體類別回右,在有意識的對比字體之前隆圆,需要先了解這幾組字體設(shè)計(jì)之間的相似性,因?yàn)檎沁@種相似性才導(dǎo)致了字體組合使用時的沖突翔烁。

一渺氧、字體類別:1、Oldstyle:此類別中的字體時基于手寫體創(chuàng)建的蹬屹,oldstyle字體都有截線侣背,而且小寫字母的截線總有一個角度(筆的角度)。oldstyle字體中的所有曲線筆劃都有一種從粗到細(xì)的變化慨默,這稱為“粗/細(xì)過渡”贩耐。筆劃中的這種對比較緩和,這說明它只是從比較細(xì)變化(過渡)為稍微粗一點(diǎn)厦取。如果在曲線筆劃的最細(xì)部分畫一條線潮太,這條線將是對角線,這條線稱為強(qiáng)調(diào)線--oldstyle字體有一條對角強(qiáng)調(diào)線虾攻。由于這種字體的“不可見性”(看不出存在差異)铡买,使得oldstyle字體成為顯示大量文字的最佳選擇。該類字體幾乎沒有什么顯著的特征會影響閱讀霎箍,它們本身不會分散人的注意力寻狂,如果你希望人們具體去讀某些文字,可以選擇設(shè)置為oldstyle字體朋沮。

2蛇券、Modern:Modern字體有截線缀壤,不過它們的截線是水平的,而不再傾斜纠亚,而且這些截線很細(xì)塘慕。這種字體就像一座鋼鐵大橋,結(jié)構(gòu)很嚴(yán)格蒂胞,筆劃中有劇烈的粗/細(xì)過渡(或?qū)Ρ龋┩寄亍S捎诓淮嬖诠P的傾斜,所以強(qiáng)調(diào)完全是垂直的骗随,這種字體看起來往往有一種冷酷蛤织、高雅的感覺。Modern字體外觀很醒目鸿染,特別是設(shè)置的非常大時有一種讓人很震撼的感覺指蚜。由于有劇烈的粗細(xì)過渡,在顯示大量正文時涨椒,大多數(shù)Modern字體都不是很好的選擇摊鸡。細(xì)線幾乎完全消失,而粗線太過突出蚕冬,在頁面上這種效果稱為“炫目”免猾。

3、Slab serif(粗襯線體):這種字體的粗細(xì)過渡很小甚至沒有囤热。這一類字體有時稱Clarendon猎提,因?yàn)樵撟煮w(如下圖)是這種類型的典型代表。也稱為Egyitian字體旁蔼,因?yàn)槭窃诠虐<拔拿髌陂g盛行起來的字體锨苏。粗細(xì)對比很小的許多Slab serif字體(如Clarendon或New Century Schoolbook)可以提供很好的可讀性,這說明它們可以很好的用于顯示大量文本牌芋。不過相比于Oldstyle來說設(shè)置為這種字體的頁面更暗蚓炬,因?yàn)樗鼈兊墓P劃比較粗,而且粗細(xì)相對單一躺屁。由于簡陋肯夏、直接的外觀,Slab serif常在兒童圖書中使用犀暑。

4驯击、Sans serif(無襯線體):指的是筆劃末端沒有截線的字體。這種字體的粗細(xì)幾乎總是單一的耐亏,這說明筆劃中幾乎沒有可見的粗細(xì)過渡徊都,字體的粗細(xì)都一樣。如果你的字體庫中的sans serif字體只有Helvetica和Avant Garde广辰,要想更好的設(shè)計(jì)頁面暇矫,最好的做法就是引入包括一個很粗很黑字體的Sans serif字體系列主之。引入這樣一個字體系列后,將大大提升頁面的效果李根,看到由此產(chǎn)生的亮麗頁面定會讓你驚訝不已槽奕。? ? ? ? ? ? ? ? ? ? ? 大多數(shù)Sans serif字體的粗細(xì)都是單一的,不過房轿,也有很少的幾種字體稍微有一些粗細(xì)過渡粤攒。如Optima字體有一條強(qiáng)調(diào)線,這種字體在頁面上很難與其他字體結(jié)合囱持,他們與serif字體在粗細(xì)筆劃方面存在相似性夯接,另外由于沒有截線這一點(diǎn)又與Sans serif字體相似,所以要使用這種字體必須很小心纷妆。

5盔几、Script(手寫體):看上去利用一個書法筆或書法刷(或有時用鋼筆或?qū)I(yè)筆)手寫的所有字體都屬于Script類字體。這一類字體還可以很容易的劃分為連筆手寫體凭需、不連筆手寫體问欠、手工書寫的手寫體肝匆、模仿傳統(tǒng)書法風(fēng)格的手寫體等粒蜈。Script字體要少用,這樣才不會讓人覺得惡心旗国,當(dāng)然枯怖,絕對不能將大段文本設(shè)置為這些有趣的字體,而且絕對不能設(shè)置為全大寫能曾。不過Script設(shè)置的非常大時可能會讓人印象深刻度硝。

6、Decorative(裝飾字體)這種字體很容易看出來寿冕,它本身很不錯蕊程,它們不僅有趣而且特別,很易于使用驼唱,有時更廉價藻茂,而且你一時想表達(dá)的任何突發(fā)奇想都可以使用這種字體。正是由于它們?nèi)绱颂貏e玫恳,所以這種字體的使用要有限制辨赐。Decorative字體可以傳達(dá)鮮明的情緒,取決于在什么場合使用這些字體京办,或者可以讓它們傳達(dá)與你第一印象完全不同的內(nèi)涵掀序。


二、字體對比(對比字體的各種方法):如何在頁面上應(yīng)用字體對比原則惭婿,字體對比不僅是為了美觀不恭,還可以加強(qiáng)意思的表達(dá)叶雹。不應(yīng)該要求讀者去努力尋找頁面的內(nèi)容,而應(yīng)該讓用戶一眼就能看出來换吧,在保證一目了然的同時還可以讓頁面更漂亮浑娜。

1.size(大小):如果想在字體大小方面讓兩個元素產(chǎn)生對比式散,這種對比就必須足夠大筋遭,要力求明顯。確定希望哪個元素作為中心點(diǎn)暴拄,利用對比來突出強(qiáng)調(diào)漓滔。字體大小對比并不意味著必須讓字體很大,而只是要求應(yīng)該有對比(如你看到一張很大一版報紙中只有一行很小的文本乖篷,你肯定很想看看這是什么响驴,對不對?之所以能夠產(chǎn)生這種吸引力一個重要原因就是這個大頁面與非常小的字體之間產(chǎn)生了明顯的對比撕蔼。)不要全部使用大寫豁鲤,文本設(shè)置為全大寫時,與同樣的文字使用小寫相比鲸沮,所占的長度可能是后者的兩倍琳骡,所以不得不讓字體更小一些,反之讼溺,如果將文本變成小寫楣号,則可以設(shè)置為更大的字體,且具有更有的可讀性怒坯。要以一些有煽動性的非常規(guī)方式造成大小對比炫狱,許多印刷符號(如數(shù)字、&符號或引號)設(shè)置的很大時會非常漂亮剔猿,在標(biāo)題或引用文字中可以把它們用作裝飾元素视译,或者可以在整個出版物中用作重復(fù)元素。如果大小對比非同一般归敬,這本身就能成為一種圖形元素酷含。

2、weight(粗細(xì)):字體的粗細(xì)是指筆劃的粗細(xì)度弄慰。大多數(shù)字體系列都設(shè)計(jì)為包括多種不同的粗細(xì):常規(guī)第美、粗體,可能還有半粗體陆爽、極粗什往,或細(xì)字體。結(jié)合多種不同字體粗細(xì)時慌闭,記住不能太保守别威。粗細(xì)對比是為頁面增加視覺效果最容易而且最有效的辦法之一躯舔,而且無需重新做任何設(shè)計(jì)。有一點(diǎn)必須明確:除非有一種筆劃很粗大的字體省古,否則得不到這種漂亮的強(qiáng)烈對比粥庄。如果一個頁面完全是灰乎乎的,偶然路過的讀者可能不愿意繼續(xù)看下去豺妓,但是利用粗細(xì)字體的對比惜互,讀者可能會很快掃描要點(diǎn),而且深入閱讀其中信息的可能性更大琳拭。(但也有可能有些雜志特意將黑白頁面的外觀設(shè)計(jì)的很單一正式训堆,是為了給讀者一種更嚴(yán)謹(jǐn)?shù)挠∠螅砸鶕?jù)場合做合適的設(shè)計(jì)白嘁。)

3.structure(結(jié)構(gòu)):字體的結(jié)構(gòu)是指這種字體是如何建立的坑鱼。結(jié)構(gòu)是指一種字體如何構(gòu)建,每個類別的結(jié)構(gòu)都有很大差別絮缅。不要把同一個類別中的兩種字體放在同一個頁面上鲁沥。不要把兩種sans serif字體放在同一個頁面上,而且不能把兩種serif字體放在同一個頁面上耕魄。如果非要這樣做画恰,要求必須選取兩個不同字體類別中的字體,即可以使用兩種serif屎开,只要其中一種是oldstyle字體阐枣,而另一個時modern或slab serif字體马靠,而且要特別強(qiáng)調(diào)對比奄抽。剛剛開始了解到字體結(jié)構(gòu)存在差異的有關(guān)概念時,要想選擇有對比的結(jié)構(gòu)甩鳄,一種容易的方法就是選擇一個serif字體和一個sans serif字體逞度。serif字體的結(jié)構(gòu)中通常存在粗細(xì)對比,sans serif字體則往往有一致的粗細(xì)對比妙啃,不過僅僅靠結(jié)構(gòu)的對比還不夠档泽,還需要與其他對比相結(jié)合,如同時利用大小或粗細(xì)對比來強(qiáng)調(diào)差異揖赴。在一個頁面上同時設(shè)置兩種sans serif字體往往很困難馆匿,因?yàn)樗鼈冎挥幸环N結(jié)構(gòu)即粗細(xì)一致。不要試圖結(jié)合兩種sans serif字體燥滑,而應(yīng)當(dāng)使用一個sans serif系列中的不同成員采用其他方式建立對比渐北。

4、form(形狀):字母的形狀是指它的外形铭拧,字符可能有相同的結(jié)構(gòu)赃蛛,但是“形狀”不同恃锉。(如大寫字母“G”和同一個系列中的小寫字母“g”結(jié)構(gòu)相同,但是它們的具體形狀彼此完全不同呕臂。)可以簡單的把形狀對比認(rèn)為是大寫與小寫的對比破托。如果一個詞采用全大寫,整個詞的形狀也與小寫詞不同歧蒋,正是由于這個原因使得全大寫很難讀土砂。我們認(rèn)一個詞不僅是從它的各個字母來認(rèn),還很根據(jù)其形狀來辨認(rèn)谜洽,即整個詞的形狀瘟芝。所有設(shè)置為全大寫字母的詞都有類似的形狀(即都是矩形),為此我們不得不逐字母的認(rèn)單詞褥琐。盡管全大寫會降低可讀性和可識別性锌俱,但是如果你很肯定全大寫對設(shè)計(jì)外觀帶來的好處更有意義,那么完全可以繼續(xù)使用全大寫敌呈。另一種明顯的形狀對比是roman字體與italic字體的對比(一開始相同的字體贸宏,一傾斜形狀就有所改變)。roman表示所有字體中從上到下豎直的字體磕洪,這不同于italic或script字體(這些字體是傾斜而且或漂浮的)吭练。可以將一個詞或短句設(shè)置為italic字體析显,以一種柔和的方式進(jìn)行強(qiáng)調(diào)鲫咽。由于所有script和italic字體都有一種傾斜或漂浮的形狀,所以不要結(jié)合使用兩種不同的italic字體或兩種不同的script字體谷异,也不要結(jié)合使用一個italic和一個script分尸,這樣只會帶來沖突。

5歹嘹、direction(方向):字體“方向”的意思很直觀箩绍,就是文字有一定傾斜度。不要設(shè)置方向尺上,只有當(dāng)你能明確的說出原因時才可以設(shè)置有方向的文本材蛛,你要能夠說明為什么這種字體必須有方向,為什么它能增加美感或促進(jìn)表達(dá)怎抛。千萬不要在角落里放有角度的字體卑吭。向右向上傾斜的字體產(chǎn)生一種前進(jìn)的力量,向下傾斜的字體會產(chǎn)生一種反向的力量马绝,有時可以充分利用方向所蘊(yùn)含的含義豆赏。如果布局中可能存在方向的對比,那就充分進(jìn)行強(qiáng)調(diào),如在水平方向使用一種擴(kuò)展字體河绽,而在垂直方向使用一種高字體己单,可以通過增加額外的行間距強(qiáng)調(diào)垂直方向,如果合適還可以設(shè)置比原計(jì)劃更窄的列突出垂直方向耙饰。實(shí)現(xiàn)字體方向?qū)Ρ葧r還可以介入布局中的其他部分纹笼,如結(jié)合圖片或線條來強(qiáng)調(diào)方向或形成方向反差。

6苟跪、color(顏色):暖色(紅色廷痘、橙色)是前進(jìn)型的,會引起我們的注意件已,我們的眼睛很受暖色的吸引笋额,所以只需很少的一點(diǎn)紅色就可以產(chǎn)生對比。冷色(藍(lán)色篷扩、綠色)則是遠(yuǎn)離型的兄猩,總是在我們的視覺中后退,即使更大的區(qū)域內(nèi)都是冷色你也未必能注意到鉴未,實(shí)際上需要更多的冷色才能產(chǎn)生有效的對比枢冤。“顏色”是由不同的字母粗細(xì)铜秆、結(jié)構(gòu)淹真、形狀、字母內(nèi)的空間连茧、字母間的間距核蘸、行間距、字體大小或x-height大小等產(chǎn)生的啸驯。即使是同一個字體客扎,也可創(chuàng)建不同的顏色。很細(xì)坯汤、很薄的字體中字母間間距和行間距較大虐唠,這會創(chuàng)建一種非常淡的顏色(和材質(zhì))。緊緊壓縮在一起的粗體sans serif則會創(chuàng)建一種深色(有不同的材質(zhì))惰聂。對于沒有圖片但包含大量文本的頁面來說,這是一種非常有用的對比咱筛。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末搓幌,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子迅箩,更是在濱河造成了極大的恐慌溉愁,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,427評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件饲趋,死亡現(xiàn)場離奇詭異拐揭,居然都是意外死亡撤蟆,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,551評論 3 395
  • 文/潘曉璐 我一進(jìn)店門堂污,熙熙樓的掌柜王于貴愁眉苦臉地迎上來家肯,“玉大人,你說我怎么就攤上這事盟猖√忠拢” “怎么了?”我有些...
    開封第一講書人閱讀 165,747評論 0 356
  • 文/不壞的土叔 我叫張陵式镐,是天一觀的道長反镇。 經(jīng)常有香客問我,道長娘汞,這世上最難降的妖魔是什么歹茶? 我笑而不...
    開封第一講書人閱讀 58,939評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮你弦,結(jié)果婚禮上辆亏,老公的妹妹穿的比我還像新娘。我一直安慰自己鳖目,他們只是感情好扮叨,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,955評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著领迈,像睡著了一般彻磁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上狸捅,一...
    開封第一講書人閱讀 51,737評論 1 305
  • 那天衷蜓,我揣著相機(jī)與錄音,去河邊找鬼尘喝。 笑死磁浇,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的朽褪。 我是一名探鬼主播置吓,決...
    沈念sama閱讀 40,448評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼缔赠!你這毒婦竟也來了衍锚?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,352評論 0 276
  • 序言:老撾萬榮一對情侶失蹤嗤堰,失蹤者是張志新(化名)和其女友劉穎戴质,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,834評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡告匠,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,992評論 3 338
  • 正文 我和宋清朗相戀三年戈抄,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片后专。...
    茶點(diǎn)故事閱讀 40,133評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡划鸽,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出行贪,到底是詐尸還是另有隱情漾稀,我是刑警寧澤,帶...
    沈念sama閱讀 35,815評論 5 346
  • 正文 年R本政府宣布建瘫,位于F島的核電站崭捍,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏啰脚。R本人自食惡果不足惜殷蛇,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,477評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望橄浓。 院中可真熱鬧粒梦,春花似錦、人聲如沸荸实。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,022評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽准给。三九已至泄朴,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間露氮,已是汗流浹背祖灰。 一陣腳步聲響...
    開封第一講書人閱讀 33,147評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留畔规,地道東北人局扶。 一個月前我還...
    沈念sama閱讀 48,398評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像叁扫,于是被迫代替她去往敵國和親三妈。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,077評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 前言 不知道大家平時是如何給應(yīng)用選擇字體的呢陌兑?作者菌作為一個設(shè)計(jì)小白沈跨,每到挑選字體的時候都會非常苦惱兔综,托Googl...
    MindBrewer閱讀 976評論 1 3
  • 看了秋葉大叔的《年度計(jì)劃完不成,問題到底出在哪锭亏?》 碰巧這周周作業(yè)是年度計(jì)劃的細(xì)化纠吴,現(xiàn)學(xué)現(xiàn)用。嘿嘿慧瘤! 刪掉前面一堆...
    默家少爺閱讀 205評論 1 1
  • 這次的閱讀收益良多戴已,知道了書的基本閱讀方法并認(rèn)識了書。第一次參與這樣的共讀活動感覺特別好锅减,希望多舉辦這樣的閱讀體驗(yàn)...
    Alan程閱讀 538評論 0 0
  • 她看人穿高領(lǐng)毛衣糖儡,文雅,買怔匣,穿握联,果然文雅,尤其帶本書每瞒,引小張追金闽,幾天,膩剿骨,看代芜,看人穿風(fēng)衣,浪浓利,買挤庇,穿,果然浪荞膘,引老...
    晚霞消失之時閱讀 115評論 0 0
  • 申請 我是兩個寶貝的媽媽罚随,我已經(jīng)讀經(jīng)5個多月了,能堅(jiān)持跟孩子每天讀經(jīng)羽资,孩子也有所改變淘菩,特別是女兒的狀態(tài)和成績都有所...
    66e1ba940d65閱讀 693評論 1 0