SegmentFault 思否 —— 社区文章文字排版规范 & 微信排版规范

 阅读约 7 分钟

图片描述


1.中文排版

1.1 引号

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

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

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

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

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

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

 

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

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

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

 

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

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

 

1.3 行首行尾禁则

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

错误示例:

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

正确示例:

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

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

错误示例:

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

正确示例:

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

 
 

 

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 月了啊。

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

示例:我觉得 知乎 这个网站很赞。

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

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

 
• 使用正确的缩写。

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

3.2 标点相关

• 使用全角标点。

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

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

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

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

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

 

附录:微信排版规范

1.封面

• 头条封面尺寸为 900x383,非头条的封面尺寸为 383x383,或者 1:1 的正方形都可;

• 头条封面图需预留出标题遮挡的位置,一行标题占的高度大概是 900x70 两行标题占的大约是 900x120,可以看下面图片的红色和黄色区域。

• 由于标题是白色文字,所以封面图最好是纯色且颜色较深的背景,不要在标题出现的区域放置重要信息或文字。封面图上最好有且只有一个核心元素,不要在封面上出现过多的文字或元素,要能让标题内容反映在封面上,让用户预期和打开后的感受保持一致。

2.正文内容

• 正文字号建议 14-15px,黑色或深灰色。
• 引用字号建议 13-14px,灰色,斜体。
• 注释字号建议 12-13px,灰色,置于()内。
• 字间距建议 1px,行间距建议 1.75px。
• 重点内容实用加粗+品牌色的方式,比较醒目。但每屏强调 1-2 处,全篇强调 4-6 处即可,不可过多。

3.段落

• 段落与段落之间要空一行,且首行不缩进。
• 一个段落长度不超过手机一屏,保持在 1/2 屏以内最好。

4.配图

• 图片支持 JPG,PNG,GIF 三种格式,在同样的尺寸下,PNG 图片的清晰度最佳。
• 图片尺寸、风格调性要保持统一。
• 图片与文字之间空一行,图片注释文字居中或居右均可。
• 图片要注意版权,不清楚版权的一定不要用。
• 无版权网站推荐:

https://unsplash.com/
http://pixabay.com/
https://www.pexels.com/
http://www.polayoutu.com/
https://kaboompics.com/

图片描述

阅读 590发布于 9月17日
推荐阅读

SegmentFault 社区管理官方专栏,在这里发布社区运营和管理相关的最新消息。

6625 人关注
56 篇文章
专栏主页
目录