chinese-typo-design-guideline-1

@洪涵滴滴?:很遺憾,我們的周圍充斥著大量排版丑陋的文章。我國的字體排印與日本、美國等設計強國差距實在太大。我希望能夠做些力所能及的小事,讓更多人意識到「設計」的價值和其必要性,創造更美好的視覺環境。本文旨在幫助普及、提升大家對文字排版的認識,讓大家在平時的學習工作中能有更專業的文字排版素養。

必看人群:
設計師、編輯、作家、撰稿人、教師、學生

轉載無限歡迎,但請注明「作者」和「原文地址」。轉載請在文中保留此段,感謝您對作者版權的尊重。如需商業轉載或刊登,請聯系作者獲得授權。

目錄:

1. 中文排版

1.1 引號

1.2 省略號與破折號

1.3 行首行尾禁則

2. 西文排版基礎

2.1 西文撰寫基礎

2.2 西文標點相關

2.3 斜體的用法

2.4 大小寫的區別

3. 中西文混排

3.1 基礎原則

3.2 標點相關

1. 中文排版

1.1 引號

引號建議使用直角引號。

示例:你竟然喜歡「蘋果表」?

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

示例:我問他,「你竟然喜歡『蘋果表』?」

當引號表示諷刺、反語暗示時,使用彎引號(用法參考「西文排版」部分)。

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

1.2 省略號(刪節號)與破折號

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

正確示例:中國設計還有太長路要走……

錯誤示例:中國設計還有太長路要走…

破折號占兩個漢字空間。

示例:中國設計還有太長路要走──加油罷。

1.3 行首行尾禁則

點號(頓號、逗號、句號等)、結束引號、結束括號號等,不能出現在一行的開頭。

錯誤示例:

排版時注意某些
符號不能在行首
,別弄錯了。

正確示例:

排版時注意某些
符號不能在行首,
別弄錯了。

開始引號、開始括號、開始雙書名號等,不能出現在一行的結尾。

錯誤示例:

她對我們說:「
這書太贊了?!?/p>

正確示例:

她對我們說:
「這書太贊了?!?/p>

false-1new

2. 西文排版基礎

2.1 西文撰寫基礎

句首字母大寫。
單詞間留空格。

示例:Have a question?

2.2 西文標點相關

點號后加一個空格(如逗號、句號等)。

示例:Hello everone! Welcome to my blog.

符號前不加空格的:度的標志、度量單位、百分號等。

示例:17°, 64GB, 100%

符號后不加空格的:貨幣標志、表正負數符號等。

示例:$10, -23

符號后加空格:「at」標志(電子郵件除外)、版權標識、項目符號等。

示例:@ Hindy, ? Hindy

除外:hindy@buzhihu.com

括號、引號前后加空格,中間內容無空格。

示例 1:5.04 ounces (143 grams)

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

連字符(-)將兩個相關單詞組合成一個單詞。

示例:Multi?Touch, Jean-Jacques Rousseau

全角連接號(—)常表示文章中斷、轉折或說明。

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

2.3 斜體的用法

用來強調文中某個詞或某句話。
用來標記外來語以及讀者不習慣的單詞。
文中出現的書名、劇名、美術作品的題目等等。

關于斜體的學問:《專業干貨!想強調重點該用粗體、下劃線還是斜體?》

2.4 大小寫的區別

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

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

示例 2:I like iPhone and iMac.
示例 2 錯誤示范:l like iphone and IMAC.

標題可單用大寫字母來排。

示例:JUST DO IT.

songti

3. 中西文混排

3.1 基礎原則

中英文之間需要加空格。

示例:iOS 是個不錯的操作系統。

中文與數字之間需要加空格。

示例:已經到了 12 月了啊。

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

示例:我覺得 優設?這個網站很贊。

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

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

使用正確的縮寫。

正確示例:UI 設計師應該學點 HTML5。

錯誤示例:UI 設計師應該學點 H5。

3.2 標點相關

使用全角標點。

示例:蘋果公司(Apple Inc.)真有錢……

全角標點與英文或數字之間不加空格。

正確示例:我剛買了臺 iPhone,好開心!

錯誤示例:我剛買了臺 iPhone ,好開心!

遇到完整的英文句子使用半角標點。

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

后記:本指南并未深入贅述更多排版細則,如大家有興趣可以閱讀下方的「參考資料」及「推薦網站」。本指南所寫是從綜合考慮只作個人推薦,我國字體排印規范的工作距離美觀、易讀還有很遠的路要走。祝愿本文對您有所幫助。當然,歡迎轉發擴散!

歡迎關注作者的微信公眾號「UIcircle」 : )

hhqr

參考資料

推薦網站

【優設字體設計精品文】

京東同學的字體設計妙招!
《創意字體有妙招!教你四招晉級字體達人》

字體設計妙招第二彈!
《高手之路!輕松搞定創意字體設計之強化篇》

百度同學的字體科普好文!
《量身打造的學問!如何準確地傳達出字體的氣質?》

原文地址:zhuanlan.zhihu

uisdc-ad-wechat

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量108萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 10

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