查看原文
其他

不会排版?先弄懂这些基础规范(入门须知)

2016-01-18 新媒体学习第一站 插坐学院


排版不好?大多是基础的规范没摸清

来源 | UIcircle(ID:UIcircle)

作者 | Hindy

编辑 | 一番队长 (ID:330373665)

本文获得作者授权,转载请联系作者


推荐语



经常有童鞋在后台发截图文“插坐菌,这张图里的版式是那个编辑器的?”“多大的行间距比较好哇?”


既然大家都愿意在排版上花费工夫了,那今天咱们就从最基础的排版细节来和大家聊一聊这事儿,希望大家在工作或者学习中有更加专业的排版素养。


必看人群:设计师、编辑、作家、撰稿人、教师、学生



写给大家看的中文排版指南文/Hindy


目录


1. 中文排版

1.1 引号

1.2 省略号与破折号

1.3 行首行尾禁则


2. 西文排版基础

2.1 西文撰写基础

2.2 西文标点相关

2.3 斜体的用法

2.4 大小写的区别


3. 中西文混排

3.1 基础原则

3.2 标点相关

3.2.1 以全角标点为首选

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


1.中文排版


1.1 引号

  • 引号建议使用直角引号。

示例:你竟然喜欢「苹果表」?


  • 引号中再用引号使用双直角引号。

示例:我问道,「你竟然喜欢『苹果表』?」


  • 当引号表示讽刺、反语暗示时,使用弯引号(用法参考「西文排版」部分)。

示例:说真的,我也很 “喜欢”「苹果表」哦。


1.2 省略号(删节号)与破折号

  • 省略号占两个汉字空间,包含六个点。

正确示例:中国设计还有太长路要走……

错误示例:中国设计还有太长路要走…


  • 破折号占两个汉字空间。

示例:中国设计还有太长路要走──加油罢。


1.3 行首行尾禁则

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

错误示例:

排版时注意某些

符号不能在行首

,别弄错了。


正确示例:

排版时注意某些

符号不能在行首,

别弄错了。


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

错误示例:

她对我们说:「

这书太赞了。」


正确示例:

她对我们说:

「这书太赞了。」


2.西文排版基础



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.


3.中西文混排


3.1 基础原则

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

示例:iOS 是个不错的操作系统。


  • 中文与数字之间需要加空格。

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


  • 中文与链接之间增加空格。

示例:我觉得 插坐 www.ichazuo.cn 这个网站很赞。


  • 专有名词使用特定大小写。

示例:我刚买了台 iPhone 6s。


  • 使用正确的缩写。

正确示例:UI 设计师应该学点 HTML5。

错误示例:UI 设计师应该学点 H5。


3.2 标点相关

  • 使用全角标点。

示例:苹果公司(Apple Inc.)真有钱……


  • 全角标点与英文或数字之间不加空格。

正确示例:我刚买了台 iPhone,好开心!

错误示例:我刚买了台 iPhone ,好开心!


  • 遇到完整的英文句子使用半角标点。

示例:《阿甘正传》的「You never know what you're gonna get.」这句台词令我印象最深。

后记



本指南并未深入赘述更多排版细则,如大家有兴趣可以阅读下方的「参考链接」及「推荐网站」。


本指南所写是从综合考虑只作个人推荐,我国「字体排印」规范的工作距离美观、易读还有很远的路要走。祝愿本文对您有所帮助。当然,欢迎转发扩散!


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

转载无限欢迎,但请注明「作者」和「原文地址」。转载请在文中保留此段,感谢您对作者版权的尊重。如需商业转载或刊登,请联系作者获得授权。


参考资料

  • 小林章. 西文字体: 字体的背景知识和使用方法. 刘庆, 译. 中信出版社, 2014

  • Requirements for Chinese Text Layout 中文排版需求 http://w3c.github.io/clreq/#introduction

  • GB/T 15834—2011 标点符号用法 http://www.moe.gov.cn/ewebeditor/uploadfile/2015/01/13/20150113091548267.pdf

  • GB/T 15835—2011 出版物上数字用法 http://www.moe.gov.cn/ewebeditor/uploadfile/2015/01/13/20150113091154536.pdf

  • 夹用英文的中文文本的标点符号用法(草案)http://www.moe.gov.cn/ewebeditor/uploadfile/2015/01/13/20150113092346124.pdf

  • 董福興:簡單做好中文排版 http://binb.tw/ebookmag/00/00.html

  • 中英文混排时中文与英文之间是否要有空格?https://www.zhihu.com/question/19587406/answer/12863476

  • 英文里该怎么用破折号(dash)?https://www.zhihu.com/question/19580686

  • 推广和普及「真正的中文引号」(「」和『』)的使用对于中文字体设计的意义是什么?https://www.zhihu.com/question/19710998

  • 请正确使用直角引号与西文引号 http://zhuanlan.zhihu.com/ibuick/20151625

  • 使用直角引号时,内引号是什么样?https://www.zhihu.com/question/20440005



推荐网站

  • Apple http://www.apple.com/

  • Apple (中国) http://www.apple.com/cn/

  • Type is Beautiful http://www.typeisbeautiful.com/

  • justfont blog http://blog.justfont.com/

  • 知乎「字体」话题 https://www.zhihu.com/topic/19551016

  • Typography Served http://www.typographyserved.com/

  • Typewolf https://www.typewolf.com/

  • type.center http://type.center

  • Font Shop https://www.fontshop.com/


来源:UIcircle


无外乎关于界面、交互、用户体验设计




每天多一点设计感


插坐学院近期课表



“别问课程预告,反正今年课更多更好,哈哈”


1月19日—1月27日

新媒体运营的编辑规范与基本技巧

(已报满)

1月20日

如何优化逻辑,写出最可读的品牌文案?

(正在报名)


1月21日

年终报告?工作总结?如何快速提升表达能力?

(正在报名)


1月22日

如何用公式法,写出爆款心灵鸡汤?

(正在报名)

1月25日

如何高效互推,快速拓宽用户群?

(正在报名)


1月30日

如何捍卫原创,新媒体版权保护靠啥法?

(正在报名)


点击[阅读原文]

报名参加最新线上课程


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存