關於排版的一點碎碎念【內含硬廣】

2021-01-14 灰化肥會揮機

先放一個《Paca II》試聽鎮樓

如果喜歡請掃描文章下方的二維碼支持我們


好的看到這大家是不是要關掉這篇推送了(不要啊)



前fei言hua

今天突然想寫一點圖文和公式排版有關的東西。

還記得化院第一年的今日化學課(對應信科的信概)對排版有明確的要求(甚至要計分)。到了信科以後,要寫的論文沒怎麼減,但是排版好像一直沒有人講過,所以就想把道聽途說的一些東西再倒出來,希望能讓它們發揮一點餘熱。

本文主要分為圖文排版和公式排版兩個部分。第一部分應該所有人都可以用得到,第二部分主要對常打公式的盆友們適用。諷刺的是,作為一篇跟排版密切相關的推送,由於我的公眾號排版經驗實在有限,本文的排版只達到baseline水平,請大家湊合著看看。

註:本文部分內容參考了我的今化助教童年寫的四篇知乎文章(知乎@Childhood Chen)。原文寫得比我詳細,連結放在了文章末尾,大家有興趣歡迎去拜讀w


圖文排版

1. 襯線體與非襯線體

簡單地說,宋體和Times New Roman等線條寬度有明顯差距、邊緣處常有裝飾的是襯線體 (Serif),黑體、等線、蘋方和Arial等線條寬度相對一致的是非襯線體 (Sans-serif)。

襯線體和非襯線體不宜混排,否則會產生衝撞感。感受一下:

襯線-非襯線混搭效果圖。1和4應該是最舒服的組合。

2. 等寬字體

這種字體信科的盆友在寫代碼的時候應該經常見得到,就是每個西文字母寬度相同的字體(仔細觀察上面圖中的襯線體和非襯線體,字母的寬度是有區別的)。

在非代碼場景下,一般不採用等寬字體,因為它「喪失了字母間的節奏感和韻律感」[2],不適合閱讀。然鵝Windows中宋體的英文字母偏偏採用了等寬字體(上圖第四行),所以用宋體進行英文排版或中英混排會非常醜。

上:(中文)宋體+(英文)宋體

下:(中文)宋體+(英文)Times New Roman

插播一句,Visual Studio裡默認的等寬字體是新宋體,在看過Ubuntu上VS Code優美的等寬字體之後我果斷把它改成了Droid Sans Mono。(Ubuntu終端的等寬字體Ubuntu Monospace也不錯)

3. 字重

簡單地說就是字的粗細。很多字體都會提供多種字重,如思源黑體CN就有七種字重,見下圖。

不同字重的思源黑體CN

不同字體搭配時,需要注意字重的問題。比如等線Light和Arial搭配就稍微顯得中文細了一些,閱讀時會首先把注意力集中在英文上,仿佛那裡被加粗了一樣。

同樣是非襯線字體,但英文由於字重太大十分搶鏡

4. 斜體

斜體主要是一個西文字體中的概念,右利手的盆友自己寫英文的時候應該也會自然地寫成斜體。真正的英文斜體是重新設計筆畫的斜度得到的,而虛假的英文斜體是由字母的整體傾斜造成的,因而強調的功效不如前者[4]。而中文的斜體就更難看了,因為中文的豎在整個字形中有重要的基準意義,如果你想要在中文中起到強調作用,請優先考慮加粗或者更換字體(如在宋體文本中用粗黑體或仿宋)。

上:真假斜體對比圖;下:斜體在文本中常起到強調的作用

5. 邊距

在文檔排版中,適當留出邊距非常重要。

增加段前/段後距有助於讀者掌握文檔的結構、從而流利地閱讀文本。段前/段後距可以在Word的「段落」選項卡中設置。

左:無段後距;右:有段後距

在製作ppt時,如果你的字一頁寫不下(這本身就是重大的問題了,ppt上放這麼多字不會有人想看的),請千萬不要把正文文本框拉得很大,這樣會侵佔頁邊距,讓整個頁面看起來特別擠。

圖表也是一樣,除了那種和背景融為一體的圖,請不要放在離頁邊太近的地方。圖表和周圍的文字也要留夠邊距。


公式排版

