文字設計和視覺文化

TIB 發布 ReverseTick(玲瓏)倒排模版

ReverseTick(玲瓏)倒排模版實現效果。請參見測試頁面(不支持 IE)
敬告:本文發佈於2011年4月1日

Type is Beautiful 今天開始發布 ReverseTick(玲瓏)倒排模版,並發起提倡中文倒排的潮流。該模版今天開始進入測試(請參見測試頁面,不支持 IE),如果反應良好我們將在一周後發布測試版下載,供 WordPress 用戶使用。

何為倒排

「倒排」顧名思義,就是將現代中文排版順序完全顛倒。閱讀從文章底部開始,從右向左橫排閱讀,到頂端結束。

為什麼提倡倒排

從右到左閱讀是漢語的傳統閱讀形式,符合中文閱讀的傳統閱讀邏輯。因此這一排版和閱讀方式首先就繼承了早期中文的閱讀習慣,這在一個白話文被各種政治因素嚴重影響的年代 1,尤具文化和民族意義。

第二,根據普林斯頓大學2010年由 Connor Diemand-Yauman 等人研究 2 3 證明,閱讀文字的困難有助於更有效地學習。研究顯示,同樣的文字使用不常見的排版、難讀的字體,會令閱讀者花費更大的精力閱讀該段文字,進而文字內容會對人留下更加深刻的印象。本着對字體之美的高度尊敬,我們認為混用 Comic Sans 和 Bodoni 是非常不可取的行為。我們認為一定有更優雅的解決方案。答案就是:國學。經過對中國古籍雕版和近代橫排的研究,我們發現,將文字倒排能夠在不影響閱讀和尊重文字的情況下,最大化的改變讀者的閱讀習慣,進而最大化的完成內容輸出的效率。

此外,我們前文《討論:長文的數字排版與閱讀》提到妨礙網絡上閱讀長文的主要原因在於瀏覽器文字缺乏進度指示(progress register),因此讓讀者無法獲得滿足感。使用倒排要求一開始就得滾動到頁面下方,能夠使讀者就一開始就了解到文章長度,閱讀中不斷接近頂端,讀者的成就感油生,更加鼓勵讀者完成閱讀。

最後,從我們的測試中發現,倒排文字由於與大部分文字排版相逆,可以改變頸椎的工作習慣,改善頸椎酸痛。在觸摸屏設備閱讀時,手指的重複動作也會顛倒,改善手部的運動神經。

關於 ReverseTick(玲瓏)

ReverseTick(玲瓏)模版由 Type is Beautiful 主導,Metaphox 開發,顧問梁海。一開始作為 WordPress 模版。隨後將開源,供大家進行繼續開發和使用。

我們受到民國年代報章雜誌啟發,尤其是近期重新由哥倫比亞大學掃描的1930年代女性雜誌《玲瓏》的大膽設計影響,決定將模版的中文名起名為「玲瓏」。模版英文名 ReverseTick 與我們之前發布的豎版模版 VerTick 符合。

我們的計劃

我們在今天發布 ReverseTick(玲瓏)模版的測試頁面,請大家前往進行測試閱讀(不支持 IE)。如果開發順利,我們將進一步在下周發放第一版的測試下載。在我們的站點,我們將逐步在全站推行 ReverseTick(玲瓏)模版,從我們開始改變大家閱讀習慣,提高大家的閱讀效率。

我們希望大家能夠對該排版方式和插件產生興趣、加深理解。希望能夠有越來越多的網站可以使用倒排的方式,提高國人的閱讀效率和學習興趣,為中華民族的和平崛起做自己的一份努力。

參考

  1. 李春陽,《白話文運動的危機》,中國藝術研究院 ^
  2. Making things hard to read ‘can boost learning’, BBC News ^
  3. Connor Diemand-Yauma, et al. Fortune favors the Bold (and the Italicized): Effects of disfluency on educational outcomes, Princeton University ^

尊重原創:關於轉載

我們希望在中文環境中建立一種健康的 TrackBack 和鏈接機制,保證原創,並不影響傳播。因此對於譯文和原創文章,我們歡迎您在網站上推薦我們的文章,包括文字和圖片片段,但不贊成任何形式的全文轉載。
參與討論或通過 TrackBack 推薦:Trackback URL.

