不要錢,教你學會中文字體排版技巧!

2021-02-13 平面與設計

本文來自:幕後大咖(作者投稿發布)


常識說,平淡的東西讓人看起來容易乏味,而有節奏感的體驗都會帶給人更舒適的感受。生命就因為不同才有了韻律。我們都是那些熱愛創造這些美好的人,所以成為了設計師。

當設計從優雅地躍然紙上,轉而到了數字批量標準化時,那些不確定性帶來的意外之美被取代了,以圖形化見長的中文字的表現力被徹底抹殺。別說寫字的人越來越少,連極具表現力的話語,用文字表現在屏幕上時顯得如此平淡。

作為一個設計師,誰不會做一手漂亮的英文排版呢,因為在你學設計的時候,就是從參考國外的英文設計開始的。

回過頭看網際網路萌芽初期到蔓延至今,整個行業都是基於西文語系構建的,不出意外地,計算機作業系統也是如此。而它根本就不是為中文而設計的。甚至「放進中文畫面就顯得LOW」這樣的概念幾乎已經成為一種定式。

其應用場景如網頁端和移動端,由於更加講求效率,文字所能表現的空間則更為有限,即使手頭有幾款不錯的字體,尺寸一小基本看上去也別無二致了。

難道中文就無法在數字產品上呈現優雅的設計嗎?

/  一、中文難以優雅處理的原因  /

1.中英文的處理方式有千差萬別! 

我們先分析一下中英文的差別,英文是以獨立的字母組合成單詞來表達的,英文字母就是26個,由於這是所有單詞的最小集合,英文的字體設計相對中文就簡單得多。很容易就可以找到一組不錯的英文字體,而不會遇到拼不出單詞的窘境。 

中文就不一樣了,每一個單獨的中文字,都需要被單獨設計,每個字幾乎都不同,甚至有些筆畫還極其複雜。中文字體的選擇,對設計起著至關重要的作用,而一套高品質的中文字體,要至少具有幾萬字才算合格,真是辛苦了中文字體設計師!(叩拜)

中文字體的設計難度,也直接導致了一些明明不錯的字體,只因為缺字而無法被更好的應用,更別提完整的中文字庫,動輒幾十兆的體積導致其難以應用。所以大多網頁和APP為了適用範圍更廣,都直接採用系統字體就完事了。加上中文應用在一種根本不適合的系統規則之上,又如何能發揮Ta的優勢呢?

當然這個問題也有人在試圖解決,湧現了很多可以直接在網頁端調用字體的服務,比如ARKie就可以直接在網頁中顯示各種中文字體,而不需要用戶本地預先安裝,這給中文字在網頁端的使用提供了很多便利。

/  一、中文難以優雅處理的原因  /

2.數字產品的中文應用特別不自然

數字產業中的核心是統一性,文字寫出來工整是很容易的,效率很高,但這造成了個問題:無聊,乏味。

而手寫的時候我們只在極少的情況下會拿個尺子比著寫字,由於手寫時思維的活躍,我們會很自然地去「出格」,比如每個字大小會有細微的不同,角度也不會都一樣,甚至還會把某一筆寫得更長,從而營造了一種細微的差異,這就是所謂的節奏感

ARKie這類工具出現之前,有些設計師為了還原手寫的隨意感,就只能在Photoshop中事先做好,這個方法不僅耗時費力,字體也只能用圖片的方式貼在網頁上,基本沒有靈活性可言。

/  一、中文難以優雅處理的原因  /

3.英文排版比較容易創造節奏感

由於英文字母相對簡單,所以線條在很小的尺寸上依然具有一定的表現力,同時在組合單詞的時候也並非是一成不變的,比如大小寫可以讓一個詞具有了明確的開頭,每個詞單獨展現的時候都有自然的停頓。

當組成一個句子的時候,由於每個單詞的長度不一樣,營造了一種錯落有致的美感,所以閱讀起來非常有節奏。這就是為何英文無論是獨立的美術字設計還是成段的文本,讀起來都很順暢和舒適。 

/  一、中文難以優雅處理的原因  /

4.中文排版以字為單位

中文是「方塊字」 ,每個字的觀感基本區別不大,寫法上也沒有區別的方法,也就導致了中文版式缺乏一些錯落。並且,由於方塊文字之間缺乏明顯的差異化,即使是錯落的句子,看起來最多就是長度的差別,閱讀起來不僅缺乏節奏而且很容易「看走眼」(我想大家都有在讀很長篇幅內容時看錯行的經歷)。

慢慢我就理解為何古人用豎向的方式書寫了。而大多數情況下,我們都僅僅只是把文字放大就齊活了。

