優(yōu)雅的設(shè)計貫串蘋果所有的產(chǎn)品，也包括網(wǎng)站，不僅蘋果自己的網(wǎng)站，世界上有無數(shù)模仿蘋果的網(wǎng)站設(shè)計，然而是什么構(gòu)成了蘋果式網(wǎng)站設(shè)計風(fēng)格？淺淡的配色，大面積留白，清晰統(tǒng)一的導(dǎo)航，雅致的圖標(biāo)，還有，拒絕使用 Flash，本文分析了 Web 設(shè)計中蘋果風(fēng)的構(gòu)成元素，并提供了大量蘋果風(fēng) Web 設(shè)計案例供大家欣賞。

蘋果風(fēng)構(gòu)成元素
淺色系與微妙的漸變色

留白，留白

清晰明快的字體

產(chǎn)品圖片充滿美感

雅致的圖標(biāo)

干凈整潔的網(wǎng)格布局

清晰，友好，一致的導(dǎo)航

產(chǎn)品功能的介紹結(jié)合非常出色的圖片，視頻

小而清晰的字體

靠明顯的對比效果引起注意

簡潔的指南

不使用 Flash

蘋果風(fēng) Web 設(shè)計欣賞之一：蘋果家族

http://developer.apple.com/

http://store.apple.com/us

http://www.apple.com/mac/

http://www.apple.com/iphone/

http://www.apple.com/support/

蘋果風(fēng) Web 設(shè)計欣賞之二：仿蘋果家族

這是一個非常受歡迎的 Mac 代碼編輯器

http://panic.com/coda/

簡單就是美

http://www.atebits.com/

漂亮的圖標(biāo)貫串始終，對內(nèi)容的組織很有效

http://culturedcode.com/

灰白色系黑漸變，雅致的圖標(biāo)

http://www.macrabbit.com/cssedit/

非常漂亮的產(chǎn)品圖片，蘋果產(chǎn)品圖片

http://twelvesouth.com/

雖然表面上不是很蘋果，但骨子里。BTW，這就是據(jù)說被Mozilla 的一款產(chǎn)品的 UI 所抄襲的設(shè)計 （譯者注）

http://www.metalabdesign.com/

很黑，但仍然很蘋果

http://versionsapp.com/

http://icondock.com/

http://www.acrylicapps.com/times/

深得蘋果精髓的設(shè)計，大產(chǎn)品圖 + 灰白藍(lán)色系 + 大小對比強(qiáng)烈的字體

http://www.billingsapp.com/

http://postage.roguesheep.com/

http://www.bohemiancoding.com/

http://checkoutapp.com/

http://www.nprinting.com/

http://www.postbox-inc.com/

http://icondock.com/

http://invoicemachine.com/

http://icondesigner.net/

http://www.transmissionapps.com/

http://280slides.com/

http://warehouseapp.com/

http://www.pixelmator.com/

http://www.pixelmator.com/

http://macthemes.net/

http://smalltransport.com/

這是 iPhon 產(chǎn)品站點，雖然有些區(qū)別，但蘋果的東西是抹不掉的

http://www.tearoundapp.com/

導(dǎo)航很蘋果

http://tapbots.com/

http://tapbots.com/software/weightbot/

如果你點一下它的導(dǎo)航，會想起蘋果，雖然初看并不像

http://agilewebsolutions.com/

http://www.araelium.com/

http://midnightapps.com/

http://realmacsoftware.com/

http://cocoadevcentral.com/

http://timvandamme.com/

http://cellar-app.com/

本文國際來源：http://www.1stwebdesigner.com/inspiration/apple-inspired-websites-why-design-works/