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

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

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

1. 中文排版

1.1 引號

1.2 省略號與破折號

1.3 行首行尾禁則

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

2.1 西文撰寫基礎(chǔ)

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

2.3 斜體的用法

2.4 大小寫的區(qū)別

3. 中西文混排

3.1 基礎(chǔ)原則

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

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

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

1.1 引號

• 引號建議使用直角引號。

示例：你竟然喜歡「蘋果表」？

• 引號中再用引號使用雙直角引號。

示例：我問道，「你竟然喜歡『蘋果表』？」

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

示例：說真的，我也很 “喜歡”「蘋果表」哦。

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

• 省略號占兩個漢字空間，包含六個點。

正確示例：中國設(shè)計還有太長路要走……

錯誤示例：中國設(shè)計還有太長路要走…

• 破折號占兩個漢字空間。

示例：中國設(shè)計還有太長路要走──加油罷。

1.3 行首行尾禁則

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

錯誤示例：

排版時注意某些

符號不能在行首

，別弄錯了。

正確示例：

排版時注意某些

符號不能在行首，

別弄錯了。

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

錯誤示例：

她對我們說：「

這書太贊了?！?/span>

正確示例：

她對我們說：

「這書太贊了?！?/span>

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

2.1 西文撰寫基礎(chǔ)

• 句首字母大寫。

• 單詞間留空格。

示例：Have a question?

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

• 點號后加一個空格（如逗號、句號等）。

示例：Hello everone! Welcome to my blog.

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

示例：17°, 64GB, 100%

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

示例：$10, -23

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

示例：@ Hindy, © Hindy

除外：hindy@buzhihu.com

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

示例 1：5.04 ounces (143 grams)

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

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

示例：Multi‑Touch, Jean-Jacques Rousseau

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

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

2.3 斜體的用法

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

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

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

2.4 大小寫的區(qū)別

• 專有名詞使用特定大小寫。

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

示例 2：I like iPhone and iMac.

示例 2 錯誤示范：l like iphone and IMAC.

• 標(biāo)題可單用大寫字母來排。

示例：JUST DO IT.

3.1 基礎(chǔ)原則

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

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

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

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

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

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

• 專有名詞使用特定大小寫。

示例：我剛買了臺 iPhone 6s。

• 使用正確的縮寫。

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

錯誤示例：UI 設(shè)計師應(yīng)該學(xué)點 H5。

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

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

示例：蘋果公司（Apple Inc.）真有錢……

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

正確示例：我剛買了臺 iPhone，好開心！

錯誤示例：我剛買了臺 iPhone ，好開心！

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

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

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

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

本文作者 @Hindy 來源：UIcircle（ID：UIcircle）

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

轉(zhuǎn)載無限歡迎，但請注明「作者」和「原文地址」。轉(zhuǎn)載請在文中保留此段，感謝您對作者版權(quán)的尊重。如需商業(yè)轉(zhuǎn)載或刊登，請聯(lián)系作者獲得授權(quán)。