coscup 2015 中文排版需求以及我在w3c看到的事情(薄碼版)

75
「中文排版需求」 以及我在W3C看到的事情 Bobby Tung(董福興) W3C i18n WG Invited Expert Co-chair of Chinese Text Layout Task Force

Upload: bobby-tung

Post on 19-Aug-2015

3.789 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

「中文排版需求」 以及我在W3C看到的事情

Bobby Tung(董福興) W3C i18n WG Invited Expert

Co-chair of Chinese Text Layout Task Force

Page 2: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

中文排版需求 http://www.w3.org/TR/clreq/

Page 3: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

走進標準化的(;´༎ yД༎ y`)史

Page 4: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

2010 2011 2012 2013 2014 2015

EPUB3

Page 5: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

EPUB 2 EPUB 3

緊急調用十年前的規格 基於XHTML、CSS2

適用於Latin語系

使用較新的技術調整 基於HTML 5、CSS 3 適用於各種語言文字

Page 6: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

2010 2011 2012 2013 2014 2015

EPUB3

Page 7: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

背景: EPUB格式申請成為ISO標準,於2013進行3.0.1改訂。

事由:

JEPA CTO 村田 真

XML/OOXML專家

EPUB 3

-epub-ruby-align:

-epub-ruby-position:

沒有人知道,沒有人回應。

Page 8: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

比沒有人做還可怕的是: 假裝一切都做好了。

Page 9: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

8,000萬

還有很多事

民國100年的狀況,看來一切美好

Page 10: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

http://luciferswwang.blogspot.tw/

國際化的孤兒,讓工程師哭泣……

Page 11: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 12: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

EPUB

XHTML 5

CSS 3

UTF

電子書技術與相關標準化組織

Page 13: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

2010 2011 2012 2013 2014 2015

EPUB3

W3C

Page 14: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 15: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

國際標準化不是舞會 是戰場

Page 16: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

⿃ㄋㄧㄠ

100%

100% 25%

25%

25%

25%

ˇ

25%

25%

Page 17: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

align issue

inline issue letter spacing issue investigating

Page 18: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 19: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 20: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

問題很多,人力有限 每一項都需要彈藥與時間

Page 21: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

W3C home > Mailing lists > Public > [email protected] > August 2010

From: pingooo Date: Thu, 26 Aug 2010 03:18:29 +0800 To: John Hax Cc: oldcatJohn Hax 2010 8 26 2:28

> jlreq CSS3 properties>>

>>

20 HTML

jlreq 123 W3C oldcat

Page 22: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

JLREQ (T)CLREQ

CLREQ Task Force

CLREQ

i18n WG

Gap Document

HTML

CSS

WG/IG Notes

Page 23: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

D7C % (), ) )( 2 , )

1.1 每m

tm 點体 t mm 過部~章⼭山最 o 點已於m

q已 得 像如⼦子⼀一 mm請 着 r 地

m要 難如 ⼈人m那 望 q 国出 流n 動 s m要 ⻑⾧長 少 那 ⼼心⼤大

⼀一

1.2 m 明

I 5 N]N[R R Ne ba FN X 8 PR問 ‘ 以 r 說 m国出 頭下m那 望 来 r道 m 活3& 地m下 區習 E J ,(-) m 地 m

求受4& 来 點 幾點 m下 區

3[aR[[N: b R b aEe aRZm以5& I 5m5EE EH9 JE 點空 道 問m 以新 問 来 活 ⾞車~

地要 来 p 時 ⼤大對 I 5m5EE EH9 JE 點空

問 以 給 8NPR a 8NPRm味 難 是 教 太 o秋

哪 m ⽣生 号o m何⽔水 ⽣生m在說

應 m 明 q實知 那 m因 新 rp

I8G:F +)*-(*+(*. 他,3.) ( ,

2.1 點很時 點 o的

2.1.1 點很時 o 點

點很時 o 點 點近

圖*空 點很時 t 點是 ⼩小o被

去近 v 物⼩小點此 問 點此美 點

點 o 近

2.1.2 點

點 點被 去v o 點是 近 點是

o 題 v 點是 o點 動—y 點 o 公

點是 vo 點 o⽐比 得 空近 點位度

點是 o位度近 是 點 s 點很全 o

點是 很 點o試⼀一此 很 s 點o ⼀一近

點 點被 去o是 點 近

圖*空被 去v r 題o ⼗十近

2.1.3 點o 的

點 很全 點 的 點是 ⻄西 完 近

翻譯JLREQ 改寫為TCLREQ

Page 24: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

問題:誰來提案?

Page 25: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

2013當時會員:中研院、工研院 現在好像不是會員了

Page 26: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

申請160萬,補助50% 實際花錢:算了

真正做事的人 實拿錢極少:算了

可以挪一點出來 做會員費嗎?

Page 27: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

2010 2011 2012 2013 2014 2015

EPUB3

W3C

W3C TPACCLREQ

Page 28: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

幸好那一年的W3C年會 不是在巴黎舉辦

Page 29: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

2010 2011 2012 2013 2014 2015

EPUB3

W3C

W3C TPACCLREQ

Page 30: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 31: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

http://www.w3.org/International/groups/chinese-layout/

Page 32: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

2010 2011 2012 2013 2014 2015

EPUB3

W3C

W3C TPACCLREQ

W3C TPACCLREQ

CLREQ FPED

Page 33: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

中文排版需求 http://www.w3.org/TR/clreq/

Page 34: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

三個(;´༎ yД༎ y`)心得

