苹果网站的特点

以前听同行讲过一次apple.com，在他眼里apple.com就是丰碑，基本没有不好。任何哲学的理论和术语都可以往它身上套，简直就是成就与完美的化身。这问题我觉得需要拆解分层次的看，任何有特点的设计必然有其优势，也有其局限性。

我认为讲apple.com很有特点可能更合适，因为“特点”只是个中性词。关键它把特点表现的恰到好处，特别符合apple应有的“范儿”。比如占据一屏极具冲击力的大照片，让期待已久的粉丝们特别满足。与我欣赏的另外个网站muji.net相比，同样走简洁路线，apple就显得“大条”了些。毫不掩饰的讲，我更中意muji.net更精细化的路数。

仔细看过iphone 4专题，不紧不慢的告诉用户怎么怎么好，可以耐心的搞几十个页面、上百张图片分别说功能。而且还藏挺深，不像很多中文网站，有点好东西恨不得全部放首页上。我相信绝大多数iphone 4的用户都没看过这些内容，但如果你真有兴趣去找，至少可以看半小时。文案上也下了很多功夫，用户顺其自然就被引导过去了。内容组织很好，层次清晰主次分明，给用户的感觉是条理特别清楚。不过，这点并不算apple.com多大优势，因为欧美网站普遍都以内容组织见长。

而在版式角度，apple.com布局中规中矩，普通到让我感觉很单调。具体布局也是一个个模块的平铺，一行三个四个五个的罗列。如果不是照片出彩，整张页面会非常普通。我一向不喜欢此类横向单列布局的页面设计，这种版式很难做出效果，也没有往下引导的感觉。模块细节多采用圆角，我想是用于配合圆弧形的logo标识。

为测试购买，还在store上下单买过iphone 4。从apple.com首页进去，单是购买流程需要点击13次，然后才进入跨域的在线支付。在易用以及门槛角度，真一点都不简单，与中文电子商务网站一味简单迅速的要求完全相反。此特点也是欧美网站的共性，这个流程直接翻译过来，对中国用户来说门槛太高。

知乎上有人问“能学到哪些网页设计的重要原则和启发？”我认为苹果网站(apple.com)最值得学习的是顶部主导航，其组织、模式、代码都很考究，精雕细琢并且用了好多年。比如导航条目有“默认、当前、触发、按下”四种表现状态，较差的导航不区分“当前”和“触发”状态，而后来加的“按下”更具动感。再比如动态扩展搜索，点击后自动扩长并提高对比度，还是挺合理的，这个应该是今年才改的。

总结起来，我认为apple.com在内容组织、页面版式、交互设计层面没有特别独到之处，纯粹用户界面层次真正把apple的基因发挥到了机制。再在宏观角度来讲，我认为“灰色调、圆角、阴影、大图”这些所谓的简洁都不算重要，apple.com最难能可贵的有两点。其一，从任何页面打开都能一眼看出这就是apple风格；其二，软硬件产品风格和基调统一。前者只是网站设计层面的技术活，而后者则贯穿整个公司战略产品体系。

源地址：http://blog.rexsong.com/?p=13944