蘋果網(wǎng)站的特點(diǎn)

作者:
2011-08-03
7765

以前聽同行講過一次apple.com,在他眼里apple.com就是豐碑,基本沒有不好。任何哲學(xué)的理論和術(shù)語都可以往它身上套,簡直就是成就與完美的化身。這問題我覺得需要拆解分層次的看,任何有特點(diǎn)的設(shè)計必然有其優(yōu)勢,也有其局限性。

我認(rèn)為講apple.com很有特點(diǎn)可能更合適,因為“特點(diǎn)”只是個中性詞。關(guān)鍵它把特點(diǎn)表現(xiàn)的恰到好處,特別符合apple應(yīng)有的“范兒”。比如占據(jù)一屏極具沖擊力的大照片,讓期待已久的粉絲們特別滿足。與我欣賞的另外個網(wǎng)站muji.net相比,同樣走簡潔路線,apple就顯得“大條”了些。毫不掩飾的講,我更中意muji.net更精細(xì)化的路數(shù)。

仔細(xì)看過iphone 4專題,不緊不慢的告訴用戶怎么怎么好,可以耐心的搞幾十個頁面、上百張圖片分別說功能。而且還藏挺深,不像很多中文網(wǎng)站,有點(diǎn)好東西恨不得全部放首頁上。我相信絕大多數(shù)iphone 4的用戶都沒看過這些內(nèi)容,但如果你真有興趣去找,至少可以看半小時。文案上也下了很多功夫,用戶順其自然就被引導(dǎo)過去了。內(nèi)容組織很好,層次清晰主次分明,給用戶的感覺是條理特別清楚。不過,這點(diǎn)并不算apple.com多大優(yōu)勢,因為歐美網(wǎng)站普遍都以內(nèi)容組織見長。

而在版式角度,apple.com布局中規(guī)中矩,普通到讓我感覺很單調(diào)。具體布局也是一個個模塊的平鋪,一行三個四個五個的羅列。如果不是照片出彩,整張頁面會非常普通。我一向不喜歡此類橫向單列布局的頁面設(shè)計,這種版式很難做出效果,也沒有往下引導(dǎo)的感覺。模塊細(xì)節(jié)多采用圓角,我想是用于配合圓弧形的logo標(biāo)識。

為測試購買,還在store上下單買過iphone 4。從apple.com首頁進(jìn)去,單是購買流程需要點(diǎn)擊13次,然后才進(jìn)入跨域的在線支付。在易用以及門檻角度,真一點(diǎn)都不簡單,與中文電子商務(wù)網(wǎng)站一味簡單迅速的要求完全相反。此特點(diǎn)也是歐美網(wǎng)站的共性,這個流程直接翻譯過來,對中國用戶來說門檻太高。

知乎上有人問“能學(xué)到哪些網(wǎng)頁設(shè)計的重要原則和啟發(fā)?”我認(rèn)為蘋果網(wǎng)站(apple.com)最值得學(xué)習(xí)的是頂部主導(dǎo)航,其組織、模式、代碼都很考究,精雕細(xì)琢并且用了好多年。比如導(dǎo)航條目有“默認(rèn)、當(dāng)前、觸發(fā)、按下”四種表現(xiàn)狀態(tài),較差的導(dǎo)航不區(qū)分“當(dāng)前”和“觸發(fā)”狀態(tài),而后來加的“按下”更具動感。再比如動態(tài)擴(kuò)展搜索,點(diǎn)擊后自動擴(kuò)長并提高對比度,還是挺合理的,這個應(yīng)該是今年才改的。

總結(jié)起來,我認(rèn)為apple.com在內(nèi)容組織、頁面版式、交互設(shè)計層面沒有特別獨(dú)到之處,純粹用戶界面層次真正把a(bǔ)pple的基因發(fā)揮到了機(jī)制。再在宏觀角度來講,我認(rèn)為“灰色調(diào)、圓角、陰影、大圖”這些所謂的簡潔都不算重要,apple.com最難能可貴的有兩點(diǎn)。其一,從任何頁面打開都能一眼看出這就是apple風(fēng)格;其二,軟硬件產(chǎn)品風(fēng)格和基調(diào)統(tǒng)一。前者只是網(wǎng)站設(shè)計層面的技術(shù)活,而后者則貫穿整個公司戰(zhàn)略產(chǎn)品體系。

0
6
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

版權(quán)信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號