如何評價紐約時報中文網的頁面設計和字體排印水平?
01-25
http://cn.nytimes.com/
暫時留意到以下幾點:
- Logotype 的整體效果很不錯。但作為一個精巧的黑白 logotype,可以再多做一些像素水平的優化。比如西文的細線不實(且黑度不一致),中文的抗鋸齒結果也還有一點渾濁或不勻稱。期待看到 @2x 版本的 logotype 圖片,肯定會很美。剛看到中文版 logotype 設計者 @Julius Hui 在 Facebook 放出的設計圖 [1],感覺最後由 NYT 一方完成的像素調整有點失誤。比如,筆畫頂端的尖角完全被抹平了,就像手誤切掉了一像素,字體風格大變(內頁的橫版 logotype 就沒有這個問題);「中」字豎筆底端的方向變了。中文黑度也過大了一點。
- CSS font-family 寫得很亂,這體現出不重視字體排印。我遇到了「Arial」、「Helvetica, sans-serif」、「Helvetica, Arial, sans-serif」、「Arial, Helvetica, "Heiti SC", simsun, sans-serif」、「"Heiti SC", simsun, Helvetica, sans-serif」、「serif」、「Georgia, "Heiti SC", simsun」、「Georgia, "Heiti SC", simsun, serif」……這麼多種 font-family。似乎其實應該規整為兩三種。
- 對於這麼複雜的頁面(光 & 里就有 10 個 &
- #header&>h2 挺丑的……期待換上預製的圖片……
- 文末顯示譯者等信息的 div.authorIdentification 居然用了 italic。中文自動斜體的醜陋世人皆知,實在無法理解為什麼要這樣。
- 編輯分不清全形和半形字元。比如一篇文章在邊欄里的標題是「K先生、城堡和民企」,到正文頁面就變成「K先生、城堡和民企」了。另一篇從「夢想與現實:兩種時尚攝影師」變成了「夢想與現實:兩種時尚攝影師」。
- 編輯對空格沒有意識。雖然我一直鼓吹在中西文之間留空格,不過不留空格也不會讓我多麼不滿意——但如果一會兒留、一會兒不留,括弧兩側甚至常常一邊留、一邊不留(比如「德國總理安格拉·默克爾(Angela Merkel) 堅持己見」),這就很搞笑了。這些事情用正則表達式就可以統一吧?
- 對於西文人名的注釋,我建議用中文括弧,而非現在這樣用西文括弧(又還搞不定空格問題)。
- 不太理解為什麼繁體中文版本的地址是 /zh-hk/ 而非 /zh-hant/ 之類。真的專為香港服務?
[1] https://www.facebook.com/photo.php?fbid=412913318750105
另外,有人在 @Rex Chen 的答案評論里說「中文字體的選擇欠妥」,但既沒有截圖也不說清楚自己用的是什麼操作系統什麼瀏覽器。天知道你看到的是什麼樣子。
我這裡(Chrome + OS X Lion,默認簡中字體是冬青黑體簡體中文)看到的是這樣:謝各位邀請,樓上已經講了很多有價值的看法。我是該站的大和小標誌設計者,設計背後的故事已經在Type Is Beautiful刊出,可以自行參閱。
手頭也只有mac, 所以只從mac的畫面談自己的簡單看法。
標題
我的原提案標題是較小,整個標題的上下留下更多空間,令標題不會有太緊逼的感覺;現用的標題中文是先框線化後再做優化工作(由NYT負責),粗度我字款和原設計有出入。我想這部份日後有改善的空間。首頁排版
首頁跟從nytimes美國的排版,如Rex所說,結構清晰,條理清楚。我想日後的改動也需要跟從美國/環球版本的變動。不過標題與簡短內文層級分別來得不夠英文版的明顯(主要是華文粗黑體不夠粗之故),若果加大些少層級分別可能會更好讀。此外中文版網頁的Georgia字間距較英文版少,這點是很想知道原因的。內文排版
行距恰到好處。NYT的新聞一般都頗長,現在的設計行與行間不會太闊,讀起來舒適。內文版面可以考慮「齊頭齊尾」的排法,整篇看上去會較美觀,也較適合以中文為主體的文章。
字款華文黑體。這字款是公認的醜,mac上可以考慮以冬青簡體中文作首選,華文黑體當fallback。-----網站還在Beta階段,NYT一方也在不斷接收讀者意見,不妨向他們反映一下。也希望該網能夠越來越好。
-----延伸閱讀:記《紐約時報》中文牌匾設計http://www.typeisbeautiful.com/2012/06/5016Mac OS X 10.6.8上,默認華文黑體,僅憑肉眼觀察整體感覺很好。挑挑刺吧:
- 標題Georgia和中文的搭配有問題,儘管這麼做可能是為了和英文版統一,尤其是變高的阿拉伯數字和漢字同時出現的時候,數字的descender顯得突兀
- 那個bulletpoint 太輕了,可以嘗試大一點的字型大小,或者 、□
- mainNav的字型大小看起來是小一號的?至少(視覺上)應該大於等於正文字吧
推薦閱讀: