天天看點

設計師必看中文字型排版法則

在中國的商業設計裡面是離不開漢字的,可是很多設計師在做所謂的私人創作時往往就回避漢字,全是清一色的英文字母。漢字的編排其實很能見一個設計師的功力,大一點說作品裡面文字的編排與設計就能看出這個設計師夠不夠老到。我很喜歡日本的設計,很大一部分原因就是他們的漢字編排。看一看根據地老師怎麼說漢字的編排吧,如果你是一個認真的設計師,相信耐心看完肯定大有收獲的 。

設計師必看中文字型排版法則

  先要說一說漢字與拉丁字母的差別:字母是一種純粹發音符号,每個字母本身并沒有意義,單詞的意義來自于這些字母之間的橫向串式組合,而漢字的組字方式是以象形為原始基礎,也就是每個字都具有特别的意義,一個簡單的字可能在遠古時代就代表了一個複雜的生活場景,因而它也是世界上最形象的文字。兩者之間的閱讀方式和解讀方式都有本質的不同,是以,漢字的編排不能照搬英文的編排方式,它們兩者之間在編排上有一些客觀的差別。 

首先,就是同樣字号的實際大小不同,英文因為都是字母,字母的構成結構非常簡單,一般在印刷上3号大小的英文都能清晰可辨,而漢字因為結構的複雜,在印刷上5号字已經接近辨認極限了,因而在設計時漢字因為要考慮可閱讀性,在設計中就不如英文的字号大小靈活多變。還有英文字母線條比較流暢,因為弧線多,是以畫面容易産生動感,這一點上比漢字生動多變。 

第二,就是英文編排容易成"段",因為英文每個單詞都有相當的橫向長度,有時一個單詞就相當于中文一句話的長度,單詞之間是以空格做為區分,是以英文在排版時,哪怕是一句話,也大多做為"段"來考慮編排;而這點中文就完全不同,中文的每個字占的字元空間一樣,非正常整,一句話的長度在一般情況下是不能拆成"段"來處理,是以中文在排版的自由性和靈活性上比不上英文,各種限制嚴格得多。雖然現代設計中有大量的對漢字進行解構的實驗作品和商業作品,但總體來說,還是不能大量推廣,畢竟,這種實驗犧牲的就是人們習慣的漢字閱讀的友善性。漢字的整體編排容易成句、成行,視覺效果更接近一個個規則的幾何點和條塊,而英文的整體編排容易成段、成篇,視覺效果比較自由活潑,有更強的不連續的線條感,容易産生節奏和韻律感。 

第三,就是英文的篇幅普遍比相同意義的漢字的篇幅要多,在設計時,英文本身更容易成為一個設計主體,而且因為英文單詞的字母數量不一樣,在編排時,對齊左邊那麼右邊都會産生自然的不規則的錯落,這在漢字編排時不太可能出現的,漢字編排每個段是一個完整的"塊",很難産生這種錯落感。 

第四,漢字的編排規則比英文嚴格複雜得多,比如段前空兩字,标點不能落在行首、标點占用一個完整字元空間,豎排時必須從右向左,橫排時從左向右等等,這些規則也給漢字編排提高了難度。而英文段落在編排時隻能橫排,隻能從左向向,段前不需空格,符号隻占半個字元空間,這給英文編排提供了更大更靈活的空間。這些差別在設計時都需要特别注意,不要照搬英文的排版模式來編排漢字,處理不好就會不倫不類! 

那麼對于漢字,究竟應該以一種什麼樣的原則和原理來進行編排才能使字、句、段、篇看起來美觀清晰呢?本人在實踐中,有一些經驗可以拿出來與大家商讨,我在進行漢字編排時一般遵循的流程是:了解——分類——粗排——精确細排——校對。 

1、了解:在進行文字的編排之前,首先要了解文字的内容。我見過很多設計師隻注重版式美現而不關注文字内容,把文字一拿到手就開始編排,從不考慮文字在說什麼,他們的原則是文字一定要服從于版式需要。這是不正确的設計方法,對于一篇文案稿,如果我們不去了解它的表述内容,就很容易本末倒置。 

一個标題,究竟用什麼字型?用多大字号?橫排還是豎排?這些是由整體版面氣質和文字表述的内容所共同決定的,而不是按我們的慣性思維了解,标題一定要大,要突出,要用粗壯的字型。 