這也是如今行業標準的弊端,無論是PS還是AI,甚至Keynote,PPT都有文字輸入的工具,但他們都依然使用的是一段文字的輸入方法,當我們要處理每一個文字的時候,就必須把文字打碎成一個個單獨的對象,操作起來麻煩得要死!

一個標題就算了,手快一點一個小時就基本可以搞定了,但遇到更多文字排版的工作,如果沒有藉助ARKie這樣的工具,基本不可能實現。

/  二、怎樣做出優美排版的中文?  /  


技巧1 內容優化建議:語言要精煉

拋開大篇幅的文字不說,就講有自由度空間的標題字體排版設計,中文字的線條中隱藏著微妙的美感,所以尺寸是第一要素

正如三體中一段經典的臺詞,「一切璀璨的文明和惆悵的情感,都被遙遠的距離壓縮成了一個發光的點」。 一個那麼小的點能看出什麼來?空間佔比的絕對性!一定要充分利用起來!要讓文字佔用更大的空間,就要縮減文字的數量,首要就是精煉的語法!用更少的文字去表達,這樣不僅含義更加有密度,表現力也就更能戳心!

比如:

「 轉眼的功夫天就黑了,籠罩在這筆直的,一眼看不到頭的路上」

換言之:

「夜色不容分說來到無盡的路上」

後者難道不更是容易說到心裡去嗎?信息傳達不僅需要快速,還需要加速度,這麼來看那標點符號簡直是個減速帶啊!說得越少越不用斷句,越能一句讀完,就越有力量,當語句精簡之後,空間就有了

/  二、怎樣做出優美排版的中文?  /  


技巧2 創造文字間連貫的節奏感

節奏感的表現可以有很多手段:尺寸大小,上下位移,旋轉,間距,總之就是不能讓文字之間就穩穩噹噹地排在一起。首先就需要能單獨控制每一個文字。別忘記中文可以豎向排列!以及田字排列!這都是英文所不具備的。但這些特性由於使用環境的限制,難以被善加利用。

/  二、怎樣做出優美排版的中文?  /  

技巧3 利用文字大小差異引導閱讀

先選擇句子中幾個需要強調的文字,方法是將這個幾個尺寸設置為最大。然後再選擇幾個最小的文字,可以選擇一些語氣詞,讓整段句子的文字產生不同大小的變化,其目的是引導閱讀的人在讀的時候不由自主地會強化來念這幾個字,從而自然地形成了一個不確定卻又有節奏的閱讀感。

比如:

可以在心中默念一下,感受語言重量不一致時讀到的節奏感,從而能讀出不同的感受。是不是有點帶感了?如果不知道該怎麼做也沒關係,如果用ARKie的話,Ta會自動識別需要加重的文字,並自動作出尺寸處理,省不少事情。

/  二、怎樣做出優美排版的中文?  /  


技巧4 絕對整齊不一定就是對的

既然我們寫字都不會那麼工整,那麼就不會有什麼東西是絕對整齊的,比如ARKie輸出的文字排版,因為不太會有絕對整齊的所以感覺很自然。

但如果你寫出來的文字是底對齊的,即使尺寸不同,看起來依然是生硬的,千萬不要小看人對信息的解讀能力,有時候感性是超出理性認知的。

那麼應當刻意營造一些不確定性,每一個文字的角度無論在何種情況下,都會有些許的差別,況且絕對的整齊本身就有些死板。我們應當給文字更多的變化。

下面看看示例:

  

經過這幾個步驟我們的文字從原來單調死板的排列,變成了具有靈活性和規律節奏感的設計。文字本身就有差異,加上對每個文字單獨處理而創造的的差別,將原本一眼即可識別的統一性極大程度地弱化了,所以看起來才有意思啊。

ps:說是確實挺好,但是看起來有點亂啊!

那是因為放縱啊!

世事無絕對,凡是做絕就一定不對,摒棄那些凡事就要站隊的思路,首先這些方法沒人說要一次用全啊,也沒說用了就要開滿啊,管住自己的右手,適度而為才是正道。

就如同作曲一般,每個音節都有聯繫,我們要創造的是節奏而不是無章法的嘶吼。所以當你把每個方法的度控制下來,控制到似有非有的狀態時,人們去讀的時候,才能去讀其內容,然後用感性的角度去感受其節奏了。

下面我們就將上述的手法都弱化一些,更接近的大小差異,更小的旋轉角度,以及相對位移更加細微一點。可以看出來但又不是非常明顯——

示例: 

當每個方法的度都把握好,是不是就好多了?你就做到了那些被別人看起來「不知道為什麼但就是覺得挺好」的設計啦!這就是為什麼,ARKie會刻意把握每個文字處理的力度,讓句子看起來更自然連貫。

/  總結  /


