日期:2013-06-16  浏览次数:20721 次

文章描述:我认为apple.com在内容组织、页面版式、交互设计层面没有特别独到之处,纯粹用户界面层次真正把apple的基因发挥到了机制。

以前听同行讲过一次apple.com,在他眼里apple.com就是丰碑,基本没有不好。任何哲学的理论和术语都可以往它身上套,几乎就是成就与完满的化身。这问题我觉得需求拆解分层次的看,任何有特...

以前听同行讲过一次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风格;其二,软硬件产品风格和基调统一。前者只是网站设计层面的技术活,而后者则贯穿整个公司战略的产品体系。