淘新聞

從歷代 iPhone 官網設計,紀念 iPhone 誕生十周年

似乎在每一代 iPhone 即將發佈之前,都會看到一些媒體或者個人整理出來的,關於 iPhone 的回憶,一代接著一代圖文並茂的表述著,我們和 iPhone,又將進入一個新的時代。不知道什麼時候開始,iPhone 成為了蘋果這個品牌甚至是科技領域的一個標杆,它是我們每一年最關心的科技新品,它代表著時代,代表著這一個秋天的更新換代和下一個秋天前整個科技圈的猜想與期待。

最初 iPhone 出現的時候我還是個花著爸媽的錢的孩子,國內沒有上市,我也買不起水貨,偶爾看到一些戴著超粗金項鍊的老男人手裡拿著一台背面有個蘋果 logo 的手機,那時候並不知道這個 logo 背後的太多意義,只知道那是土豪的手機。直到 iPhone 3GS 在國內上市,鋪天蓋地的廣告隨處可見,那一句簡單、有感染力的廣告語,不知道還有多少人記得。

“聞名,不如見面”。

無論是當時遙不可及的 iPhone 一代,還是“再一次改變世界”的 iPhone 4,又或者是後來“比更大還更大”的 iPhone 6,還有今天“在此”的 iPhone 7,我相信有不少人和我一樣,在一代一代的追隨著。

看過許多關於 iPhone 或者其他蘋果產品的回憶文章和圖賞,的確是喚起了我們不少的回憶。那年剛出社會不久的我收到別人送我人生中的第一台 iPhone 4;那年我用自己工作攢下的錢買的那台 iPhone 5;那年為幫數字尾巴大叔拉上書包拉鍊而摔壞的 iPhone 5s;那年突然變得好大的 iPhone 6 ··· ··· 。

蘋果公司在工業設計上的成就世人有目共睹,而蘋果其他設計也是如此,廣告,包裝,發佈會邀請函,新總部等等,不管是約伯斯時代還是庫克時代的產物,幾乎都會被世人捧上天。不過那些東西大家都看得太多了,所以我現在要和大家一起回憶一些不一樣的,它就是歷年來每一代 iPhone 上市時,蘋果美國官網的 iPhone 頁面設計,讓我們在感受 iPhone 進步的同時,也看看蘋果美國官網十年來在 iPhone 頁面上的各種變化。

iPhone 2G

▌2007 年

那個年代的網頁設計多數是沒有什麼排版,想想十年前國內那些門戶網站,那排版叫一個“雞飛狗跳”。而蘋果的網頁一向簡潔,當時的按鈕還是較為“擬物”的水晶按鈕,黑色底色凸顯 iPhone 的質感。

廣告語:蘋果顛覆了手機行業,這僅僅是個開始。

iPhone 3G

▌2008 年

網頁設計比第一代有了更現代的改變,導航按鈕整合,白灰漸變的底色,突出產品的正面及側面,底部有其他入口。

廣告語:能夠擊敗初代 iPhone 的第一款手機,你一直在等待的 iPhone。

iPhone 3GS

▌2009 年

從外形幾乎看不出任何變化的,第一次在中國內地上市的 iPhone 3GS。頁面畫面變得豐富,更突出新 iPhone 的特點及新功能。

國內廣告語:迄今為止最快速的、最強大的 iPhone。

iPhone 4

▌2010 年

幾乎是人人都愛的,“再一次改變世界”的 iPhone 4。最初上市只有黑色,後來又出了白色。頁面黑色背景突出產品的金屬邊框及優秀的雙面玻璃工藝質感。頁面加入了產品的宣傳視頻和廣告視頻。

國內廣告語:再次改變了一切。

iPhone 4s

▌2011 年

被譽為 iPhone for Steve Jobs 的 iPhone 4s,那一年,我們認識了說話很奇怪的 Siri,4s 也成為了街機。這一個頁面的設計很滿,除了產品還用文字說明了賣點,而整個網站的巡覽列也有了變化,除了產品的介紹視頻,底部的其他產品入口又回來了。

國內廣告語:迄今為止最驚人的iPhone。

同年10月,約伯斯去世,蘋果網站首頁也出現了紀念約伯斯的頁面。(庫克致詞頁面為內地版)

iPhone 5

▌2012 年