我們要深刻了解文字到底在說些什麼,才能為我們選擇字型字号提供依據,才能讓文字的視覺感受與表述内容保持統一,才能為我們選擇合适的插圖提供指導方向。當然這種了解不是表面性的了解,還是真正吃透它所表達的意思,有時一些文字的意義是指東道西的,表面上是說這件事,其實它真正想表現是卻是另一個道理,這就需要設計師有較強的了解能力。 

2、分類:分類也就是把我們了解的文字段分成幾個層級,并為其配置設定相應的占用空間和大緻的視覺位置。誰是主标題,誰是廣告詞,誰是副标題,誰是内文,内文的組成結構是怎樣的,是否需要進行視覺歸納或者是内容歸納等等,把這些問題搞清楚了,我們就可以為把這些文字分類成幾個層級。 

第一級是最重要和突出的,比如主标題、廣告詞、副标題等,第二級是對第一級的輔助說明或者是次于第一級的,比如内文和某些特别需要強調的電話号碼等,第**是最次要的,比如跋、通聯、頁碼、旁注等等,一般情況下分成三個層級就足夠了,但有時會有一些很專業的技術圖表和技術參數類的文本編排就另當别論了。 

需要特别說明的是,這種分類并不是絕對的,隻是一個模糊、大概的基本輪廓,可以讓我們了解到編排對象的在版面中的功能和意義。 

最後要做的就是為各個層級的文字内容配置設定視覺空間,如果有插圖配合的話,應該同時考慮插圖和文本的空間占用(在這個過程中,最容易出現的問題就是,很多設計師喜歡先把插圖定位得很死,把空間都計算好了,在編排文字的時候發現文字的空間不夠,這時隻能到處找多餘的空間把文字硬塞進去,或者犧牲文字的字号大小來妥協,最後的效果就是到處都很擠,到處都不合理,這些對于新手來說要特别注意,文本的容量和插圖的容量一定要同時考慮,在有必要的時候一定要對插圖的空間進行調整,不要舍不得,整體效果永遠都要比局部的效果重要)。 

這裡的空間配置設定的原則就是:每個文本元素都一定要有相對獨立的空間,要讓它看起來本來就應該在那兒,那塊空間本來就是為它而留下的,而不是讓人感覺是沒有地方放了硬塞在那兒的。這是一個考驗設計師整體調控能力的過程,因為空間是固定不變的,而每個元素之間又是互動的,A元素的空間多一點就意味着另一個B元素的空間就會少一點,那麼如何讓其占用空間均衡合理,要需要從版面美感、視覺流程、表述内容、版面風格、閱讀習慣等多方面去考慮,千萬不要過早為它下定論,多實驗幾次才能找到最佳解決方案。 

3、粗排:經曆了前面的過程,設計師心中應該已經有了一個初步的構想,粗排的過程就是把這些構想視覺化,以形成一個基本的編排風格,這個過程仍然是一個創作的過程,是對前面提出的編排構想實踐和檢驗的過程,主要是檢驗各個文本元素占用空間的情況是否合理,(這裡要特别注意的一點是,現在已經是在做成品了,是以要随時把自已調整到做成品的狀态上來,成品的實際有多大,有時在電腦上展現不出來的,要以實際的印刷經驗來判斷文本的大小是否合理,是否适合正常的閱讀習慣)。 

粗排主要是針對以下幾個方面來進行: 

A、對于内文,如果篇幅過長,應該考慮為其分欄: 分欄的方式有兩種:一種就是把整個篇幅平均分成幾個相同容量的段塊,另一種就是根據文本内容的結構,以自然段為基礎進行分欄,也就是每一段分為一欄,這種分欄方式能産生比較靈活自由、錯落有緻的視覺風格,但不是所有的篇幅都可以這樣來分,它隻适合于自然段比較明顯均衡,段落數量不多,各個段之間的文本容積相差不大的條件下才可以實作。 

分欄的另一個要注意的地方就是欄寬的确定,一般來說,15-25個字的欄寬視覺效果比較适舒,超長或超短都會引起閱讀的不友善。 

B、字型的設定:字型的問題牽涉很廣,由于篇幅有限,在這裡我也隻能簡短介紹一些實踐過程的經驗與大家共勉。首先要明白的一點就是:不同的字型有着不同的性格和氣質,也就是說字型是有生命的。許多設計師對使用字型很迷茫,不知道什麼情況下該使用什麼樣的字型,其實這就是沒有去真正關注字型性格的結果。 

