Apple 製作的 Mac 發布 30 周年紀念專題頁,有哪些亮點?

Apple - Thirty Years of Mac | http://www.apple.com/30-years/


這是 Apple 第一次以網頁字體的形式使用她的官方字體 Myriad Set Pro

我曾經在知乎上回答過,目前 Apple 在官方設計上所大量使用的西文字體之一是 Myriad Set Pro,這是一套經過筆劃和字元間距輕微修整的 Myriad 家族字體,由 Adobe 給 Apple 量身定製。它從 Myriad Apple 進化而來,後者於 2002 年代替 Apple Garamond 成為了 Apple 最廣為使用的官方字體。
Adobe 現今面向公眾發行的 Myriad 版本是 Myriad Pro,至於 Myriad Set Pro,大家之前至多只能在蘋果官網上通過被轉換成 PNG 格式的圖片標題一睹芳顏。
參見:蘋果官網的 MacBook Air 頁面使用了什麼字體?

但是,現!在!不!一!樣!了!Apple 居然神奇地在 Mac 發布 30 周年紀念專題頁上將 Myriad Set Pro 以 @font-face 的方式嵌入在了 CSS 里,將 woff 和 ttf 兩個格式通過 base64 形式封裝,這也意味著這些字體可以通過很簡單的方式轉換回二進位的原文件以便提取。
http://images.apple.com/v/30-years/a/fonts/myriad/font.css
http://images.apple.com/v/30-years/a/fonts/myriad/eot.css


本批次 web font 中總共有五個字重:

  • Myriad Set Pro
    • Semibold (PostScript: MyriadSetPro-Semibold)
    • Thin (PostScript: MyriadSetPro-Thin)
    • Thin Italic (PostScript: MyriadSetPro-ThinItalic)
    • Ultralight (PostScript: MyriadSetPro-Ultralight)
    • Ultralight Italic (PostScript: MyriadSetPro-UltralightItalic)

這也是 Apple 官網第一次使用網頁字體。

除 Myriad Set Pro 以外,Apple 還使用了其他三個網頁字體(使用 .eot, .woff, .svg, .ttf 四種格式嵌入):

  • 30YofMicons http://images.apple.com/v/30-years/a/fonts/icon-font/30YofMicons.ttf

包含 18 個頁面圖標的矢量格式。

  • mac-icon-simple http://www.apple.com/v/30-years/a/fonts/mac-icons-simple/mac-icon-simple.ttf
  • mac-icon-standard http://www.apple.com/v/30-years/a/fonts/mac-icons/mac-icon-standard.ttf

包含 68 個 Mac 圖標的矢量格式。


Mac 30周年紀念頁面是蘋果公司與消費者共同分享的低調狂歡,是蘋果公司又一次整合而流暢的廣告和公關執行,持續塑造了蘋果企業行業領先、產品格調極高、發展歷程持久、未來值得期待的品牌形象。

  • 話語方式:擬人化

在我的印象中,蘋果是第一家成功將自己形象擬人化的企業。

在我的印象中,蘋果是第一家成功將自己形象擬人化的企業。「他/她」用平等的話語與消費大眾展開「對話」,平鋪直敘好似你的事業合伙人兼好朋友,讓人感覺是一個與我有著共同願景的靈魂在和我溝通,向我承諾。這是老喬簡練透亮的總結式語言的衍化體,來看老喬的文字,來自他寫給妻子的信,對話式口語式的訴說,採用簡單的短句,讀來倍感親切


自此,許多採用類蘋果的語調試圖與利益相關者進行對話開始出現,做得很好的我覺得有金鵬遠領銜的環時互動:

  • 營銷調性:消費者中心

蘋果成功地將公司的產品建樹,同消費者的個人經歷建立起了聯繫。Mac30年的發展歷程之所以值得慶祝,不是因為蘋果公司本身的豐功偉績,而是因為這些有著一貫願景的產品,能夠在日常生活中為它的消費者創造出由他們自己定義的價值。日復一日,年復一年,一代接著一代,蘋果與用戶在共同的時間軸上,以不同的方式互相協助,完成了共享的歷史--至少,蘋果在Mac30周年頁面上是這麼表述的。
It"s about Apple, but it"s more about YOU,and US.


  • 展現形式:數據可視化