22 個相關討論

  1. 2011/04/01 at 2:09 am | Permalink

    今年中文博客圈裡排版最優雅的一條愚人節貼。

  2. stys
    2011/04/01 at 3:13 am | Permalink

    說的跟真的似的~~滿用心的哈

  3. 2011/04/01 at 4:15 am | Permalink

    真是目前最文化的惡搞了。
    同時求,如何在Wordpress中嵌入顯示字體?就像“背影”二字。
    謝謝。

  4. 2011/04/01 at 5:59 am | Permalink

    愚人節看到的,及其有味道和內涵的一條文化信息。
    喜歡。

  5. parodyfang
    2011/04/01 at 7:45 am | Permalink

    我終於知道,什麼叫做閑得蛋疼

  6. 2011/04/01 at 9:59 am | Permalink

    再加上豎版更好些……

  7. 2011/04/01 at 10:01 am | Permalink

    對中文來說目前基本無解,無非是自動生成圖片什麼的

  8. 2011/04/01 at 10:41 am | Permalink

    豎著從下到上確實不錯~ XD
    http://cl.ly/222H1y2F0D2h3d122L3j

  9. 2011/04/01 at 12:27 pm | Permalink

    ?啊節人愚是天今現發有木有你 ,向方的界世視審變改

  10. 2011/04/01 at 4:38 pm | Permalink

    哈哈哈哈,很認真地搞笑啊!大讚!

  11. colourphilosophy
    2011/04/02 at 1:45 pm | Permalink

    哈哈哈哈

  12. 2011/04/02 at 2:46 pm | Permalink

    我承認我被愚了。。。

  13. yukirock
    2011/04/02 at 3:01 pm | Permalink

    除了數學2.0版之外最神的愚人節帖子……

  14. sanyar
    2011/04/02 at 6:23 pm | Permalink

    提倡中國傳統文化不反對,漢字本來就很美。

    真是愚人淺啊。

  15. bsfmig
    2011/04/08 at 1:03 am | Permalink

    我必需得說,那頁面至少支持IE9啊。
    也是,在網頁設計者的眼裡,IE9和FF、Chrome、Safari等基本上算是一個東西了。

  16. 2011/07/06 at 4:43 am | Permalink

    這對於搜索引擎來說將是場災難。

  17. su
    2011/11/27 at 4:12 am | Permalink

    你好!

    這種感覺看起來很特別!

    請問圖中“背影”兩個字用的是什麼字體?

  18. 海涼
    2012/03/13 at 11:17 am | Permalink

    好吧,我居然真的信了,還跳轉去重新拜讀了《背影》。前兩行不太習慣,但是看着看着就習慣了。

  19. 2012/05/02 at 1:12 am | Permalink

    很棒!另外,這個頁面的排版(字號、行距、背景色等)也很棒。

  20. 2012/05/02 at 1:14 am | Permalink

    應該是宋體,只不過有陰影。

  21. 2012/08/08 at 7:28 am | Permalink

    看到了文章中說到,段落冗長,讀者沒有成就感,從而難於閱讀。
    知道這裡是討論“閱讀下去”這個動作。
    感到很高興。第一次發現真有想解決這方面問題的方法。
    我有一種認識,我認為在閱讀的過程中,讀者沒定好位置,才是的感覺困難。而文章要做到的就是,掩蓋自己,不要讓讀者自己感覺到的冗長,對自己的心情影響到。

  22. 2013/05/15 at 3:31 pm | Permalink

    要豎著~

2 個Trackbacks

  1. […] Connor Diemand-Yauma, et al. Fortune favors the Bold (and the Italicized): Effects of disfluency on educational outcomes, Princeton University ^ […]

  2. By 今天我不更新博客了 | 考據癖 on 2011/04/01 at 10:09 am

    […] is Beautiful:發布 ReverseTick 倒排模板,提倡中文倒排(應爆料者要求匿名) Read more from 特別奉獻 惡作劇, […]

參與討論

你的Email地址將不會被發布或透漏。 標記*的項目為必填項目。

*
*

作者 / 譯者