現在電腦上的字庫五花八門,基本上我們所需要的字型在裡面都能找到,但似乎選擇的餘地越大情況卻越糟糕,各種字型出現在不應該出現的場合已是司空見慣!是以我們要學會區分各種字型的适合範圍,一個基本原則就是字型的氣質與版面的氣質是否吻合? 

比如說楷體,楷體是一種非常經典的字型,經過一千多年文明和無數書法大師的不斷錘煉,已經非常成熟了,每一個字都經得起推敲,具有很強的文化氣質,是以在做具有文化感和傳統味的設計中可以使用。 

宋體也是一種曆經幾個朝代的字型,被前人們修飾得無可挑剔,端莊秀麗,有貴族氣質,還有仿宋體,剛柔結合,精緻細膩,很唯美的字型。黑體是一種現代字型,剛挺穩重,有力量感,很醒目,但稍嫌笨重粗糙,但後來發展出來的等線體卻非常精緻耐看,很有現代小資的感覺,低調卻不粗俗,且自成一派。 

但有些字型在設計中卻盡量少用或避免使用,比如文鼎的新字庫裡面的稀奇古怪的字型,非常粗俗,層次很低,然後就是綜藝體、中行書、隸書之類的電腦字型,粗糙難看,氣質很差。 

真正經得起推敲的幾種字型是:宋體(标宋、書宋、大宋、中宋、仿宋、細仿宋)、黑體(中黑、平黑、細黑、大黑)、楷體(中楷、大楷、特楷)、等線體(中等線、細等線)、圓黑體(中圓、細圓、特圓),這些字型是一些标準的基礎字型,雖然普通卻很耐看,一般内文都使用這些字型。 

當然,也有一些未列入進來的好字型,比如方正繁秀麗體和漢鼎的繁黑變,我就覺得非常不錯。 

好的字型要用好的表現方式,對于每一種字型的挑選,一定要根據版面傳達的内容和氣質進行對照選擇,不要帶有個人喜好,許多平常不用的基礎字型要嘗試着去用,這樣能加深對字型的了解,還有就是參考好的設計作品,看他們是如何使用文字的。總是就是不要亂用,要有切實可行道理,最關鍵就是一定要有視覺美感。關于字型,還要補充一點,書法字型和手寫字型是對字型過于雷同的一種好的解決方法,某些特别的版面上,使用這種很自我的字型能讓版面産生靈氣和個性。 

C、字号大小的确定:粗排過程中,每個層級的文本字号應該基本确定,這對于形象畫冊、書籍裝幀設計來說尤為重要,因為這種多頁的設計物需要在文字上有統一的視覺風格,每個層級的文本元素應該在不同的版面上保持相同或統一的視覺性格。字号的大小确定需要有三個依據: 

一是各個層級元素之間的對比關系,a應該比b大多少,c應該比b小多少,應該要把各個層級之間的輕重關系展現出來。 

二是版面整體比例關系,也就是讓文字突出但不唐突,弱化但要可見。 

三是成品的視覺效果,這是最重要的,比如一段内文,在報紙廣告上可能8号至10号就足夠了,但在海報招貼上,因為閱讀距離的不同,可能需要24号字以上才能看清楚,而在形象畫冊上,6号至8号字都能看得很清楚,10号字都已經感覺偏大了一點。 

是以根據不同的成品媒介考慮不同的字号大小是非常重要的,千萬不能依賴電腦螢幕的顯示效果做為最終依據,要經常培養對字号大小的敏感程度,在一個經驗豐富的設計師眼裡,8号字和9号字的差別是非常大的,它們代表着完全不同的表現力。總之一點,字号的大小是一種固定實體尺度,在設計中不能以單純的感性觀察作為确定依據,而要同時加入理性經驗和成品概念來作為參考的依據。 

另外要注意的一點是字型的不同也可能對字号大小的造成視覺偏差,一般來說,字元的占用比較滿的字型(如黑體)在同等字号情況下看起來偏大,反之(如楷體)則偏小,這些在不同字型混排時經常出現,需要對其進行視覺修正,一般可以加入正負0.1-0.2的修正值就可以解決。 

在編排時,字号的大小級數不能出現太多(除非你在刻意創造某些特殊視覺效果而需要進行混排),最好每個層級隻使用一種字号大小,對于同一層級的不同隸屬關系的文本,可以用字型進行區分,否則字号級數過多,将造成整個版面的雜亂無章。一般來說,第一層級的字号大小與第二層級的大小差別要比較大,而第二層級與第三層級的字号大小差距應該要小一點,這樣可以清晰地展現出各個層級之間的差別。 

