如何評價 2014 年 9 月 10 日蘋果官網 Apple.com 的改版？

01-07

拋磚引玉，說一下字體。

眾所周知，蘋果一直在官網、PDF 文檔、海報等宣傳材料處，使用神秘而專有的 PingHei 字體。在優秀而符合現代審美，可以用在正文處的中文黑體屈指可數的情況下，PingHei 獨樹一幟。

在很長一段時間，蘋果的官方網站都是在標題上使用圖片化的 PingHei（也順便保持了 PingHei 的專有），在正文處並不指定特定中文字體，只是指示使用非襯線體。像這樣：

font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;

如此，在 OS X 上便會默認調用華文黑體。

Windows 上則會調用中易宋體。在 Windows 上網頁上可用、可看的正文字體，長期以來有且僅有微軟雅黑和中易宋體的情況下，這實際是別無選擇的選擇。

事實上，「圖片做標題字體」和「差強人意的正文字體」正是網頁設計——尤其是中文網頁設計——長期以來面臨的兩個問題。

對於前者，圖片在保證顯示效果的同時，也增加了頁面流量，增加了請求數，降低了頁面的可讀性。甚至還增加了頁面維護的成本，如上圖中的標題圖片，（在 1440 寬度時）因為指定了錯誤的 background-size，讓圖片標題發生了形變（地址：Apple - iPhone，截至 9 月 13日）。如果是正常的在 HTML 中使用字體，這種情況幾乎不可能出現。

對於後者，直到現在，都沒有任何可能讓默認的 Windows 和 OS X 顯示同一個字體（你無我有，你有我無），更不要奢求更好看的正文字體了。

蘋果在這兩個問題上，同樣不能例外。

技術當然在進步，CSS3 通過 font-face 實現的 Web Fonts 技術允許把字體作為網頁資源下載，同時解決了這兩個問題。

蘋果在 Mac 30 周年的紀念網頁上（Apple - Thirty Years of Mac），以 Web Fonts 的形式使用了 Myriad Set Pro 字體，甚至有三個字重。

西文字體的 Web Fonts 技術如火如荼時，中文字體大部分時候只能垂涎欲滴。

一方面，中文字體體積大，流量和下載速度相對是問題。也造就了很多（還能順便提供更多字體的）第三方 Web Fonts 服務商，比如 http://www.justfont.com/。

如梁海在有哪些好的中文字體顯示及排版的 HTML5 解決方案？中所說，體積問題其實並不難解決，第三方 Web Fonts 服務對於有錢的企業來說不是問題，反而卡住了一些中小、個人站點。

另一方面，是 Windows 下如果沒有針對 ClearType 作優化的字體，用在正文（小字型大小）時，效果不能讓人滿意。（信黑，地址：新一代設計展 YODEX，左 Windows，右 OS X）

但是，蘋果恰好不怕這兩個問題：

第一是，蘋果官網可能是最不愁花錢置辦 CDN 加速、同時想盡一切辦法不差錢地提供超大尺寸、超高質量的圖片等資源的網站了。另外，通過字體子集化、woff 壓縮，蘋果將 PingHei 控制在了 1MB 以下，這是完全可以接受的大小（蘋果是如何將 PingHei Web Font 容量縮小至 1 MB 的？）

第二是，蘋果在展示產品時，通常使用的正文字體也有 22px 之大，正巧規避了 Windows 下無 ClearType 優化字體小字型大小渲染差勁的問題。看截圖，也算是差強人意。（注意第一張圖 15px 的「解析度」三個字，和第二張圖 16px 的正文相對較差的表現）

因此，蘋果在這次 9 月 iPhone 6 發布會的直播開始，便大量在全站使用 Web Fonts 的 PingHei 字體。現在，我們在蘋果官網的各處都能看到可以被選中的 PingHei 了，真好。

font-family: "PingHei","Lucida Grande", "Lucida Sans Unicode", "STHeiti", "Helvetica","Arial","Verdana","sans-serif";

最主要讓 Web Fonts 的 PingHei 得以實用的原因，還是子集化技術，簡單來說，就是這個版本的 PingHei 字不全，因為用不到那麼全，用哪個給你提供哪個（還能順便防止字體泄露）。

因此，在直播發布會引用微博內容的時候，我就在想，如果誰的微博用了一個 Web Fonts 沒有的字，讓字體不統一該怎麼辦呢？不過，圖上的情況幸好沒有發生。可能工作人員也會在發布前檢查一下。

（我要順便讚美一下 IE11 對高分屏下字體，也就是大字型大小字體的渲染…這不是完全沒問題嘛！）

但是，蘋果還是馬虎了一下，而且還是最重要的頁面…

是的，在把 iPhone 6 宣傳口號變成「豈止於大」以後，「豈」是不在 Web Fonts 里的…

當然，蘋果很快解決了這個問題。只要不總變文案、或者做微博直播，這樣縫縫補補的做法也不是不可以接受（注意右邊更新的 woff 體積要更大一些，不知道除了「豈」以外，又多了哪些字呢？）。

用圖片做標題的日子也許很快就要過去？感謝蘋果讓更多人都知道，在網頁上可以看到更漂亮的、而且還能選中的字體~

終於有移動版了

似乎很卡

和ios7、ios8的設計主旨協調啊，剝離表象見本質。官網就是用來展示產品的，網站設計的華麗、質感沒有什麼太大意義，展示產品才是最重要的，讓用戶更聚焦在apple的產品上：外觀、參數、和其他用戶想找到的信息。

評價：

John Ive在強行給蘋果改頭換面，為了視覺識別的統一

具體是好了還是差了，要看更專業的人士是如何評價，還有背後使用了什麼新技術，也要看消費者的接受程度，但是確實是更統一了。

真的好，好到笑。

終於簡化了那該死的導航，占空間不說，還難看

只從新導航來看的話，個人觀點這次改版還是有很大進步的

為何你們糾結那個大大

我想的是，蘋果官網終於扁平化了，這預示著蘋果全線的更新已經完成，不錯不錯。