以下主要討論用latex代碼寫公式,不過基本原則是相通的。如果大家想詳細了解在Microsoft Office的公式編輯器裡如何快速美觀地寫公式,可以參閱童年寫的這篇推送。

1. 公式中的斜體[5]

由於LaTeX Math Mode中默認的字體樣式是斜體,很多人寫的公式會成片斜體。但實際上這是很不符合規範的,因為公式中哪些元素必須斜體、哪些元素必須不斜體是有約定的[5]。經查,我們的高數和數分教材完全符合下述規定,但也有很多其他的教學資料沒有做到。

數字不斜體

物理量(如V、摩爾恆壓熱容C_p,m中的p)要斜體

變量(如x、μ)和物理常數(如阿伏伽德羅常數N_A, 電子電量e)要斜體

文字(如高中學過的n_B=c_B·V裡的物質B、摩爾恆壓熱容C_p,m中表示molar的m)不斜體

運算符(如sin、argmax、ΔH中的Δ、dx中的d)不斜體

單位(如kg、μg)不斜體


一些符合要求的公式。

註:帶單位的公式中,數字和單位之間要空格。在要求不高的情形下,第四行所採用的簡單空格是勉強可以接受的。但最好還是用siunitx包進行單位輸入。

上圖中的latex代碼見下。

% For displaying units.\usepackage{siunitx}% The number `e`.\def\eu{\ensuremath{\mathrm{e}}}% The imaginary unit.\def\iu{\ensuremath{\mathrm{i}}}% The differential operator.\def\du{\ensuremath{\mathrm{d}}}
\begin{align*}&\int_a^b x^2\;\mathrm{d}x= \tfrac{1}{3} x^3 \Big|_a^b\\&\eu^{\iu \theta} = \cos \theta + \iu \sin \theta\\&C_{p,\mathrm{m}} - C_{V,\mathrm{m}} = R\\&3 \ \mathrm{s} \times 2 \ \mathrm{m/s} = 6 \ \mathrm{m} & \textrm{with space b/t nums and units.}\\&\SI{3}{\second} \times \SI[per-mode=symbol]{2}{\meter\per\second} = \SI{6}{\meter} & \textrm{with \texttt{siunitx} package.}\end{align*}


2. 公式中的粗體

