Linux.中国 - 开源社区

 找回密码
 骑士注册

QQ登录

微博登录


W3C 发布中文排版规范

2015-4-1 20:24    评论: 8 收藏: 1 分享: 10    

chinese

浏览中文网站的时候,心情往往不会太好,挤在一起的字,忽闪忽闪的小动画,无处不在的链接,影响着阅读体验。就“排版”这件事情而言,无论纸质书,还是中文网络,都远远落后于同样书写方块字的日本、韩国。

CatchChat 的 CEO 周楷雯此前跟我感叹网络上,中文排版规范的缺失。此前他内测新作品,纵版日记 App “小记”,在开发过程发现找不到相关的标准可以参考,结果只好先参考了日文的网络排版规范。

不过,今天早上有名的关于文字设计和视觉文化的网站 Type is Beautiful 发了一条微博说,“W3C‘中文排版规范草稿出炉’。编辑包括特邀专家董福兴、陈奕钧、梁海。”

W3C 是 1994 年由“万维网之父”蒂姆·伯纳斯-李发起,于麻省理工学院计算机科学实验室成立,是 技术领域最具权威和影响力的国际中立性技术标准机。由它所制定的 HTML、XML、CSS 等等。根据 W3C 中国官网,2006 年 W3C 也正式来到中国,在北京航空航天大学成立办事处,推动新兴 Web 标准在国内的推广、应用。——由 W3C 撰写的《中文排版规范(草稿)》,是中文互联网世界对中文网页排版的权威参考标准。

这份《规范》着重解决中文网络排版的那些不够标准的问题?可以参考 W3C 的《在 Web 和数字出版中优化文字排版》文档:

  • 分别文字和词语的边界;
  • 断行;
  • 断字;
  • 对齐和定位;
  • 源代码格式的空格和缩进;
  • 字母转换;
  • 字母空格;
  • 段落特性;
  • 首字母样式;
  • 双向文字;
  • 基准线;
  • 竖排文字;
  • 竖排文字和横排文字混排;
  • Ruby 标音;
  • Line Decoration;
  • 着重标记;
  • 字体;
  • 计数器,列表,等等;
  • 笔记,脚注,等等;
  • 页码,页眉,等等;
  • 页面布局;
  • 其它“文化-规范”问题。

中文排版问题可能要比上述所表明的问题更加复杂。由于历史发展原因,中文被分成繁体(在港台地区又称正体)、简体两种书写规范,标点符号规范也分为两套,而中国大陆以外的地区还保持竖版排版的古风,若要用一套标准全部兼容,这的确是浩繁的工程。

根据 W3C 中国成员吴小倩在“HTML5 中文兴趣小组”的邮件列表所发布的邮件,W3C 中文排版规范(草稿)的撰写时间将近一年时间。

html5

而根据吴小倩发送的“中文排版规范编写计划和进展”邮件可知,W3C 中文排版规范(草稿)由 2014 年 3 月 5 日开始编撰。根据邮件内容“过去几个月中,我们非常荣幸邀请到以下的专业人士参与这份规范的编写”,可见《规范》从筹备到出炉,耗时或者长达一年半。该邮件还表明,W3C 中文排版规范是通过 GitHub 写作,共同撰写完成。

特邀专家董福兴是台湾“汪達數位出版所”的创始人,台湾数字出版的先锋人物。2014 年 9 月 21 日,他在个人博客上发表了一篇题为《如果你在乎中文》的文章,阐述中文网页排版当下所遭遇的问题,以及向网友募捐,筹集资金前往美国加州 Santa Clara 参加 W3C 的年度专家大会 TPAC 2014,以及由 Internet Archive 举办的“Books in Browser”研讨会,继续跟进“中文排版规范”的进度,以及通过实际交流的方式,解决中文在网页排版上遭遇的技术困难。

陈奕钧的公开资料不多,他开发了名为“漢字標準格式,一个提供汉字网页排版框架,支持各种印刷效果包括相邻文字装饰线跳脱、汉字标音、着重号、标点符号修正、中英文混排间隙、汉字挤压以及章节调整。根据 GitHub 上的提交记录,最新修改在 2015 年 3 月 26 日。梁海是知乎上的名人,在字体排印的专题下贡献了许多高质量的回答,他也参与了这次《规范》的撰写。

