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

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

留白，留白

清晰明快的字体

产品图片充满美感

雅致的图标

干净整洁的网格布局

清晰，友好，一致的导航

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

小而清晰的字体

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

简洁的指南

不使用 Flash

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

//developer.apple.com/

//store.apple.com/us

//www.apple.com/mac/

//www.apple.com/iphone/

//www.apple.com/support/

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

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

//panic.com/coda/

简单就是美

//www.atebits.com/

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

//culturedcode.com/

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

//www.macrabbit.com/cssedit/

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

//twelvesouth.com/

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

//www.metalabdesign.com/

很黑，但仍然很苹果

//versionsapp.com/

//icondock.com/

//www.acrylicapps.com/times/

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

//www.billingsapp.com/

//postage.roguesheep.com/

//www.bohemiancoding.com/

//checkoutapp.com/

//www.nprinting.com/

//www.postbox-inc.com/

//icondock.com/

//invoicemachine.com/

//icondesigner.net/

//www.transmissionapps.com/

//280slides.com/

//warehouseapp.com/

//www.pixelmator.com/

//www.pixelmator.com/

//macthemes.net/

//smalltransport.com/

这是 iPhon 产品站点，虽然有些区别，但苹果的东西是抹不掉的

//www.tearoundapp.com/

导航很苹果

//tapbots.com/

//tapbots.com/software/weightbot/

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

//agilewebsolutions.com/

//www.araelium.com/

//midnightapps.com/

//realmacsoftware.com/

//cocoadevcentral.com/

//timvandamme.com/

//cellar-app.com/

本文国际来源：//www.1stwebdesigner.com/inspiration/apple-ins🔴pired-websites-why-design-works/