向量一般用粗體小寫字母表示,矩陣一般用粗體大寫字母表示。按上述規則應該斜體,但我看到的用非斜體表示的例子也很多,可能是因為LaTeX裡打出斜的粗體字相對比較麻煩(可以用下面的方法,會比\boldsymbol好看[6]:

\usepackage{bm}\bm{x}    % in document

兩種在latex中表示向量和矩陣的方法

結語

由於我沒有更多東西寫了,這篇文章到這裡就草草結束遼。以上內容也許仍有一些錯誤,還請大家發現以後向我反饋。感謝大家忍耐了這麼難看的排版一路看到這裡。

參考文獻

[1] Childhood Chen. 引:關於字體和排版. https://zhuanlan.zhihu.com/p/24434632

[2] Childhood Chen. 一:「襯線」. https://zhuanlan.zhihu.com/p/24434632

[3] Childhood Chen. 二:真假「斜體」. https://zhuanlan.zhihu.com/p/25022761

[4] Childhood Chen. 三:「連接」·詞. https://zhuanlan.zhihu.com/p/25345597

[5] IUPAC關於公式中羅馬體和義大利體(斜體)使用的說明. https://iupac.org/cms/wp-content/uploads/2016/01/ICTNS-On-the-use-of-italic-and-roman-fonts-for-symbols-in-scientific-text.pdf

[6] StackExchange: bm package vs boldsymbol. https://tex.stackexchange.com/questions/3238/bm-package-versus-boldsymbol



最後,言歸正傳(WHAT?

請想打賞我的盆友們掃碼打賞一下我團

或者點擊閱讀原文了解更多《Paca II》信息

哈哈哈哈哈哈哈打擾了 感謝大家!

相關焦點

  • 拖了很久的碎碎念
    2020年已經過去,春節即將來臨,我的拖延症真的是有點過分了,近來幾個月,我是真真實實的過上了996的打工人生活呀,每周上六天班的日子真的讓心深刻體會到什麼叫做眼前的苟且甚至可能毀滅內心對詩和遠方的嚮往,當然也有可能只是個例,和我本身比較懶有很大的關係,關於這一點,我家小公主和母上大人已經達成了高度共識,相信你也深有體會吧(從我越來越少的更新得以看出)。
  • 無聊碎碎念 20190120
    點讚數多者優先採用微信碎碎念 20190110簡單碎碎念 20190111控制碎碎念 20190112幸福碎碎念 20190113 注意碎碎念 20190114洞察碎碎念20190115成長碎碎念 20190116期望碎碎念 20190117 遊戲碎碎念 20190118焦慮碎碎念20190119
  • 關於家庭主婦腦迴路的碎碎念
    可是,關於家庭主婦腦迴路的碎碎念卻像「野火燒不盡,春風吹又生」一樣,一波又一波湧向我的腦海,在一波又一波推波助瀾之下,我只好無恥的坐在電腦前安撫一下混亂的腦迴路,湊成這一篇不成文的文字。     柴米油鹽醬醋茶。每一天的日常生活裡都蘊含著家庭主婦們博大精深的思維內涵和獨特縝密的腦迴路曲線。        民以食為天。
  • 司馬茶術碎碎念001~ 味覺地圖
    1、關於味道。本文配圖是度娘隨手可查的「味覺地圖」。各位看官也可以隨便查一下。最初味覺地圖出現的時候,說舌頭的不同部位負責品嘗不同的味道。後來……闢謠了,說人類舌頭約有超過2000個味蕾,每個味蕾中的味覺細胞均能分辨5種基本味道,而不是舌頭的不同區域各司其職。這5種基本味道是:酸、甜、苦、鹹、鮮(後來又加了個「肉味」⚠️注意:不包括辣、麻、澀等),孰對孰錯?
  • 有個愛碎碎念的爸爸是啥體驗 網友:超可愛!
    有個愛碎碎念的爸爸是啥體驗 網友:超可愛!
  • 原來任嘉倫是小話癆,雖然碎碎念,但卻正能量滿滿,喜歡你沒道理
    昨天《嚮往的生活》中,任嘉倫完全吸引了我的眼球,他真得很愛碎碎念,但是碎碎念之中又沒有諸多抱怨,反而正能量滿滿。差點忘記任嘉倫是出過文集的人,《國超文集2.0》在《嚮往的生活》成功出圈。兩人進蘑菇屋的過程中,我真正領略到了任嘉倫碎碎念的功力,一時間竟有些同情同行的譚松韻了。任:你是說敲敲門,還是靜悄悄啊。任:沒事吧,進人家裡也不敲敲門,直接換鞋進是吧,當自己家啊,一看你就是來過,你看輕車熟路的,我已經看到黃老師了,也可能是我的頭大。
  • 貓咪亂抓紙箱,店員忍不住和它碎碎念,貓咪一臉疑惑:你在說啥
    貓咪亂抓紙箱,店員忍不住和它碎碎念,貓咪一臉疑惑:你在說啥。沒事的時候還可以和貓咪聊天,雖然說,貓咪的語言和我們不通,而且也不一定會回應,但貓咪就像是和小孩子一樣,和它們說話也是有趣的。但有的時候,貓咪不回應自己,不說話,也是讓人有點煩惱的。
  • 漫長的夏休,終於劃上不完美的句號——summerpockets全通碎碎念
    漫長的夏休,終於劃上不完美的句號——summerpockets全通碎碎念 2018-07-01 01:53  溼帝-錢包君暴斃中
  • 家長批評有分寸,請停止無休止批評,碎碎念只有反作用
    為什麼孩子犯錯父母為什麼碎碎念沒完?家長一直說不停,其實根本就是這兩個方面的原因。一是家長過度依賴於孩子,孩子的喜怒哀樂全部掛在心上,當然,孩子做錯一件事,佔據家長所有的心扉,家長不說個不停,能心裡痛快?
  • 格式塔視覺規律-我在實戰中的碎碎念
    今天小編給大家帶來的文章是格式塔視覺規律,本篇文章作者如是說:「這篇文章是寫給大多數人看的關于格式塔心裡學規律我在項目裡面的碎碎念。當然這會是全網最容易看懂的格式塔原理。」
  • 王者榮耀:張大仙開全麥碎碎念隊友哈哈大笑,老粉脫口而出:大姐
    王者榮耀:張大仙開全麥碎碎念隊友哈哈大笑,老粉脫口而出:大姐 眾所周知,各平臺有著不少知名主播,大多數主播打遊戲技術還都是可以的
  • 末日遊戲碎碎念:假如喪屍病毒爆發,世界真的會走向毀滅嗎?
    隨後筆者就去查了一些相關資料,然後就有了這個"末日遊戲碎碎念"系列文章。而今天,就是這個系列的第一篇,就以目前末日題材中最熱門的"喪屍病毒"做開始。畢竟本人當年可是因為《生化危機》系列才入的喪屍坑的,假如真的喪屍病毒爆發了,那麼真的會像遊戲跟電影裡那樣引發世界末日嗎?
  • 老公成植物人,我想離開這個家,無意聽到婆婆碎碎念,我放棄離婚
    我卻沒心思再去照顧老公,只想離開他,不過一次無意中,我聽到,婆婆碎碎念,說老公出事後保險公司賠了80萬,而錢都在婆婆那。我心中一動,這麼多錢在,我不能現在離婚,怎麼也得把錢拿到再離婚。婆婆年紀也大了,平時身子不好,體弱多病,我估計著再要個幾年,這一筆錢就會給我們的。
  • 遊戲文化碎碎念:從《戰神4》看北歐諸神的神話傳說——洛基篇
    畢竟北歐神話嚴格一點來說,早已斷了傳承,能保存下來的,可能都是被和諧過的版本了。畢竟熟悉歷史的朋友肯定都知道,北歐早期是基督教的大敵,作為印歐人的一支,北歐的原始宗教首當其衝的會被被高強度打壓的。要知道古代北歐人可是以戰死沙場為榮,作戰自然悍不畏死,反正最後女武神也會指引著他們到達那傳說中的英靈殿。
  • 零零碎碎或點點滴滴,用英語怎麼表達
    「零零碎碎或點點滴滴」用英語表達是 in dribs and drabs,它寓意: 1、in small irregular quantities 以不規則的小數量 2、in small pieces, bit by bit
  • 碎碎念 | 惡作劇之吻
    尼爾·麥格雷戈在《大英博物館世界簡史》中介紹大衛·霍克尼的《在平淡的村莊裡》時寫道:「關於這些畫,我們必須記住一點,它在傳播以前被禁止傳播的信息,尤其是在學生中間,因為它的主題是:同性戀。我覺得我該這麼做。這是我的一部分,是一個我能用幽默手法處理的主題。同性戀人群的權利當然是60年代民眾堅持爭取的自由之一,但卻是在所有社會的人權背景中都極具挑戰性的內容。
  • 小編碎碎念|「90後」老網民PK「60後」新網民,誰會被KO?
    日前,老人冒雨用現金交醫保被拒登上微博熱搜,關於老人如何適應智能化生活引發熱議。隨後,國務院辦公廳印發《關於切實解決老年人運用智能技術困難的實施方案》,助老年人跨過「數字鴻溝」。你的父母是否也有適應智能化生活的困難?你是否會手把手幫助父母跨越「數字鴻溝」?當「90後」老網民遇到「60後」新網民,會有發生怎樣的化學反應?聽「90後」編輯記者講講父母適應智能化生活兩三事。
  • Word直接在頁面排版圖文和用表格排版圖文
    製作一些精美的文檔,要求既有文字又有圖片,例如左邊是圖片,右邊是相應的文字說明;實現這種排版有兩種方法,一種是直接在頁面排版,另一種是用表格排版,以下是這兩種方法排版的具體操作方法,均以 Word 2016 操作為例
  • 怎麼才讓微信推文排版看起來簡單又高級?極簡風排版萬能公式
    小朋友,你是否有很多問號——怎麼才讓微信推文排版看起來簡單又高級?許多人都很欣賞蘋果的廣告海報排版,說那樣看起來很高逼格但其實,簡約≠簡單。簡約排版有很多講究,要整齊、舒服、精緻。做好以下這幾點,馬上獲得高級感。