优雅的设计贯串苹果所有的产品，也包括网站，不仅苹果自己的网站，世界上有无数模仿苹果的网站设计，然而是什么构成了苹果式网站设计风格？浅淡的配色，大面积留白，清晰统一的导航，雅致的图标，还有，拒绝使用 Flash，本文分析了 Web 设计中苹果风的构成元素，并提供了大量苹果风 Web 设计案例供大家欣赏。

苹果风构成元素
浅色系与微妙的渐变色

留白，留白

清晰明快的字体

产品图片充满美感

雅致的图标

干净整洁的网格布局

清晰，友好，一致的导航

产品功能的介绍结合非常出色的图片，视频

小而清晰的字体

靠明显的对比效果引起注意

简洁的指南

不使用 Flash

苹果风 Web 设计欣赏之一：苹果家族

http://developer.apple.com/

http://store.apple.com/us

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

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

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

苹果风 Web 设计欣赏之二：仿苹果家族

这是一个非常受欢迎的 Mac 代码编辑器

http://panic.com/coda/

简单就是美

http://www.atebits.com/

漂亮的图标贯串始终，对内容的组织很有效

http://culturedcode.com/

灰白色系黑渐变，雅致的图标

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

非常漂亮的产品图片，苹果产品图片

http://twelvesouth.com/

虽然表面上不是很苹果，但骨子里。BTW，这就是据说被Mozilla 的一款产品的 UI 所抄袭的设计 （译者注）

http://www.metalabdesign.com/

很黑，但仍然很苹果

http://versionsapp.com/

http://icondock.com/

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

深得苹果精髓的设计，大产品图 + 灰白蓝色系 + 大小对比强烈的字体

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 产品站点，虽然有些区别，但苹果的东西是抹不掉的

http://www.tearoundapp.com/

导航很苹果

http://tapbots.com/

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

如果你点一下它的导航，会想起苹果，虽然初看并不像

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/