W3C 的《中文排版规范》对于中文网络世界有着重要的意义。它可为将来的创业者、产品开发人员提供一份权威性的参考性文件,保证中文网页、中文 App 基本的美感。

然而,不代表 W3C 出具一份《中文排版规范》,中文互联网世界的排版水平就有所提升。与霍炬一同帮助重建 FT 中文网系统,以及帮助纽约时报中文版设计了数据和信息架构设计师西乔说,“国内(中文排版)情况糟糕主要是因为对这事不在乎。”大陆地区无论是产品开发者,还是产品使用者,多年来对“排版规范”的无视,才是中文网页、中文 App 排版质量糟糕的根本原因。

不过,随着中国互联网、移动互联网产业竞争日益激烈,大众审美意识的增强,产品设计将越来越受重视——这其中就包括了影响基础阅读体验的中文网络排版。国内不少人都注意到这个问题,不约而同开发了相对应的汉字网页排版框架。除了陈奕钧开发的外,包括业内有名的前端开发者 Sofish 开发 Typo.css,另一前端工程师 MZhou 开发的 Entry.css,均为灵活、遵循中文排版规范,兼顾阅读体验的中文样式库。

除此之外,越来越多网站注重中文排版的视觉效果,简书是其中一例,中文排版美观、大方,阅读体验上佳。创始人林立本身十分注重排版的体验,曾在《我对深度阅读、专注写作和自出版的看法》(链接已失效)写道:

我们精心设计了这个页面所选用的字体,以及各种格式的排版。很多人问我,为什么简书的正文选用了宋体,标题选用了楷体?确实,中文互联网中的主流字体是黑体系,但黑体系是偏现代气息的,而宋体和楷体是具有古老的文化气息的,更显优雅,所以简书采用了宋体和楷体而不是黑体。

另外也不得不提 Type is Beautiful,这大概是国内第一个专注介绍中英文字体、排版知识的网站,网站本身的排版足以成为中文其它网站的教科书。

实际上,从林立的回复来看,中文网页排版的美观与否,与中文字体有很大的关系。西乔说,“我觉得(中文网络排版)的平静是缺少足够的中文 WebFont。英文的字体已经有上百种了,算上变体有近千种选择。所以(英文网页)表现上完全没有限制,即使最简洁的设计,单通过字体的组合已经能够表现得很好的层次感和设计理念。中文的话,除非花点代价嵌入字体,不然基本是没什么选择。”

WebFont “是一种让网站能够使用更多字体的云服务,当访问调用了此服务的网站时,浏览器会自动在后台下载相应的字体并显示到网站上,使网站的设计可以不再局限于乏味的系统预装字体。”

以中文 WebFont 来看,较为成熟商业化运作的项目,有台湾的 JustFont,只可惜它在大陆之外。
回过头来,W3C《中文排版规范》的出炉对于互联网业界始终是一件意义深远的事情,这是中文网络排版从 0 到 1 的跨越,而从 1 到 100,则看后来者的努力了。


 

补充:以下是陈奕钧对爱范儿的回复,引用部分为提问

W3C 《中文排版规范》是从何时开始起草,谁是主要推动者?

《中文排版规范》从去年三月开始,由 W3C 的吴小倩负责组织,找来了各路的排版专家及开发浏览器的程序员共同讨论,确立了方向后便在 Hackpad 上开设帐号,用共笔的方式讨论、撰写正文,最后才收入GitHub专案中管理。很感谢 Hackpad 这个强大的工具,让分散各地的我们都能无时差地共同编辑,实时看到彼此荧幕上的修改,避免了许多重覆的工作。

繁体中文的部分源自董福兴的《tCLReq》(说是繁体中文,其实整个《中文排版规范》都是“fork”自这分作品),因为某些原因无法作为标准在台湾推行,董福兴便放弃了版权,将其提交给 W3C,成了 CLReq 最初的架构。

你觉得 W3C 《中文排版规范》主要解决中文网络排版的什么问题?

这里的“网络”应该改作“万维网”,这才是W3C组织主要管理的核心。

实务上,这分文件暂时应该解决不了什么问题。它主要的目的,是将过去出版社里的美编及排版师傅“口头”传授的、可能是 de facto 的排版规则整理起来,好让新的入门者能有完整、得以参照的“书面”资料;再来,是让 HTML、CSS 等技术的标准制定人及浏览器开发者们,能透过这分文件知晓中文有什么排版上的需求尚未被满足,从而改进;最后,让内容编辑者可以使用一行 CSS 属性,实现标点挤压、汉字标注拼音(我们叫它“行间注”)等目前在网页上还有困难、但印刷品上已使用多年的效果。