D、字距和行距的再設計:這個問題是很多設計師都忽略的問題,是以要在這裡重點說一說。為什麼說"字距和行距的再設計"而不是"字距和行距的調整",因為這裡面的變化如同中國古代的八卦陣,複雜多變,不同的字距和行距設定會産生完全不同的視覺風格,已經可以說成是一種"再設計"。 

看到過很多設計師在進行文字編排時,直接使用電腦預設的字距和行距進行排版,花了大量精力在字型和字号大小或者段落形狀上做文章,卻完全忽略或者不重視字距和行距的再設計,以至于最後總是不得要領,結果不盡人意。漢字是方塊字,每個字的占位空間完全一樣,是以編排中非常容易出現呆闆、沉悶、粗糙的視覺效果,解決這個問題的法寶就是字距和行距的調整。如何讓一段文字看起來精緻、清晰可辨?不單單是字号大小的問題,而是每一個字、每一行字、每一段文本、每一篇章的上下左右的空間間隔距離是否合理。 

一般來說,字距的确定是由字型結構來決定的,因為每種字型對字元的占用空間是不一樣的,比如楷體,結構比較自由靈活,對字元四邊的占用率比較小,是以它所要求的"字距"也相對較小,字距太寬的話視覺效果就會散,閱讀起來很吃力。而黑體和宋體則對四邊的空間使用率很高,字元很滿,是以它所需要的字距空間就比楷體要稍微大一點,才能讓閱讀者感覺舒适 

在正常情況下,電腦的預設字距都偏寬,應該适當把字距調小一點。 

而行距的設計,則最能展現一個文字篇章的氣質,漢字的行距設定一定要比字距大(除非你純粹在追求一種特殊效果),行距最小應該在字高的50%以上才會看起來舒适,才能讓"行"的感覺出來。 

單個漢字在設計中是一個個"點",漢字的編排就是把這些點連成我們需要的線、面、形體,讓它為設計服務,至于是讓它成為點還是線或者是面,就完全由字距和行距所決定,有時我們在做一些比較大氣的版面時,為了尋求一種視覺張力,會把文字行距處理超常地寬或窄,以加強每行字在設計版面中的作用力,充當"節奏線"的概念。有時也可以誇張字距,讓字距超常地寬,讓文字在設計中起到"點"的作用。 

總之,或嚴謹傳統,或反叛突破,字距和行距的再設計可以為版面提供更加靈活、富有感染力的表現形式,諸位多多試驗就能體會其中奧妙。有一點需要補充的,不要犧牲可閱讀性作為代價! 

E、對齊:漢字編排中的"對齊"是讓人頭痛的事情,有時為了讓一個标點符号避開行首行尾,就要對整個段落進行大調整。對齊主要是指頭尾對齊、段落對齊,一般來說,一段文字要想讓它看來整齊劃一,最好讓标點不要在行頭和行尾出現,這樣可以保持文字段的完整性,當然調整起來是很吃力的,但就我的經驗來說,有時候我為了對齊一行字,甚至會把所有的文字都打散了來重新進行微調。 

因為電腦的自動對齊指令是基于一種相同的定位數值,而不能考慮到不同字型和字号之間的視覺偏差,設計師就需要對這些視覺偏差進行修正。設計師要具有這種嚴謹的編排習慣,對每一個元素都要斤斤計較,要做到分毫不差,才能有完美的作品産生。 

F、氣口的設定:漢字的編排不象英文,英文有上标下标,有單詞之間的空隔,是以排列起來感覺很有節奏感和韻律感,漢字每個字之間都太規則,是以排列起來沉悶無趣,要打破這種局面,就要學會設定氣口。 

所謂氣口,就是能讓大篇幅文本透氣的空間,讓閱讀者有喘氣的機會。一般來說,漢字編排中氣口的設定在段前段後進行,氣口的基本特征就是比正常的行距要大、與文字篇幅外圍的大面積留白相連接配接、具有與空氣對流相同原理的空白視覺通道。 

氣口的設定根據設計的具體需要進行設定,篇幅小的時候一個氣口就足夠了,篇幅大而複雜時,則需要設定多個氣口,尤其是抽象、枯燥的技術型文本塊,由于層級關系複雜,更需要針對不同層級設計不同的氣口,這樣能緩和閱讀的緊張感,讓文本塊看起來有節奏感和趣味性。 

