新型SEO思维就是从一个全新的层次上提升seo优化的水平,达到网络信息最佳化的展示效果!
马海祥博客 > 网站运营 > 写作技巧 > 编辑和文案必看的中英文排版指南

编辑和文案必看的中英文排版指南

时间:2016-04-28   文章来源:马海祥博客   访问次数:

文字排版指的是把各种字句排布到最佳位置,以达到语言文字可视化的最佳选择,我们几乎每天都会进行文字排版,你需要写论文吧?你要写报表吧?准备PPT吧?发微博发朋友圈?大家都在用,但是更多的人注重的是我们撰写的内容(当然这很重要)而不是我们怎么表达出来,而最重要的时候,别人看到它的时候是怎样看,感觉如何的?

编辑和文案必看的中英文排版指南-马海祥博客

排版是会透露出情感的,对于字体的选择能帮助作者表达自己的情感,也能帮助读者更好的理解和吸收,从根本上讲,选择对了排版模式,你的文章的基调就已相应地确定(具体可查看马海祥博客《提升网站文章可读性的排版技巧大全》的相关介绍)。

本文旨在帮助普及、提升大家对文字排版的认识,让大家在平时的学习工作中能有更专业的文字排版素养。

一、中文排版

很遗憾,我们的周围充斥着大量排版丑陋的文章,在此,马海祥觉得有必要为大家详细的介绍一下中文排版的要点:

1、引号

我国国家标准要求弯引号,马海祥建议使用直角引号。

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

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

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

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

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

2、省略号(删节号)与破折号

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

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

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

破折号占两个汉字空间。

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

3、行首行尾禁则

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

错误示例:

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

正确示例:

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

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

错误示例:

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

正确示例:

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

4、字号和行高

排版的初衷是使得内容更易读,而你需要帮助读者自然的从一行阅读至下一行,而这里面影响阅读流畅性和易读性的基本要素就是字号和行高(具体可查看马海祥博客《如何使用文案的力量来改善用户体验》的相关介绍)。

而这两个要素基本上都受到字符的 x 字高、每行的长度和字符所占面积大小的影响,所以,马海祥建议大家可以通过以下几点可以教条的完成靠谱的排版:

(1)、将行高与字号绑定

如何绑定?假设字号是1,那么行高就设置为1.4,这样就绑定起来了。

当行号的值为字号大小的 120%-145% 时排版最佳得表现,目前,大部分的 App 和 Web CSS 里都会使用百分比来描述,百分比能帮助你方便调试,省了你人工计算和调试的精力。

(2)、以正文文本为起点

正文作为全文所占比最高的一部分,它的易读性显得尤为重要。

对于打印的文本来说,比较舒适的阅读字号为 9-12 pt(磅),而对于屏幕显示环境来说,14-24px(像素)为好。而较易读的行高选择为 45-90 个字符。

对大个儿的标题来说,可以选择比正文稍微小点的行高。

(3)、每套字体都是独一无二的

不同的字体给人带来的感觉是完全不一样的,即便他们的字号一样(具体可查看马海祥博客《如何个性化设计字体的风格》的相关介绍)。

比如,衬线体的表现就和非衬线体不一样,因为你需要确保读者从以后转跳至下一行的阅读流畅性,你需要不断去调试不同的字号和行距以取得最佳值。

二、英文排版

现在的网站设计中越来越多的采用英文的字体设计,很多引进国外的文章也越来越多,那么英文字体排版技巧有那些呢?

1、英文撰写基础

句首字母大写。

单词间留空格。

示例:Have a question?

2、英文标点相关

点号后加一个空格(如逗号、句号等)。

示例:Hello everyone! Welcome to my blog.

符号前不加空格的:度的标志、百分号等。

示例:17°, 100%

符号后不加空格的:货币标志、表正负数符号等。

示例:$10, -23

符号后加空格:「at」标志(电子邮件除外)、版权标识、项目符号等。

示例:@ Hindy, © Hindy

除外:hindy@mahaixiang.cn

括号、引号前后加空格,中间内容无空格。

示例 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.

3、斜体的用法

用来强调文中某个词或某句话。

用来标记外来语以及读者不习惯的单词。

文中出现的书名、剧名、美术作品的题目等等。

4、大小写的区别

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

示例 1:the white house 是白色房子,the White House 则是美国白宫。

