中文字體排印如何做到高格調?

之前貴妃專欄收到一篇炒雞實用的關於英文字體的排印教程的投稿 英文字體排印入門指南,真的是入門! - 讀點兒設計 - 知乎專欄,小夥伴們紛紛點贊,表示中文字體的也來一發,但是貴妃的實力實在有限,不知道有沒有大神可以幫忙科普。好人一生平安,這樣。


謝邀

如果我將題主所謂的「Bigger」理解為「中文字體排印所展現出的細膩、雅緻、清朗的美感」的話,那就從平面設計若干排版技巧的其中一個方面來說

就拿前面 @Miiiing 提到的這張海報開頭吧:

這張海報是台灣平面設計師王志弘的作品 ↓

截取海報左上角和左下角:

仔細觀察可以發現:通過刻意緊湊的字距與行距所營造出版面的連續性、塊面感、整體感、圖形化。如果將字看作為點的話,那麼行和段就可以看作為線和面。通過這種手法,可以令我們在觀察一段文字時不單單將其看成一段文字,而在認知過程中不由得從圖形、圖像的角度的去看待它,這樣你就會發現「逼格」似乎高了些

以下是王志弘其它的作品,從中也可以看出該手法大量的使用:

注意標點,許多繁體字和日文字體的標點符號一般都是位於句子間隔正中心處,這樣能一定程度上減少布白,令行氣貫通:

當然不得不承認,繁體字以及日文字體對於提升「逼格」是有一定加成作用的

一方面是因為繁體字自身結構原因:繁體字真的美觀嗎? - 郭毓海的回答

另一方面是因為繁體字筆畫繁複所造成的「陌生化」,從而令我們在認知過程中大腦不自主的加工出陌生化的「美」:為什麼很多人無法接受在產品的外觀設計中出現漢字? - 命硬的eno 的回答

再一方面是因為日本現代字體對於宋體或是黑體的理解是把文字圖形化,而我們往往是從字體結構出發:質量較高的中文宋體有哪些? - 知乎用戶的回答

所以最後,在中文字體排版時,不如有時考慮下負字距吧

-------------------------------------------

補充:對於題主問題里所提到的「逼格」這個詞的用法,似乎引出了不少爭議。其實說實話我也不是很喜歡。所以提到時都會附上引號加以表示

就如今天@不鳥萬如一 在其發布的專欄里所說的那樣:《IT 公論》博客:論屄格 - 不鳥萬通訊 - 知乎專欄

我們都希望中文字體排印的環境不斷改善,但究竟怎樣改才是善,不但需要長時間的探討和學習,也並沒有唯一的標準。根據使用環境和需求的不同,有時我們需要中正嚴整的字體排印,有時需要細膩清朗的字體排印,有時需要暴烈狂放的字體排印,有時需要嬉皮笑臉的字體排印。這一切豈是屄格二字可以概括的?設計師之所以討厭甲方「高端、大氣、上檔次」的需求,難道不是因為這七個字空洞無物、令人不知所措?同樣,「高屄格」究竟意味著什麼,用這個詞的人說得清嗎?

相信是說不清的,不過我倒願意試試。在大部分情況下,屄格是不知優良品味為何物者想像中的救命稻草。有時它指的是「尊貴」一類的傻詞,有時指的是百年老店的氣度,有時指的是繁體字和直角引號,有時指的是一個 98% 的人負擔不起的價格。更多的時候,它代表的是一种放棄挖掘甲方真實需求的懶惰,把已經被市場驗證過的某種和現下語境毫無關係的設計直接貼到甲方那懵懂的臉上。我們完全可以這麼說:在談論設計時,只要「高屄格」三字一出口,論者就已經放棄了對好設計的追求

深以為然。因為無論設計(各種設計)或是字體排印,單從其形式、手法、風格,甚至其所處的應用背景上來說,就可以概括為許多種類(以上我的探討也只是針對其若干面的一面出發)。因此,當我們理應從一個嚴謹、專業的、理性、逐一對應的角度去一一分析它們時,卻用了一個無比籠統的詞語「逼格」就對其加以概括,那麼這是否算是一種偷懶而又不負責任的表現呢