除了网页、电子邮件外,使用 EPub 格式的电子书最终都能因这分文件受益。当然,任何传统媒介的排版,如纸书等,都可以参照《中文排版规范》。

请问一下你的职业是什么?因何而参与到 W3C《中文排版规范》中去?

我过去几年一直关注网页及浏览器的文字设计(typography)与排版问题,后来开发了汉字网页排版框架“汉字标准格式”(Han.css),对这个议题算是小有研究,被真正的专家梁海及小倩拉入编辑《中文排版规范》。

与日文、韩文相比,为何 W3C 的《中文排版规范》直到今年才有草稿出来?

韩文部分我不太清楚,但《日文排版规范》已起草多年,它基于日本相应的国家标准JIS X 4051,这分国家标准最后修订于 2004 年,W3C 的《日文排版规范》应该也是众多语言中最早的一分排版相关文件。

中文方面,如前所述,无论在大陆或台湾,都没有相应的国家标准,连参考书目都很少,许多设计师的口头规则可能都来自日文排版规则(尚在使用汉字的地区中,日本的排版应属最讲究的)。外加中文还有繁、简二大分支要处理,可能因为这些原因,使得中文的脚步稍慢了些。

有朋友提过,中文 WebFont 的缺乏是中文网页缺乏表现的原因,你觉得是不是这样呢?

我认为扯到中文 Web Font 是言之过早了。各个作业系统上,几乎都没什么高质量的中文字体。“全部的西文网页都用 Helvetica 是设计师太无趣的问题,全部的中文网页都用中易宋体则是电脑的问题”——我想应该是这个道理。首先应该要求苹果与微软等公司在桌面、手机平台上提供好的中文字体,并改进字体渲染技术。 Google 与 Adobe 合作开发的 Noto Sans CJK/Source Han Sans 是个好的示范和开始,希望未来会有更多种类的平台预装字体让设计师和使用者来选择,如宋体、楷体等等。

PS:关于网页的中文排版,推荐大家看董福兴的这篇《簡單做好中文排版:十項讓長文章更容易閱讀的原則》。

题图来自 jonasginter

发表评论


最新评论

我也要发表评论

绿色圣光 2015-4-2 10:06
目前网页的中文排版确实很乱,不过我真没想到过,原来排版也可以有规范。
6 回复
来自 - 北京 的 Chrome/Windows 用户 2015-4-1 23:13
1
aztec_ 发表于 2015-4-1 21:03 的评论:
2008年暑假的那天下午,我安装了ubuntu linux桌面操作系统,当时最大的感触是,如果中文没有出现在计算机里就好了,因为中文排版太难看了。。。
没有吧,看看现在的ubuntu,中文字体我感觉比win好看多了。
回复
罗本愈 2015-4-1 21:03  新浪微博网友评论
关键是国人的审美…看看各种会所灯箱老军医小广告…[拜拜]@NickDoth
回复
科长Mazk 2015-4-1 21:03  新浪微博网友评论
对于现有的框架如bootstrap 需要引入中文排版css么?感觉排版还ok……
回复
aztec_ 2015-4-1 21:03  新浪微博网友评论
2008年暑假的那天下午,我安装了ubuntu linux桌面操作系统,当时最大的感触是,如果中文没有出现在计算机里就好了,因为中文排版太难看了。。。
回复
LinuxStory 2015-4-1 21:03  新浪微博网友评论
主要的目的,是将过去出版社里的美编及排版师傅“口头”传授的、可能是 de facto 的排版规则整理起来,好让新的入门者能有完整、得以参照的“书面”资料[good]
回复
trilever_wt_0527 2015-4-1 20:33  新浪微博网友评论
我认为是观念问题,没看见几个门户网站上恨不得把字给叠起来的设计风格啊…估计用上了最小的字号了吧。
回复
王依依 2015-4-1 20:33  新浪微博网友评论
[思考]
回复

热点评论

绿色圣光 2015-4-2 10:06
目前网页的中文排版确实很乱,不过我真没想到过,原来排版也可以有规范。
6
返回顶部

分享到微信朋友圈

打开微信,点击底部的“发现”,
使用“扫一扫”将网页分享至朋友圈。