示例 2:I like iPhone and iMac.

示例 2 错误示范:l like iphone and IMAC.

标题可单用大写字母来排。

示例:JUST DO IT.

5、引号

引号有分单引号和双引号,在英语中,通常单引号用于这样两个场景:

(1)、作为一些词或字母的省略

在一些简写的语境中,单引号起到的是代替或省略其他字符的作用比如,我们通常把 cannot 简写成 can’t。

(2)、表达一种相互关系

在这种情况下,单引号的后面都会紧跟一个「s」,以表明这个词汇与接下来的词汇之间的关系。比如,Jason’s Brother。

而相信在很多时候,大家对与这些标点符号的输入是有着偏差的,键盘上的「'」,所输入的单引号并非我们以上所描述的单引号,正确的输入方法为「 option + shift + ] 」,其表现形式为「’」。

6、双引号

另一种为我们所熟知的是双引号,用于文本中表达一段说辞或引用,有时候在表达反讽语气的时候也会用到双引号。

同样,值得注意的是,要充分区分双引号和直引号,在使用的时候也免不了有误用。通常我们通过「 shift + ' 」以输入「"」,但是这是垂直而不带弧度的,要达到输入真正双引号的效果,输入的方式为「 option + shift + [ 」和「 option + [ 」,得到的效果为「“”」。

另外,关于书名号的输入,目前大多数人英文的输入也是存在误区的,中文是直接「 shift + , 」,而英文则是「 option + \ 」。效果这是「《》」和 「«»」。

7、破折号

就是「-」这个,英文里当然不是叫破折号,根据不同的使用场景,他的叫法和用法也不一样,可以统称为虚线。

8、连接号(又称连字符)

简单来说,它就是键盘上的「-」。连接号一般用于断词断句,不如需要换行了而一个单词又太长了,或者作为一个短语需要用连接号把几个动词或介词联系起来,比如:fuck-off。

另外,根据个人使用习惯,电话号码也可以使用连接号,如:159-2151-8615.

(1)、En Dash

这个不知道用什么中文表达更合适,它常用于时间日期中表达过程的一个符号,同样也能表达出两个不同词汇之间的关系。比如 1978 - 1999,上海 - 广州。

(2)、Em Dash

这个词最接近我们中文用法中的破折号,或者在引用中表面作者或出处。比如:他看上去流里流气的,怎么形容他呢?——王八蛋

连接号的正确输入方法就是直接点按键盘上的「-」;而 En Dash 的输入方法为「 option + - 」,表现为「–」;而 Em Dash 的输入为「 shift + option + - 」,表现为「—」。嗯,看上去表现结果没有任何区别,嗯!

三、中英文混排

在编排文字时,难免会遇到中英文混用的情形,在这种情况下由于两种文字的特性相当不同,即使使用相同的横书书写方式,在排版时也因为文字特性的不同而产生一个问题。

由于英文是有字母组成单字、单字组成句子,所以一个句子里面的每个单字之间有「空格」的存在,但中文撰写时并没有这个习惯(中文的空格只会出现在段落首的缩排以及尊称前的空格),于是在中英文混排的时候,如何安排适当的空格让阅读时更为轻松舒适呢?

1、基础原则

中英文之间需要加空格。

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

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

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

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

示例:我觉得 马海祥博客 这个网站很赞。

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

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

使用正确的缩写。

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

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

2、标点相关

使用全角标点。

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

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

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

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

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

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

我希望能够做些力所能及的小事,让更多人意识到「设计」的价值和其必要性,创造更美好的视觉环境。

本指南并未深入赘述更多排版细则,所写是从综合考虑只作个人推荐,我国字体排印规范的工作距离美观、易读还有很远的路要走,希望本文对您有所帮助。

马海祥博客点评:

出色的排版是带有功利性的,他让读者更多的集中注意于内容,而不是格式,好的排版甚至让读者感受不到排版的存在就顺利地完成了阅读。

本文为马海祥博客原创文章,如想转载,请注明原文网址摘自于http://www.mahaixiang.cn/xzjq/1507.html,注明出处;否则,禁止转载;谢谢配合!

相关热词搜索: 文案 编辑

上一篇:如何提高写文章的能力
下一篇:教你写出提高客户转化率的6个文案策略

今日话题更多>

SEO研究院 更多 >>