為什麼我們需要中文排版標準,以及幾項中文的排版特色
DESCRIPTION
2014/9/11 W3C中文版式需求工作坊@中國北京北航 Keynote speech placed at W3C Chinese Layout Requirement Workshop hold by Beihang Univ. in Beijing 2014/9/11.TRANSCRIPT
![Page 1: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/1.jpg)
為什麼我們需要中文版式規範以及幾項中文的排版特色
WANDERER 董福興
![Page 2: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/2.jpg)
編輯功夫與版面規則 是口述言傳的技藝
![Page 3: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/3.jpg)
桌上排版時代的變革
![Page 4: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/4.jpg)
A A D
A D D
D D D錄⾳音 編輯 播放
數字化音樂的狀況
![Page 5: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/5.jpg)
A A A
A D A
D D A原稿 編輯 成品
出版的狀況
活字、照相排版時代
桌上排版時代
![Page 6: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/6.jpg)
反映在工具上
![Page 7: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/7.jpg)
D D D⼀一以貫之的版⾯面規範
![Page 8: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/8.jpg)
排版標準的出現 ——以日本為例
![Page 9: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/9.jpg)
![Page 10: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/10.jpg)
傳統印刷出版
桌上出版
數字出版
JIS X 4051
JLREQ
InDesign等工具的演進
竪排等CSS的制定
![Page 11: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/11.jpg)
與Web接軌
![Page 12: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/12.jpg)
傳統印刷 桌上出版
Web
ebook
Web
⼀一致的版⾯面呈現
![Page 13: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/13.jpg)
出版文化的保存
![Page 14: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/14.jpg)
郭力昕《書寫攝影》1998 郭力昕《再寫攝影》2013
![Page 15: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/15.jpg)
新的基準線
![Page 16: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/16.jpg)
中文版式規範
CSS的參考
製作工具的開發
編輯基礎的教習
出版文化的傳承
得以實現 傳統活化
明文規範 實作落實
工具操作 學以致用
![Page 17: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/17.jpg)
One Source Multi Uses 一源多用的未來
![Page 18: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/18.jpg)
![Page 19: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/19.jpg)
![Page 20: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/20.jpg)
![Page 21: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/21.jpg)
![Page 22: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/22.jpg)
![Page 23: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/23.jpg)
幾項中文的排版特色
![Page 24: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/24.jpg)
標音的呈現
![Page 25: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/25.jpg)
![Page 26: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/26.jpg)
• 連字規則如何應⽤用在Group-Ruby上頭。
• 單字標⾳音過⻑⾧長,字距的處理。
• 斷⾏行時如何處理?
![Page 27: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/27.jpg)
中西混排的版式
![Page 28: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/28.jpg)
漢字縱橫對⿑齊 (但有⼀一⾏行避頭點,以Justify對⿑齊)
中⻄西與數字混排 (多⾏行避頭點,以Justify對⿑齊)
![Page 29: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/29.jpg)
⽇日⽂文標準:1/4em空⽩白 中⽂文提案:加到整數em
![Page 30: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/30.jpg)
![Page 31: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/31.jpg)
![Page 32: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/32.jpg)
![Page 33: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/33.jpg)
避頭點規則
![Page 34: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/34.jpg)
![Page 35: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/35.jpg)
![Page 36: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/36.jpg)
![Page 37: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/37.jpg)
字形的處理
![Page 38: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/38.jpg)
![Page 39: 為什麼我們需要中文排版標準,以及幾項中文的排版特色](https://reader030.vdocuments.pub/reader030/viewer/2022020218/55986c6f1a28ab2e0b8b485c/html5/thumbnails/39.jpg)
最後