有一個非常簡單的化平常為創意的方式,就是數據可視化。
Before:線性的,文字的,單調的。


After:動態的,圖式的,消費者利益得到展現。

  • 品牌形象塑造:消費者證言

消費者證言其實是一個很土的方式,請幾個代表品牌形象的人來訴說產品帶來的生活質量的提高,以及品牌與自己生活的關聯。秉承蘋果產品一貫對書影音等文化、藝術、設計的重視,代言人有視覺設計師,音樂人,教師,醫生,時裝設計師。。。成為蘋果的用戶,就是在肯定並實踐這一價值觀:當創新的技術和對美的苛刻追求得到民主化普及,點滴的創意將匯聚成改變世界的力量。站在科學與人文的交叉口,我們都在為一個更友好,更美麗,更理想,更進步的社會貢獻力量--蘋果就是這種價值觀的品牌化身、產品化身, 以及工具化身。


有趣的是,由於亞洲或許特別是中國市場的重要性提升,視頻中相比以往出現了更多東方面孔,而且是以東方面孔作為開頭。但很遺憾的是都是日本人,美國人認為亞洲只有日本是文明國家的刻板印象仍然在哇

John Maeda
Japanese-American graphic designer, computer scientist, academic, and author.

Daito Manabe

Artist, programmer, designer, DJ, VJ, composer based in Tokyo, Japan.

Maki SUGIMOTO

神戸大學醫學研究科講師 東京大學工學系研究科講師


附表:Mac30周年中出現的人物名單:
http://www.cnbeta.com/articles/270068.htm

Moby American singer-songwriter, musician, DJ and photographer.

april greiman designer

Hans Zimmer German film composer and music producer.

Tinker Hatfield Nike design

Iris van Herpen Dutch fashion designer.

Noemi Trainor Morelia Varmond學校的創始人和校長,用Mac和ipad作為教學工具

Nick Knight photographer.

Theodore Gray co-founder of Wolfram Research, prominent science author, and co-founder of app developer, Touch Press.

John Maeda Japanese-American graphic designer, computer scientist, academic, and author.

Daito Manabe Artist, programmer, designer, DJ, VJ, composer based in Tokyo, Japan.

Maki SUGIMOTO 神戸大學醫學研究科講師 東京大學工學系研究科講師

-------------------------------------------------------------------------------------------------------------


In summary, Mac30周年紀念頁面,體現了蘋果一貫低調卻內涵而底氣十足的營銷風格,這種風格建立在將消費者的價值放在營銷內容首位的基礎上。喬布斯的遺產還在發揮餘熱,這個做得出好產品,還能做成好營銷,並且懂得用精準合適的方式表達出自己好在哪裡的公司,真的改變了世界。

寫在Mac30歲生日這天,由Macbook Pro with Retina完成。

--------------------------------------------------------------------------------------------------------------
And one more thing,
其實我覺得蘋果最好的廣告除了神文案的「Think different 瘋子改變世界」以外,是iPhone 5 的 「Music Everyday」 和 「Photo Everyday」,這兩支廣告是專業電視廣告策劃與企業核心價值的完美結合體現,有著深刻的消費者洞察功底
音樂和影像,讓人類能夠打破時間和空間的枷鎖(雖然法蘭克福學派告訴我們這是數字化再現的幻象)。我知道或許廣告中的每一個人物設置,每一個場景選擇,每一次動作執行,都是通過營銷調查得出的,然而他又真真抓住了生活中一個個美好的細節。自習時的陪伴,慢跑時的停駐,與愛人朋友分享耳機的時光,工作時期待創意的靈感降臨........這些都是生活中真切而美好的瞬間,平凡得一塌糊塗卻也因此而令人動容其中的美好。畫面中的他們就是我們。你聽不見他們耳機里的音樂,看不到他們手機里儲存的照片,然而輕快背景音樂的循環中,如此含蓄的表達方式幾度令我潸然淚下。

[balileTech]Apple iPhone5廣告——音樂每一天
視頻封面[balileTech]Apple iPhone5廣告——音樂每一天視頻

