好学易用有格调!写给大家看的中文排版指南 - 优设-UISDC

好学易用有格调!写给大家看的中文排版指南

2016/01/18 34019评论区

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 行首行尾禁则

点号(顿号、逗号、句号等)、结束引号、结束括号号等,不能出现在一行的开头。

错误示例:

排版时注意某些
符号不能在行首
,别弄错了。

正确示例:

排版时注意某些
符号不能在行首,
别弄错了。

开始引号、开始括号、开始双书名号等,不能出现在一行的结尾。

错误示例:

她对我们说:「
这书太赞了。」

正确示例:

她对我们说:
「这书太赞了。」

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/chinese-typo-design-guideline

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 视觉设计 设计流程 配色 web前端开发 用户体验设计 AI教程 海报设计 设计理论 神器下载 字体下载 设计规范 设计趋势 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里