18

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”标志(电子邮件除外)、版权标识、项目符号等。

    示例:@ Joe, © Joe
    除外:joe@example.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. 封面

  • 头条封面尺寸为 470x200,非头条的封面尺寸为 383x383,或者 1:1 的正方形都可;
  • 头条封面图需预留出标题遮挡的位置,一行标题占的高度大概是 470x70 两行标题占的大约是 470x120,可以看下面图片的红色和黄色区域。
  • 由于标题是白色文字,所以封面图最好是纯色且颜色较深的背景,不要在标题出现的区域放置重要信息或文字。封面图上最好有且只有一个核心元素,不要在封面上出现过多的文字或元素,要能让标题内容反映在封面上,让用户预期和打开后的感受保持一致。

2. 正文内容

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

3. 段落

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

4. 配图


SegmentFault思否
14.1k 声望165.8k 粉丝

SegmentFault 社区管理媛 - 思否小姐姐