經(jīng)常有童鞋在后臺(tái)發(fā)截圖文“插坐菌，這張圖里的版式是那個(gè)編輯器的？”“多大的行間距比較好哇？”

既然大家都愿意在排版上花費(fèi)工夫了，那今天咱們就從最基礎(chǔ)的排版細(xì)節(jié)來(lái)和大家聊一聊這事兒，希望大家在工作或者學(xué)習(xí)中有更加專(zhuān)業(yè)的排版素養(yǎng)。

必看人群：設(shè)計(jì)師、編輯、作家、撰稿人、教師、學(xué)生

1. 中文排版

1.1 引號(hào)

1.2 省略號(hào)與破折號(hào)

1.3 行首行尾禁則

2. 西文排版基礎(chǔ)

2.1 西文撰寫(xiě)基礎(chǔ)

2.2 西文標(biāo)點(diǎn)相關(guān)

2.3 斜體的用法

2.4 大小寫(xiě)的區(qū)別

3. 中西文混排

3.1 基礎(chǔ)原則

3.2 標(biāo)點(diǎn)相關(guān)

3.2.1 以全角標(biāo)點(diǎn)為首選

3.2.2 中文中插西文句子的情況

1.1 引號(hào)

• 引號(hào)建議使用直角引號(hào)。

示例：你竟然喜歡「蘋(píng)果表」？

• 引號(hào)中再用引號(hào)使用雙直角引號(hào)。

示例：我問(wèn)道，「你竟然喜歡『蘋(píng)果表』？」

• 當(dāng)引號(hào)表示諷刺、反語(yǔ)暗示時(shí)，使用彎引號(hào)（用法參考「西文排版」部分）。

示例：說(shuō)真的，我也很 “喜歡”「蘋(píng)果表」哦。

1.2 省略號(hào)（刪節(jié)號(hào)）與破折號(hào)

• 省略號(hào)占兩個(gè)漢字空間，包含六個(gè)點(diǎn)。

正確示例：中國(guó)設(shè)計(jì)還有太長(zhǎng)路要走……

錯(cuò)誤示例：中國(guó)設(shè)計(jì)還有太長(zhǎng)路要走…

• 破折號(hào)占兩個(gè)漢字空間。

示例：中國(guó)設(shè)計(jì)還有太長(zhǎng)路要走──加油罷。

1.3 行首行尾禁則

• 點(diǎn)號(hào)（頓號(hào)、逗號(hào)、句號(hào)等）、結(jié)束引號(hào)、結(jié)束括號(hào)號(hào)等，不能出現(xiàn)在一行的開(kāi)頭。

錯(cuò)誤示例：

排版時(shí)注意某些

符號(hào)不能在行首

，別弄錯(cuò)了。

正確示例：

排版時(shí)注意某些

符號(hào)不能在行首，

別弄錯(cuò)了。

• 開(kāi)始引號(hào)、開(kāi)始括號(hào)、開(kāi)始雙書(shū)名號(hào)等，不能出現(xiàn)在一行的結(jié)尾。

錯(cuò)誤示例：

她對(duì)我們說(shuō)：「

這書(shū)太贊了。」

正確示例：

她對(duì)我們說(shuō)：

「這書(shū)太贊了?！?/span>

2. 西文排版基礎(chǔ)

2.1 西文撰寫(xiě)基礎(chǔ)

• 句首字母大寫(xiě)。

• 單詞間留空格。

示例：Have a question?

2.2 西文標(biāo)點(diǎn)相關(guān)

• 點(diǎn)號(hào)后加一個(gè)空格（如逗號(hào)、句號(hào)等）。

示例：Hello everone! Welcome to my blog.

• 符號(hào)前不加空格的：度的標(biāo)志、度量單位、百分號(hào)等。

示例：17°, 64GB, 100%

• 符號(hào)后不加空格的：貨幣標(biāo)志、表正負(fù)數(shù)符號(hào)等。

示例：$10, -23