Page 35: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

關於CLREQ

Page 36: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

說明排版規則 不談技術細節

Page 37: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

回歸中文排版傳統 不以現狀作為依據

Page 38: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

不處理「好」的排版 只處理「對」的排版

Page 39: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

案例一:段落間距

Page 40: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

段落間距=行距,若有空行即為分節,或用於序言、口述。

Page 41: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

←都是UA Stylesheet的錯

Page 42: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

案例二:最後一行

Page 43: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

傳統排版: 決定版心,包括:

字級多大? 一行幾字? 一頁幾行?

字字對齊

Page 44: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

InDesign排版: 紙張多大 天地留白 字級多大 頭尾對齊

行行拉撐 末行鬆弛

Page 45: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

傳統印刷出版

桌上出版

數位出版

JIS X 4051

JLREQ

InDesign等工具的演進

直排等CSS的制定

Page 46: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

郭力昕《書寫攝影》1998 郭力昕《再寫攝影》2013

Page 47: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

• UA Stylesheet

Page 48: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

我在W3C看到的事

Page 49: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

標準化是集體期許下 朝向共同目標的過程

Page 50: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

i18n workshop Webfont提案

↓ Google撰寫草案

↓Monotype與Google實作

Page 51: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 52: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 53: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 54: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 55: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 56: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

The Art of Consensus

Page 57: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

W3C很慢 真的很慢

Page 58: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

「Chairing a W3C Working Group is frequently compared to herding cats」 摘錄自: Lea Verou. 「CSS Secrets。」

Page 59: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 60: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

“So we loaded the W3C process into the 3D printer…”

-w3cmemes

http://w3cmemes.tumblr.com

Page 61: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 62: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

Today in the Digital Publishing IG, members of the IDPF invited the W3C into their glass house.

-w3cmemes

Page 63: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

標準化重點不是結果 而是過程

Page 64: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

Text-wrap: balance;

Page 65: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 66: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)
Page 67: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

Grumpy Bert doesn’t see fancy scroll effects these days because he disables JavaScript. Don’t make him disable CSS too.

-w3cmemes

Page 68: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

如何參與?

Page 69: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

• Mail-list

• HTML 5 Chinese IG

• TPAC 2015

Page 70: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

參與W3C的意外所得

Page 71: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

「你和CSS之父有相同的目標」

Page 72: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

「你獲得了作者簽名書一冊」

Page 73: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

「你看到Internet與Web之父同場搞笑」

Page 74: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

「你看到Internet與Web之父同場搞笑」

Page 75: COSCUP 2015 中文排版需求以及我在W3C看到的事情(薄碼版)

感謝聆聽