最近在整理電腦里的資料,想時不時更點乾貨!光收藏不點贊是可恥噠_(:з」∠)_

_(:з」∠)_

這篇回答可能偏向方法論一點,也會舉大量實例(*???*)

問的是中文字體排印,故以下回答會涉及海報、手冊、雜誌書籍等印刷品。

一、字體意象的選擇
誠然,用戶在閱讀的過程中,思維主要專註於文字內容上。
但毫無疑問的,除去內容,載體文字的形、色、間距、強弱,甚至文字周邊的圖片插畫等,純視覺上的元素,也會以意象的方式存入用戶腦海,形成一定程度的「潛意識」。

①選用哪種字體:
在確定字體的選用前,先得明確其主題。或者說,要理解畫面上的文字,想傳達怎樣的觀感、情緒等。
舉例說明:

  • 手寫體:

手寫體更能體現「人文」、「自然」的主題,往往能給人以親筆寫下的誠意溫度
商用廣告裡面,像是:
家庭題材手工製作產品隨筆書籍部分服務業都適合使用手寫體。
像這樣的:

當然賣萌也可以噠:

  • 毛筆字體:

像天朝的「楷書」、「隸書」、「篆書」、「行書」、「草書」、日本的「勘亭流」、「相撲文字」、「客寄文字」都屬於偏向「古樸」、「傳統感」等有文化積澱的字體。
適用於偏傳統風民俗題材歷史題材文化古迹等文字內容。

不過這類字,單看裝飾性也很強:

  • 標準字體:

標準字體如果加以適當寬鬆的間距,極簡化的乾淨背景,便能極大地提升畫面的嚴謹精緻設計感
比如腎機官網:

Apple (中國)

性冷淡官網:

PPT里也可以這樣用~

至於如果要變體字的話...加錢呀_(:з」∠)_
順手分享一個動態字體設計師
Kota Iguchi 官網:Graphics Interchange Format

②選擇合適的顏色/明度/色相/飽和度:
暖色:
這類顏色偏於熱情,有一種excited的感覺。

(紅/橘/黃)
冷色:
偏於安靜冷靜沉穩,所以商務題材非常愛用。

(藍色系列)
改變顏色的明度/飽和度,可以更加貼近所述氛圍,如:
春天題材:粉綠/粉藍/粉紅

夏天題材:純白/天藍/鮮橙

諸如此類~
總結起來,在選擇上,要多代入場景/氛圍來思考,確定主題。成果展現的意象,也千萬要切題

二、視覺導向的斟酌
大家如果有看過日漫,一定有這樣的經歷:
第一次看日本漫畫時,頻頻蒙逼…

與中文由左至右的閱讀習慣不同,日式排版讓人超不習慣~對吧~

這算是文化差異帶來的不易閱讀的例子~
歸納來說:

容易閱讀=容易看+容易理解

①內容和字體的關係
Ⅰ.字型大小
這裡主要講偏書籍、雜誌、手冊類的排版規則。

  • 標題:大標題&>小標題&>副標題&>引言&>正文
  • 正文:一般至少為9pt,如果面向的是兒童、老人這類人群,則需酌情放大字體
  • 補充說明:如批註,圖片說明、原作者等,一般在6.5pt左右。

Ⅱ.邊界&對比
邊界即畫面上下左右的邊距留白,這裡我覺得用HTML排版里,比較典型的盒子模型為例:

邊界的比例,尤其是在書籍印刷上,給人心理的愉悅度影響程度很大。
比如窄邊距,往往有一種壓迫感,兩眼一黑…(快…快拿莎普愛思救我…)

對比分幾種:
字型大小大小對比

重量粗細對比

字體形狀對比

文字色彩對比