當然,這些示例都是表相,其背後的思路才是我想傳達的。

 

只有一個音的曲子不能稱之為曲子,當變化出現的時候也會有平淡悠揚的曲風,頓挫激昂的節奏。不同開合大小的把握製造的組合,就能創造出自己的風格,看似無規律的混沌的表相,其下卻有著極為緊湊的邏輯和規律。

文字好看與否是難以有標準的。但排列出具有節奏感的設計,確實可以令中文更加優雅和易讀,即使數位化時代,中文字的表現受到諸多限制,但達成目標的方法永遠比困難更多。

平 面 設 計 書 店

logo | 包裝 | 視覺 | 字體

來源:阿幾Arkie (ID:myarkie) 投稿作者:幕後大咖

本文已授權發布

相關焦點

  • 10字體設置及10個排版技巧教你搞定設計!
    學會字距微調有一種留白是大家常常忽略的:字距微調(字間)。字句微調常和字距搞混,但兩者是不同的,字句微調是單指兩個文字間的距離。,基本的襯線搭配無襯線字體,幾乎都能搭配,或者找一種有各種粗細和樣式的字體或字體系列來搭配,這樣你的文字排版看起來就互相呼應,同時還保留一些變化空間。
  • 這裡有一些CSS中文排版技巧,值得收藏!
    在CSS網頁布局中,排版是一個麻煩的問題。作為一個優秀的網頁設計師和Web前端開發人員,掌握一些簡單的中文排版技巧是不可或缺的。所以今天小編特意整理了一些簡單實用的技巧,希望對大家有所幫助。
  • 人人稱道的「字體聖經」,教你系統完整的學中文字體設計!
    專刊邀請多位國際著名字體設計師,根據每期主題,結合實際案例,分享獨家經驗。比如知名字體設計師「小林章」,親自撰寫歐文字體製作方法,教你獨一無二的字體課。他認為,字體可以完善設計,然而很多人對中文字體該如何呈現,或者怎樣排版,怎樣設計根本知之甚少,最後就是【憑感覺】,但不是每個人都有很好的美感。當所有的元素都設計完整,唯獨壞在字體上,很可惜。
  • 學會這10大PPT排版技巧,瞬間提升PTT檔次
    給大家分享一下PPT製作方面的技巧,希望能幫助到職場中正因PPT製作而煩惱的人。【文】管是相信很多人都有做過PPT的經歷,可是為什麼別人做的PPT那麼美觀。而你卻做的非常醜。每次匯報的時候都會被領導說PPT做的不行,下次重做。
  • 字體排版技巧+字體下載網站 ONE STEP
    字體排版V02 Group設計師很明顯喜歡極簡和扁平風,所用的字體Baron Neue 又是極具表現力的樣式,在黑色的背景之下極為醒目,使得整個頁面都炫酷起來了。撇開排版技巧不說,這字體都值得來一發吧?所用字體: Baron Neue, Georgia3. Jacob Grubbe
  • PPT文字圖片排版怎麼做?分享幾種PPT實用技巧
    今天小編就教給大家幾種實用PPT製作技巧。01 批量替換文字相信很多小夥伴在PPT中修改字體時,那是一個字一個字的改,一頁一頁的調整,真的是夠辛苦啊!其實真的不用這麼辛苦,試試看下面這個批量替換字體的方法。
  • 中文排版才是最屌的
    (畫面中的元素包括構圖,顏色,字體等等。而關係,則指的是它們之間的距離,大小面積,色彩搭配等等)下面就帶你看幾張中文字體的排版美感!中文字體的排版要在保證可讀性的基礎上讓版面看起來更美觀,無論是美術文本還是段落文本,恰當處理好字與字、字與行、段與段、段與版面等之間的關係就能讓你的排版更出彩!
  • 平面設計字體排版技巧
    平面設計字體排版技巧,在平面設計中,「文字」是傳遞訊息最為直觀的方式。而字體排印,我們幾乎能在任何地方看到,它存在於我們閱讀的書籍、網站,以及日常生活之中。只要有「文字」的地方,就有字體排印。通過本文的學習,相信你能很快掌握字體排印需要注意的細節,製作出更好的平面設計作品。
  • 這19款不要錢的字體,真香!
    作為一名小編,每天跟文字打交道的時間最多,但是全網各種好看的字體到處都是,不要錢的屈指可數,雖然在你的個人電腦裡沒人知道,但是你一旦拿出來商用,版權方分分鐘起訴、律師函,賠償動則數萬元,這誰還頂得住啊!
  • 8種字體排版設計技巧,建議收藏!
    在2018年的各種設計當中,我們看到了更加大膽的字體排版設計。纖細的字體似乎出現的頻率越來越低,而大膽的色彩、銳利的輪廓以及漸變的效果,甚至自定義的細節,都讓字體設計越來越多樣,精彩絕倫。如果你仔細觀察這些年的字體排版設計的變化,會發現每種設計趨勢都在逐漸遠離原本的扁平化設計,越來越不那麼保守。
  • Word排版怎麼排?分享Word排版5大技巧
    今天跟大家嘮嘮關於Word排版的問題,看到這個開頭,你可能會說Word排版有什麼難的?打個字,排個整齊的版式誰還不會啊!說的也沒錯,基礎的相信大家都會,但是稍微提高一些要求,讓Word排版變得更美觀一些呢?
  • 寫給大家看的中文排版指南
    我國的字體排印與日本、美國等設計強國差距實在太大。我希望能夠做些力所能及的小事,讓更多人意識到「設計」的價值和其必要性,創造更美好的視覺環境。本文旨在幫助普及、提升大家對文字排版的認識,讓大家在平時的學習工作中能有更專業的文字排版素養。
  • 西文字體及排版的運用方法(附字體搭配建議)
    字體傳達的信息,甚至可以影響人們的購買決策,影響到客戶是否對你說「YES」。這裡我參考了一些文章,總結了一些對字體的情感和應用研究。字體設計與排版,其實已經超出了設計師的範疇,無論是寫商務郵件,做展示報告,還是發布博客,我們每個人其實都或多或少會接觸到字體設計。字體及排版的重要性從下面這個實驗就可以看出來。20 位志願者,一半男生一半女生被分成了兩組,每組被展示了同樣內容不同排版的紐約客:一組的排版、字體和圖片都經過設計,另一組則是隨意排布了一下。
  • 【金點|咖啡】能把中文字體排版變美的BranD 33!
    國際品牌設計雙月刊 No.33 【中文時刻】封面設計日本字體設計大師淺葉克己專訪;集合全球35位設計師、66個漢字設計作品,按照中文與圖案、中文與西文、中文與線條三個部分進行呈現;二十世界上海中文鉛活字字體設計發展簡史;文字馬拉松:集合全球8個國家、14位知名設計師討論漢字的設計;
  • 快麥乾貨 | 三大中文字體設計技巧
    為了避免字體侵權,越來越多的設計師在詳情頁設計過程中選擇設計新字體。設計新字體時,字形整體結構,偏旁部首比例,筆畫長短粗細等要素都要與其他商用字體有明顯差別。通常設計師們在中文字體設計時會用到字體嫁接、英文中用和日文中用三種設計技巧。字體嫁接是指將文字的筆畫進行拆分、組合後形成新文字的字體處理方式。
  • 適合WEB和APP設計的字體與排版指南
    字體在不同設備(iOS/Andorid/PC端)都有著不同的規範和應用方案,學會一些標準的設計排版規則,可以讓我們少範錯誤。字體是界面設計的基石字體是排版中最重要的元素,對用戶的閱讀體驗有著至關重要的作用。一般來說,設計師需要了解的字體通常有中文字體和西文字體兩種。
  • 【字體排版設計(一)】字體的背景和形成
    從事設計和愛好設計的圈友,基本上都有非常多的字體無論是中文還是英文選擇是非常多的。
  • PPT的排版設計技巧
    那些關於圖像排版和視覺設計方面的問題困擾著很多人。今天,我以淺顯的經驗與大家共享!圖片排版:很多的圖片,方方正正地羅上去,顯得有些枯燥。客戶話說:「左邊放張圖,右邊放段文字,我都會,要你做什麼?」左:圖片進行了「圖片效果」的設置,加了類似簡筆畫的點綴箭頭,常規的字體會讓版面死氣沉沉。網上搜羅些書法的字體備用,會讓你的版面立刻鮮活。
  • 這個中文排版開源項目你值得擁有
    今天給大家推薦一個小眾的 GitHub 項目:赫蹏,一個非常美觀又實用的開源項目,超好看的中文排版樣式。赫蹏(hètí)是專為中文內容展示設計的排版樣式增強。它基於通行的中文排版規範而來,可以為網站的讀者帶來更好的文章閱讀體驗。
  • 真實案例,不用PS也能搞定500強專業圖文排版的PPT技巧!
    今天我們拿出500強的PPT做案例,用一些更直接、靈活的思路和方法,幫你在PPT圖文排版上提升專業性。前幾期Bobbie老師的圖文排版教程中有提到,圖片在PPT中的作用主要分為內容和修飾兩種用途。Tips:關於標題字體很多英文文檔,用了一些感覺還不錯特殊字體,但英文字體包含26個字母+阿拉伯數字,開發成本要遠低於中文字體,這就是為什麼英文字體大都免費,而中文字體要收費的原因。