iPhone 5 Photo Every Day

視頻封面iPhone5 Photo Every Day視頻
[感謝@瑞雞 的提醒,我不知道everytime系列還有一個「Face time everyday"]
視頻封面蘋果iPhone5 Facetime Everyday視頻
從瘋子/天才的改變世界,到普通人的普通生活,也暗喻著世界在向更加民主更加大眾轉變(儘管蘋果的技術民主化仍然還是一個理想,對很多人來說仍然負擔不起)。技術改變社會,人類不斷前進。
我期待Mac,和蘋果的下一個30年。


以時間線形式將30年來重要的Mac產品列出,輔以使用者感言。當看到暌違十多年的Power Mac G4和彩色版iBook再次出現在蘋果官網的顯要位置,彷彿回到了十幾年前中學時代的自己第一次目睹宛如水晶般晶瑩剔透的計算機時那種不可思議又無比著迷的感覺。鈦合金版PowerBook G4和iMac G4帶給我的衝擊感也再次重溫了一遍。
如果說遺憾,Power Mac G4 Cube沒能出現在這裡。大概是因為商業上的失敗及其短暫的壽命,使蘋果認為不宜出現在這裡。可Macintosh 20周年版在商業上也稱不上成功不也在榜單上嗎?


我補充倆:

我補充倆:

就是這個玩意兒,雖然這玩意兒被放在了每一個頁面的最下面,但是還是非常吸引人的。
用極簡潔、易識別的方式,把產品使用率的數據表現了出來。

拉動下面的滑動條,能清晰的看到Mac越來越普及,越來越大眾化。這可以說是Apple用一個簡潔的方式說明了自己擁有越來越多的用戶。

這個創意非常棒。

還有這一系列用矩形組成的圖標,誰能想到他們用他媽一個圓角矩形就把Mac Pro代替了!這要是我的產品經理,肯定說:「這樣大家看不出來!麻煩加一個光澤度什麼的,讓它看起來很靈動吧!」

還有這一系列用矩形組成的圖標,誰能想到他們用他媽一個圓角矩形就把Mac Pro代替了!這要是我的產品經理,肯定說:「這樣大家看不出來!麻煩加一個光澤度什麼的,讓它看起來很靈動吧!」


亂入一下,發現了IE for mac,莫名地小激動了一下(想起了某些 IE only 的網站,比如鄙校的選課系統等……).
當然,現在巨硬已經不再開發這個了.
Apple - Thirty Years of Mac ( 2001 )


蘋果的廣告製作水平真贊。


Your Mac was a
Apple - Thirty Years of Mac

這個 Tell us about your first Mac 的界面太有帶入感了,而且在你從中尋找自己的Mac時,還能勾起很多的回憶

想當年從《微型計算機》上見到用G4的Mac Pro時,在雙核的CPU上覆蓋著巨大的散熱片而沒有任何風扇,這比它晶瑩剔透的外形更能給人震撼,清楚的告訴你,我和那些吵吵鬧鬧的PC不一樣!

然後經典的iBook, 第一次將彩色外殼帶到筆記本上
PowerBook (Titanium) (這是當時僅有的兩款使用鈦合金做外殼的電腦,另外一個是IBM Thinkpad X21)
iMac檯燈
Macbook Air
所有這些當年曾經給自己帶來過震撼的東西又一一的浮現在眼前

大家過生日的時候也許會回想一下這些年來都經歷了什麼
很多記憶,不去回想時可能你自己都已忘卻,但回想後又會感嘆時間的美妙

Mac的這個網頁給了我同樣的感受


作為最便宜的Mac computer,完全沒有Mac Mini的蹤影~


Hans Zimmer 部分的照片中的電腦是 Windows :D

Apple - Thirty Years of Mac


我想說,蘋果把Apple定義為了「零」,因為這是Mac三十年,網站上視頻最後,以及頁面上顯示「3


推薦閱讀:

如何看待「汽車可靠性排名,日韓遠高於歐美」的調查?
有哪些不為外行所知的好產品或好品牌?

TAG:Mac | 品牌 | 蘋果公司 (Apple Inc.) | Macintosh 128K |