當然啦~對比主要是將文字動靜分化開~比較有主次、衝擊力。②易於閱讀的排版
Ⅰ.行長/行距/分欄
當文章較長時,行長、行距、分欄的設定往往會決定讀者的閱讀節奏
如果閱讀節奏和主題內容較為吻合,往往能得到較好的閱讀體驗,甚至能增強代入感

  • 行長:即每行長度,太長會給人疲累感(太長不看-v-),太短會給人頻繁換行的閱讀上的不快。
  • 行距:每行間的留白,通常8pt的正文字型大小,適合行距在1.3mm~2.72mm之間。
  • 分欄:欄數越多往往意味著行長縮減,故應結合行長調整。

Ⅱ.文字間距
文字間距是個神奇的東西,往往它決定著文字在閱讀時的「韻律感」
西方字體,如W和I,其字體寬度本來就不同(來感受一下:WIWIWIWI IIIIIIWWW)
但是東方字體,,每個字佔據空間相同,幾乎都是一個個正方形方塊。

  • 字距狹窄:突出密度感緊湊感
  • 字句寬鬆:給人舒適怡然感、結合細體文字往往有一種設計感

最後,關於視覺的引導性。
舉幾個極端的例子大家就懂,了比如:

——或者:

三、排版上的美觀
Ⅰ.節奏&方向性
舉個例子:

有沒有覺得②號火柴人的跑動方向「奔跑」二字的閱讀方向不同,導致畫面節奏略顯奇怪。

Ⅱ.文字重點&對比
這個在上面提到過了,需要注意的是:要先思考突出內容,再考慮整體美觀性。

Ⅲ.陰影&線框
如果你想用的純色字體和背景色太過相似,背景色很有可能會「糊掉」你的文字。從遠處看背景與文字根本分不清主次。
這個時候可以用線框或是陰影來強調文字,使之在視覺上與背景分開。(比如下圖的destino,如果不加陰影很容易和背景糊成一片)

Ⅳ.材質
這點和英文字體一樣,使用符合主題的字體材質,往往能增強標題的戲劇化效果,增強文字的密度重量感
文字作為抽象產物,材質化也能使之減輕其「抽象感」。

Ⅴ.文字擬態
這個和材質化很像,也是增強文字張力的手法之一。也能使之更好地與畫面上其他視覺元素進行互動

四、基於印刷品材質/比例/尺寸的不同,做出相應調整

Ⅰ.書籍/雜誌/手冊

這類頁數較多、文字圖片內容明確且豐富的出版物,一般會有雛形板式。
包括:

  • 版面大小
  • 版心
  • 段落
  • 正文
  • 標題樣式等。

如果是書籍裝幀的排版,還涉及到:

  • 書眉
  • 訂口
  • 切口
  • 天頭
  • 地腳
  • 頁碼
  • 正文等

原則上至少要做到內容易讀,排版結合讀者閱讀習慣,具有引導性,突出重點。
另外,紙質也是重要的參考因素,不詳述了。

Ⅱ.海報
海報是個很看重「第一眼印象」的東西。一般來說用戶觀看海報的時間平均可能只有1.5秒的時間,接收到的幾乎是瞬時信息

所以標題一定要最顯眼,其次主題、內容、時間等按照視覺邏輯依次按重點優先順序排列。

標題文案最好不帶解說色彩,與背景圖片互相呼應互補才是墜吼的。

不過相比文字,大部分情況下海報最重要的元素是圖片,能用圖片敘述的內容,就最好不用文字

當然,如果海報本身的設計(大部分時候是圖片部分),足夠有衝擊力或是吸引力,往往能達到讓用戶停留更長的時間觀看,達到+1s的目的~

Ⅲ.文字Logo
這個是相當多設計師的槽點之一啊啊!!!
你們甲方看起來很簡單是吧!!!(手動再見)

Logo這個命題太大了,在這裡不詳述。
簡單提幾點:
如文字局部擬物:

局部色彩強化:

啊啊...累死了...總算快寫完了...