• 符號(hào)后加空格：“at”標(biāo)志（電子郵件除外）、版權(quán)標(biāo)識(shí)、項(xiàng)目符號(hào)等。

示例：@ Hindy, © Hindy

除外：hindy@buzhihu.com

• 括號(hào)、引號(hào)前后加空格，中間內(nèi)容無(wú)空格。

示例 1：5.04 ounces (143 grams)

示例 2：Did you say “I love that”?

• 連字符（-）將兩個(gè)相關(guān)單詞組合成一個(gè)單詞。

示例：Multi‑Touch, Jean-Jacques Rousseau

• 全角連接號(hào)（—）常表示文章中斷、轉(zhuǎn)折或說(shuō)明。

示例：So not only will you see what a press can do — you’ll feel it.

2.3 斜體的用法

• 用來(lái)強(qiáng)調(diào)文中某個(gè)詞或某句話。

• 用來(lái)標(biāo)記外來(lái)語(yǔ)以及讀者不習(xí)慣的單詞。

• 文中出現(xiàn)的書(shū)名、劇名、美術(shù)作品的題目等等。

2.4 大小寫(xiě)的區(qū)別

• 專(zhuān)有名詞使用特定大小寫(xiě)。

示例 1：the white house 是白色房子， the White House 則是美國(guó)白宮。

示例 2：I like iPhone and iMac.

示例 2 錯(cuò)誤示范：l like iphone and IMAC.

• 標(biāo)題可單用大寫(xiě)字母來(lái)排。

示例：JUST DO IT.

3.1 基礎(chǔ)原則

• 中英文之間需要加空格。

示例：iOS 是個(gè)不錯(cuò)的操作系統(tǒng)。

• 中文與數(shù)字之間需要加空格。

示例：已經(jīng)到了 12 月了啊。

• 中文與鏈接之間增加空格。

示例：我覺(jué)得 插坐 www.ichazuo.cn 這個(gè)網(wǎng)站很贊。

• 專(zhuān)有名詞使用特定大小寫(xiě)。

示例：我剛買(mǎi)了臺(tái) iPhone 6s。

• 使用正確的縮寫(xiě)。

正確示例：UI 設(shè)計(jì)師應(yīng)該學(xué)點(diǎn) HTML5。

錯(cuò)誤示例：UI 設(shè)計(jì)師應(yīng)該學(xué)點(diǎn) H5。

3.2 標(biāo)點(diǎn)相關(guān)

• 使用全角標(biāo)點(diǎn)。

示例：蘋(píng)果公司（Apple Inc.）真有錢(qián)……

• 全角標(biāo)點(diǎn)與英文或數(shù)字之間不加空格。

正確示例：我剛買(mǎi)了臺(tái) iPhone，好開(kāi)心！

錯(cuò)誤示例：我剛買(mǎi)了臺(tái) iPhone ，好開(kāi)心！

• 遇到完整的英文句子使用半角標(biāo)點(diǎn)。

示例：《阿甘正傳》的「You never know what you're gonna get.」這句臺(tái)詞令我印象最深。

本指南并未深入贅述更多排版細(xì)則，如大家有興趣可以閱讀下方的「參考鏈接」及「推薦網(wǎng)站」。

本指南所寫(xiě)是從綜合考慮只作個(gè)人推薦，我國(guó)「字體排印」規(guī)范的工作距離美觀、易讀還有很遠(yuǎn)的路要走。祝愿本文對(duì)您有所幫助。當(dāng)然，歡迎轉(zhuǎn)發(fā)擴(kuò)散！

本文作者 @Hindy 來(lái)源：UIcircle（ID：UIcircle）

原文地址：http://zhuanlan.zhihu.com/uicircle/20506092

轉(zhuǎn)載無(wú)限歡迎，但請(qǐng)注明「作者」和「原文地址」。轉(zhuǎn)載請(qǐng)?jiān)谖闹斜Ａ舸硕危兄x您對(duì)作者版權(quán)的尊重。如需商業(yè)轉(zhuǎn)載或刊登，請(qǐng)聯(lián)系作者獲得授權(quán)。