为什么苹果官网设计看上去这么美？

我敢打包票，在企业官网的设计中，没有人比苹果（Apple）更懂得如何漂亮直观的在页面上展示宣传自己的产品。

苹果的网页设计从图片选取、广告词、主页栏以及白色的背景等编排设计，依旧继承了它在产品研发中追求细节的极致作风。在我们浏览其它企业官方的页面时，你会很感概为什么在浏览这些企业的页面时会充满令人心烦意乱的感受？比如：繁杂的产品系列菜单让你的鼠标不知所措的该放在哪儿、低分辨率的劣质照片让你无法感觉到视觉美的享受，与产品不相符的被吹得天花乱坠的广告词等等。我敢说当你浏览苹果的官网后你会被里面硕大的高分辨率精美图片以及写实的华丽产品介绍词等从内心由衷赞叹苹果的设计品位。

那么苹果是如何做到这些的呢？

突出重点

首页不轻易添加新产品“分栏”，精简的页面让人一目了然，没有一点模糊概念。而其他企业的做法就是“越多越好”，恨不得将所有的产品信息填满整个角落，完全不考虑用户浏览的感受。加上臃肿杂乱的产品系列分级栏，你都搞不清楚这些产品之间到底存在什么区别。反观苹果即使让一个门外汉来，也能弄清每个产品之间的不同点在哪里。

浏览产品图片时，会有一个专门的 Gallery。打开这个图库除了精美的各视角产品图片，不带任何修饰和广告。页面呈现出一种纯白的干净，让你全心投入欣赏照片。

今年 Steve Jobs 的一周年纪念黑白视频，就是一段去除装饰重归简约层次分明的设计。只有分清什么是重要与不重要的才知道什么才是你该摆放的重点。

优美的精准用词

说实话，我很怀疑苹果的产品介绍宣传语，是由一些文艺界的文人学者操刀完成。如：形容 iPhone 5 全新设计的标语：“更薄，更轻的设计。多了更多，少了不少。”形容最新 iMac 一体机的标语：“以极限突破极限”。每个用词都与产品高度贴切相符，漂亮的产品与优美的文字相结合造就了苹果在广告上独有的大胆文艺风格。

这种能激起你大脑中荷尔蒙的优美用词，让你浑身似乎都被 Apple 牵引着。

除了表现尽善尽美的产品之外，如何配上一段动人心弦的文字描述也是决定品牌在用户心目中的地位，这就取决于一家企业文化中的 DNA 反应。

对称的美学排版

浏览苹果官网时，你会发现不管是每个产品里加粗的 Helvetica 字体居中还是正文、图片等它们之间的摆放被排列得错落整齐，一眼看上去令人非常清晰舒服。加之每段文字配上一张高清的图片使得整体页面看起来感觉非常棒，这种“棒”不是体现在外在的惊叫中而是在内心，美的东西永远首先从内心开始。

还有一个细节就是每浏览到一个子功能介绍时，下拉菜单刚好到那个位置，整体信息不偏不倚。如果再进入到下一个子功能介绍也同样依次循环。这种特意的编排设计不易被人察觉，但让浏览的人感觉它的整体感非常美。

总结

很少有企业能搞懂官网该怎么设计才显得更美并打动用户，这种从外到内的设计不是靠抢眼的低价广告促销、也不是密密麻麻的产品介绍更不是杂乱无章的绚丽界面设计，而是搞明白什么是重点、什么是次要的，去除次要的留出重要。这就是为什么苹果首页永远只放一张图片做重点平铺，“一”就是 Apple 的推销产品的作风，你只需要一个让用户记住了，剩下的随之而来。

文中图片为作者绘制

爱范儿 · Beats of Bits | 原文链接 · 查看评论 · 新浪微博 · 订阅全文 · 微信订阅 · 加入爱范社区！

周鑫磊

我「喜欢活在人文和科技的交叉点上」。

邮箱