最後幾點:

  • 高格調好看,但一定一定切合主題 _(:з」∠)_
  • 文字和圖片同樣重要,請將文字當作圖片來處理 _(:з」∠)_

以上這些是我在看BASIC DESIGN系列期間做的筆記,差不多歸納的就是這些惹(??????) ?

「封面專題」、「小聚」這幾張示例圖片來自我很喜歡的《城市畫報》雜誌。
其他部分示例圖來自網路,若有不妥處,望私信告知。

如果要做到極致…印刷品諸如海報此類,基本上要從最基礎的字體設計做起,再一步步走向排版。既然這裡只問中文文字排版,那就默認電腦內東方語系字體庫充足且可用~

整理電腦期間搜出的字體包大概好有一個多G。

我傳了網盤備份了一下,如果有需要的朋友雲盤自取吧~
如果有幫助,可以點贊辣~或者給我關注給我愛???( ˙ ? ˙ )???
http://pan.baidu.com/s/1kVdDI0B

————————4月21日晚更新——————————————
啊嘞_(:з」∠)_答完之後好多贊和收藏...感謝大家支持!!
我在近期再把答案里的實例補充一下,豐富細節,希望能讓觀者受益。


————————4月24日下午更新——————————————

大家好熱情_(:з」∠)_,在這裡再補充幾點~~

1.我看到了我喜歡的字體,如何識別出這個字體叫什麼名字?
答:這裡推薦一個網站可以識別圖片上文字的字體,鏈接如下。
網址:字體下載-求字體網提供中文和英文字體庫下載、識別與預覽服務,找字體的好幫手
使用教程:http://jingyan.baidu.com/article/bad08e1eb6a6b309c85121a3.html

2.分享一個我很喜歡的字體設計大神的LOFTER主頁:
網址:AUTUMN宇

3.分享一個精美的日式色彩網站:
網址:NIPPON COLORS

4.例子里的兩個漫畫叫什麼:
答:第一個漫畫是伊藤潤二給《我是英雄》畫的特別版短篇;
第二個是我非常喜歡的漫畫家門小雷的作品《小雷的情書》。
網址:【伊藤漫畫】-請叫我英雄·外傳二
小雷的微博:http://weibo.com/littlethunder

5.字體包的問題:
答:因為目前網路上有大量可下載的字體包,我下載了很多也進行了整理,雲盤鏈接在上面。
但如果是商用作圖,且想要獲得最佳的使用體驗。還請購買正版字體,支持字體設計者們精心製作出的成果。感謝!!