臉變長且更薄的 iPhone 5,黑色的 iPhone 5 還帶來了嚴重的“掉漆門”。看看這個頁面的設計是多麼的簡潔,換做在當時的國內,很多甲方是不認可這種“乾淨”的設計的,整個頁面就只有產品、名稱和一句廣告語,這種設計在很多老(tu)板(hao)面前,他們是要打人的。

國內廣告語:這一次一切皆有可能。

iPhone 5s & iPhone 5c

▌2013 年

5s 加入了 home 鍵指紋解鎖及土豪金配色,於是手機進入了指紋解鎖和土豪金時代。整個頁面的設計也以土豪金為底色。

國內廣告語也非常強而有力:超前 空前。

不溫不火的 5c 則是以多款彩色呈現,還有那個密集恐懼症都要發作的洞洞矽膠保護套。iOS 7 的到來也將整個行業帶人了扁平化時代。

國內廣告語:生來多彩。

iPhone 6 & iPhone 6 Plus

▌2014 年

iPhone 6 及 iPhone 6 Plus,螢幕兩種尺寸和整體機身有了很大變化,弧面屏和新的天線設計,被吐槽的突起的鏡頭等等。而網站頁面在原本簡潔的基礎上將導航條變成了寬屏模式。

“比更大還更大” 的國內廣告語遭到吐槽後有更改。

國內廣告語:比更大還更大 兩款,有此一雙。港版廣告語:豈止於大 兩款,無雙。

iPhone 6s & iPhone 6s Plus

▌2015 年

2015 年,帶領手機行業進入“玫瑰金”時代的 iPhone 6s 及 iPhone 6s Plus,首款支持 3D Touch 的 iPhone,這個功能實在太好用了。網頁的設計變得有律動,看,那幾台 iPhone 像仙女一樣飛進來。

而這次的廣告語是我最喜歡的:唯一的不同,是處處都不同。

iPhone 螢幕變大了,可是有人依舊迷戀小螢幕的 iPhone,於是 2016 年 3 月,以 iPhone 5s 外形為基礎提升了配置的iPhone SE 到來,加入了玫瑰金。網站頁面也變得更豐富了,下方入口又再一次回來了。

國內 SE 的廣告語:一小部的一大步。(好牽強)

iPhone 7 & iPhone 7 Plus

▌2016 年

這一年 Apple 發佈了我個人覺得最美的 iPhone:iPhone7,還有我不喜歡背面設計的 iPhone 7 Plus,更精緻工藝的亮黑色,取消了 3.5mm 耳機介面,不能按下去的非機械實體 home 鍵,Plus 版本的雙攝像頭等功能紛紛出現在這一代,於是,各種手機廠商開始出各種黑色,各種取消介面,各種出雙鏡頭的手機。(前面說到 iPhone 6s 帶來的“玫瑰金”時代以及 iPhone 7 帶來的各種功能及變化,早在 iPhone 之前別的手機廠商也做過類似的改變,只是火不起來。)

而官網的頁面非常簡單又有質感,大黑底,漂亮的亮黑色及雙攝直接撞進人們的視野,整體變得更加的簡潔明瞭,看似內容不多,卻傳達出豐富的資訊。(一句題外話,在作為設計老司機的我的眼裡,最牛逼的設計,就是看起來沒有設計。)

國內廣告語:7,在此。

2017 年,中國紅的 iPhone 7 及 iPhone 7 Plus 上市。這一次,整個頁面好像就是在過農曆新年一樣,一片吉祥的紅。

國內廣告語:現更以紅色呈現。

蘋果引領著科技行業的多個方向,同時也改變著設計行業及廣告行業。作為一個設計老司機,我喜歡蘋果有著千千萬萬實際的理由,蘋果的存在不僅讓我們體驗到了先進的科技,還讓我們感受到了精湛的工藝及絕妙的設計。

07 年到現在,十年間一共上市了幾個型號的 iPhone?突然看到這個問題的你可能要回頭數一數。

是 12 款。今天我們只對過去回憶,不做未來暢想,那麼,過去十年蘋果發佈的這12款 iPhone 都給你帶來什麼樣的回憶,你最喜歡哪一款 iPhone 呢?

本篇文字來自本人主觀大於客觀的隨心撰寫。可以隨便噴,反正我會反擊,哈哈哈哈哈。

最後分享一張個人比較喜歡的,蘋果 iMac 30 周年美國版的紀念頁面。