编辑和文案必看的中英文排版指南
时间:2022-05-24 02:42:01 | 来源:网络营销
时间:2022-05-24 02:42:01 来源:网络营销
文字排版指的是把各种字句排布到最佳位置,以达到语言文字可视化的最佳选择,我们几乎每天都会进行文字排版,你需要写论文吧?你要写报表吧?准备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.」这句台词令我印象最深。
我希望能够做些力所能及的小事,让更多人意识到「设计」的价值和其必要性,创造更美好的视觉环境。
本指南并未深入赘述更多排版细则,所写是从综合考虑只作个人推荐,我国字体排印规范的工作距离美观、易读还有很远的路要走,希望本文对您有所帮助。
亿企邦点评: 出色的排版是带有功利性的,他让读者更多的集中注意于内容,而不是格式,好的排版甚至让读者感受不到排版的存在就顺利地完成了阅读。