(///v///)


除了上述問題回答到的 技巧、審美相關之外
只想提一點——分清標題和正文層級
標題和內文(或說明行文字)區分開了嗎?
一級二級三級標題能夠看出主次嗎?
根據需求需要突出的內容體現了嗎?


首先,最需要解決的就是字體問題。
國產字體普遍精細度不夠,美感不足。特別是排大量文字的版面的時候,這個問題很突出,這是一個很頭疼的問題。
後來我發現香港蒙納字體有國標內碼簡體字型檔,而且非常精細優美,解決了很多問題。
巧婦難為無米之炊。字體選擇是最先需要解決的。


中文漢字字體的確美、無論繁簡。而繁體在於正統、簡體易趨前衛。因此要了解各自特色、然後執行排版風格。

簡體中文筆劃少、可從簡約風格切入。說到簡約(Minimalism)、不得不提留白空間、因此字距可以稍微拉開一點、但盡量保持能夠讀速和眼速跟得上、不然會產生不連貫性而導致閱讀者需要略多時間消化及理解、有機會失去繼續讀下去的興趣。當然、若果只是一句話或者幾個字、就可以放心去調整。

近年多了不少以中文漢字為發揮主題的優秀創意作品。造型各有千秋。當然也不能忽略了日本方面的漢字處理手法。雖然字身構造有所不同、但形態基礎還是在於漢文字上。然而日本人處理漢文字的格調實屬高雅、寧靜。不妨從日本其中一位最具代表性的設計師原研哉的作品開始了解。他所帶領出來的無印良品就非常有簡約味。

而中文漢字方面其實可以欣賞一下國內【造字工房】的產品、香港【李永銓】的設計、台灣【聶永真】的CD唱片封面等等。至於排版、個人覺得台灣版的小說書籍比較獨特、先不論科學、從右到左、上而下的列序方式確實獨特。說到逼格高、聶永真的東西還真的蠻裝逼。(笑)

以上純屬聊天內容、不及學術性答案、卻望能夠為樓主帶動一絲想法。同時、本人亦渴望看到專業的答覆、好讓自己長知識。

同時歡迎指點 或 作補充。感謝。大家好才是真的好。


把字當作圖用就可以了

中文字本身就是象形的,你看到一個字的時候先調用的是視覺系統。加之結構複雜,特性和圖形更接近。所以用的時候需要不停提醒自己這是圖這是圖這是圖,不能盲目借鑒英文設計。當然如果是一段文字的話,盡量多寫一點,通過修改行、列字數和間距設計段落的形狀(還是當做圖處理)。趕飛機寫的糙,見諒


.
.
.
.
.
.
.............................排 版...........................

這裡說的排版,不僅僅是平面功底,更重要的是對中文字一種魂的理解,也許很抽象,不過抽象就對了。


word這個生產力工具,幾乎無所不能

列印出來,是這個效果

我擔心有人不相信word的神力,我去word截個圖

字體版權歸字體公司所有


得看甲方是什麼品位的人 有些撲街就是不喜歡簡介高大上 非要整的俗氣巴拉胡里花哨


看完前排 @虎卅泓 的答案有點困惑,我懷疑只有在 Photoshop和 Sketch 這種設計類軟體,也就是不能同時預設中西文不同字體的軟體中才會出現這種狀況。試驗一下:

在電腦端 Word 里輸入:

—— 正確使用了中英文引號,因為 Word 中英文預設字體分別是宋體和 Calibri,而且這時候間距是 OK 的。

但在手機端輸入會變成這樣:

——為什麼 McDonald"s 中間的引號出現問題了。

原因:

1. 網頁、手機端打字輸入,也就是「專業排版環境以外」的日常使用環境,在各操作系統以及瀏覽器中輸入單、雙引號,如果是英文輸入,系統會默認使用 "dumb quote"如果是中文輸入,系統會默認使用 「蝌蚪引號」。

2. 中文使用蝌蚪引號會帶來以下問題

引用自 @厲向晨 在 中文裡什麼時候該用直角引號「」,什麼時候該用彎引號 「」? 中的回答

也就是說,當且僅當
你瀏覽的網頁 font-family 設置了西文為第一字體,而且此時你使用中文輸入法輸入引號,中文內容中會出現西文的半形引號,導致間距出現問題。

如果你使用英文輸入法引號,無論如何出現的是笨蛋引號。

所以推薦 Unicode 碼位不重複的直角引號。

參考:

  • 之前我一直再糾結碼位的問題。感謝 @Linkzero Tsang 給的回復把我點醒了。我之前完全沒往笨蛋引號上想,根本沒想到它就是 Double quote 而聰明引號是 Curly double quote,而且一直在糾結這難道不就是中英文引號的兩個碼位?

  • Quotation mark - Wikipedia
  • Be Smart. Don"t Use Dumb Quote Marks
  • https://medium.design/quotation-marks-c8993b54417c#.fokmm7wqp Medium 設計師嘗試解決「不用很煩很累就能輸入聰明引號」的問題
  • How to Use Curly Quotes on Mac OSX and Windows ? Chris Bracco 如何很煩很累地輸入聰明引號

主次分明,字的面積分布在畫面中要平衡,盡量使用對齊功能,將人的視點集中在中間區域,放你想表達的抽象的東西,攝影作品,圖片,或者體量較大數目少的文字,還有很多規律可以找,多看看日本和台灣的設計師作品吧,靳棣強那個太難模仿了,我有一次聽他的講座,他海報的設計內涵真的太足,完全模仿不來,有實物攝影比較多的石頭很多是他在江邊撿的,靈感也是因為一塊石頭才得到的,可遇不可求


首先,在文字排版方面要做到最至關重要的一點就是「整齊」,左對齊,右對齊這些就不說了,重要的就是需要段落與段落之間對齊,另外我這邊說的對齊不是指絕對的前後左右對齊,不一定要完全左右對齊,可以按照一定的規律岔開,但是一定要有秩序;第二就是字間距,行間距要控制好,字間距越大給人視覺感就會比較疏遠,字間距太小會給人感覺緊迫感,一張頁面或者一本畫冊里行間距,字間距最好保持大體上的一致,例如正文部分行,字間距要保持一致,標題部分行,字間距保持一致;其三就是需要控制好字體大小以及字體樣式的應用,我個人推薦一份設計稿中字體樣式不要超過三種,不要使用太過於花哨或者識別度較低的字體,字型大小建議小一點,例如A4尺寸的,建議正文字型大小在10左右,字體太大會給人一種廉價的感覺。以上就是我個人一點小建議



不是很懂,瞎答一下
首先逼格這種調性,可能在裝,而漢字的一些表達是內涵的,不是外放的,比如各種碑帖的表達
有某些字體具有設計感,不過在書家的評價中可能價值低,所以逼格可能需要向視覺設計上去靠

排印的話,漢字,也不是全然的方形,有長、有扁,有方向性,對於海報一類的,應該字字推敲排法,讓相鄰的適合,整體一排適合,形式對應表達的內容也適合

對字數多的,要考慮人的閱讀,多一些關注,據說豎排版引動頸椎垂直動,橫排的話頸椎左右動,前者對脖子更好。還有樓上說的留白的問題


還有漢字和拼音混排的問題。由於漢字是方塊字、拼音是字母文字,它們在字體大小、書寫方式、視覺等方面一致性都很差。因此拼音在正式音譯外國人名、地名方面,幾乎沒法發揮作用。為了使拼音和漢字可以和諧的混合排版,網上出現了一種方塊字體的拼音。它用漢字筆畫書寫拉丁字母,再按一定規律組合成方塊字。認讀方法和拼音一致。

下面就是在排版中,通過使用」表音方塊字「達到的比拼音和注音符號更整齊的視覺效果。

」表音方塊字「的具體寫法可參見網上文章《科技表音方塊字介紹》。


不同的條件下是要靈活運用的,不過現在大體有個趨勢吧,簡潔


請問這是什麼字體? @欒時予


本人不專業的看法…隨便看看…
字體:盡量不要花哨,用最簡單的宋體仿宋黑體微軟雅黑等等就好
字型大小:根據字體大小,不同字體會以某個字型大小為界出現兩種不同的感覺,我不知道word上有沒有,但是PS上有這種界線!選擇字體大小是非常重要的事
字間距+行間距:不要太擠也不要太疏鬆(廢話!)
背景的選擇:高逼格嘛,一般都是偏向扁平化的那種配色和設計吧,不是很了解…反正留白確實很重要啦
當然也有根據圖來選擇字體的啦,對於行楷行草那種(比如標題),一般都會在設計軟體上排字吧(抱歉不懂這個行業具體用什麼做),用行書字體排文章感覺會看的不舒服,而且字體庫大多不是很全,所以應該只會用來排一些比較大的標題吧。。。


中文字體排版主要所展現出來的是優美、清爽的感覺!


注意留白,不要滿


留白
對齊
細字體
繁體字的運用
字越少越好。
間距不要太小
顏色和畫面統一
使用斜體要慎重。


筆畫細,排整齊


推薦閱讀:

鉛字時代,數學公式是如何排版的?
路牌、路標上的拼音應否標調?標調又有何利弊?
台灣人習慣使用橫版印刷還是豎版印刷?
如何看待 W3C 的中文排版需求(草案)的發布?

TAG:字體 | 設計 | 排版 | 平面設計 | 字體排印 |