如何評價紐約時報中文網的頁面設計和字體排印水平?

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 個 &),其實完全可以根據 UA 來分別為 Windows 和 OS X 指定 font-family 了。建議為 OS X 提供類似「Helvetica, "Hiragino Sans GB", …」的 font-family,或者就不要強制中文字體。不要讓 OS X 用戶滿眼都是華文黑體了,尤其標題。而且等 Mountain Lion 普及了,在 OS X 這邊有更多自帶字體可以用。

  • #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,默認簡中字體是冬青黑體簡體中文)看到的是這樣:

* * *目前,頁首 logotype 頂部切掉一像素的 bug 已經修復了。


謝各位邀請,樓上已經講了很多有價值的看法。我是該站的大和小標誌設計者,設計背後的故事已經在Type Is Beautiful刊出,可以自行參閱。

手頭也只有mac, 所以只從mac的畫面談自己的簡單看法。

標題

我的原提案標題是較小,整個標題的上下留下更多空間,令標題不會有太緊逼的感覺;現用的標題中文是先框線化後再做優化工作(由NYT負責),粗度我字款和原設計有出入。我想這部份日後有改善的空間。

首頁排版

首頁跟從nytimes美國的排版,如Rex所說,結構清晰,條理清楚。我想日後的改動也需要跟從美國/環球版本的變動。不過標題與簡短內文層級分別來得不夠英文版的明顯(主要是華文粗黑體不夠粗之故),若果加大些少層級分別可能會更好讀。此外中文版網頁的Georgia字間距較英文版少,這點是很想知道原因的。

內文排版

行距恰到好處。NYT的新聞一般都頗長,現在的設計行與行間不會太闊,讀起來舒適。內文版面可以考慮「齊頭齊尾」的排法,整篇看上去會較美觀,也較適合以中文為主體的文章。

字款

華文黑體。這字款是公認的醜,mac上可以考慮以冬青簡體中文作首選,華文黑體當fallback。

-----

網站還在Beta階段,NYT一方也在不斷接收讀者意見,不妨向他們反映一下。也希望該網能夠越來越好。

-----

延伸閱讀:

記《紐約時報》中文牌匾設計

http://www.typeisbeautiful.com/2012/06/5016


Mac OS X 10.6.8上,默認華文黑體,僅憑肉眼觀察整體感覺很好。挑挑刺吧:

  • 標題Georgia和中文的搭配有問題,儘管這麼做可能是為了和英文版統一,尤其是變高的阿拉伯數字和漢字同時出現的時候,數字的descender顯得突兀

  • 那個bulletpoint 太輕了,可以嘗試大一點的字型大小,或者 、□
  • mainNav的字型大小看起來是小一號的?至少(視覺上)應該大於等於正文字吧


推薦閱讀:

前端開發在 Mac 之上,對比其它平台有哪些優勢?
圖片載入時使用 SVG 作為圖片 placehold

TAG:網頁設計 | 字體 | 字體排印 |