要注意的是,氣口的設定一定要在自然段或自然章節的前後進行,不要勉強拆分一個完整段來設定氣口,這樣會破壞文本本身的完整性。 

G、文本塊的趣味性:漢字編排是很嚴謹的工作,但有時太嚴謹就會呆闆,這時我們就要考慮文本塊的趣味性,當然現在的電腦技術有很多的特殊效果可供我們選擇的,比如首字下沉、文本陰影、文本繞圖、任意形狀的文本框等這些效果,就能讓枯燥的文本塊産生很好的趣味性。 

但作為設計師來說,不能一味依賴電腦提供的程式化的效果,很多時候我們需要獨立創造一些有趣的編排效果,以展現設計的某種特别意圖。 

比如讓自然段之間有意識的錯開、設定特殊的文本塊的擺放角度、增加其它的可視化的效果、讓文字同時具有圖像的效果、颠覆傳統的編排習慣等等,在設計的領域裡,隻有你敢想敢做,就一定會有出乎意料的收獲!但不管何種趣味性的效果,最多同時使用兩個,用得越多情況反而會越糟糕,要有把握的分寸,時時刻刻都要關注版面的整體美感,不要圖一時之快而破壞整個版面,造成雜亂無章的結果。 

H、文本塊的外圍留白:文本塊處理好了,放在哪兒?怎麼放?這就牽涉到"外圍留白"的問題。 

所謂"外圍留白",就是文本塊或篇章本身之外的周圍需要一定緩沖空間,以利于閱讀輕松愉悅,就象是城市的的一棟漂亮的建築,如果周圍不足一米的地方就是其它亂七八糟的建築,那麼這棟建築将會魅力盡失,而如果它的周圍有大片草地,它的魅力才能完整地展現出來。 

文字編排也是同樣的道理,如果一個經過嚴謹編排的文本塊的四周全是擠得滿滿的圖檔、色塊,那麼這個文本塊的美感就很難展現出來了,是以,在文本塊的編排時,一定要在外圍留有足夠的緩沖空間。 

根據我的設計經驗,一般比較舒适合理的留白,大緻比例是:如果是從左向右閱讀的文本塊,那麼它的左邊邊界到相鄰元素之間的距離至少要保證3個以上完整字元的安全距離才能透氣;如果左邊相鄰的是紙的邊界,則一般需要6個字元以上的安全距離才能緩沖,否則就會有太"沖"和太"危險"的感覺。 

文本塊的支援部與其它相鄰元素的空間也就應該保持至少3個字元的安全距離,而且越多越好。文本塊的右邊和下邊對空間的需求相對較小,一般保持1個字元以上的安全距離就可以了。當然這并不是絕對的數值,許多情況下這些規則是可以被打破的,我們在設計的過程中應該多進行這種視覺實驗,多揣摩好的設計作品的文本外圍留白是怎樣的,提高自已對這方面的認識,以後就會慢慢掌握留白的方法。 

4、精确細排:這個階段是非常重要而且是必須的,漢字編排是很講究精确計算的,嚴謹完美的編排一定來自于精确的計算,這點在日本的設計中展現得尤為突出(日本文字的編排規則與漢字一樣)。這個計算過程就是精确化、清晰化的過程。要計算什麼呢? 

在成品的習慣閱讀距離内字的大小字号是否已經合理,各部分比例是否恰到好處,文本篇章在整個版面中是否和諧,各個層級的文字是否清晰明了,分欄的欄數和欄寬是否合理,各元素之間的距離是否安全得體,該對齊的部分是否已經分毫不差,字距行距看起來是否舒适,是否已經考慮過印刷成品裁切出血位後的距離,是否有需要進行視覺修正的部分,每個文本塊的位置是否能完全确定下來等等問題。 

這些問題都需要經過複雜周密的調整和計算,有些需要通過我們的眼睛進行判斷,有些需要借助經驗,有些需要校驗數值,是以這個過程馬虎不行,尤其對于文本量非常大的設計項目,一個地方出錯,可能牽涉到所有的版面都需要調整。 

5、校對:雖然這是一個很老土的話題,但是對于商業設計這種講究效率的行業來說,是必須要堅持的,因為有時我們無意間漏掉的幾個字、幾句話都可能對你已經精确編排好的版面造成極大影響,可能會浪費你很多的寶貴時間去重新調整,是以,還是校對一下心裡踏實些,免得以後重複許多無用功;

原文出處:http://weibo.com/ttarticle/p/show?id=2309403978800298882678

繼續閱讀