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

标签: 观点 设计,苹果 | 发表时间:2012-11-03 23:53 | 作者:周鑫磊
出处:http://www.ifanr.com

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

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

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

突出重点

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

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

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

优美的精准用词

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

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

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

对称的美学排版

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

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

总结

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

 

文中图片为作者绘制

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


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


相关 [苹果 官网 设计] 推荐:

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

- - 爱范儿 · Beats of Bits
我敢打包票,在企业官网的设计中,没有人比苹果(Apple)更懂得如何漂亮直观的在页面上展示宣传自己的产品. 苹果的网页设计从图片选取、广告词、主页栏以及白色的背景等编排设计,依旧继承了它在产品研发中追求细节的极致作风. 在我们浏览其它企业官方的页面时,你会很感概为什么在浏览这些企业的页面时会充满令人心烦意乱的感受.

苹果iPad视觉设计分析

- 小猪 - 月光博客
  大部分的用户都并非对体验与设计有深入研究,而是从“看着舒服、用着好用”的角度来衡量一款产品,据笔者观察一些网页设计与数码设计,发现两者之间有着异曲同工之妙,他们对用户的研究、设计发展趋势几乎是共通的,例如苹果著名的COVERFLOW,和网站设计首页焦点图展示的效果. 因此,我们常提的CROSSOVER思维可以用上了,互联网与传统数码的视觉设计与交互体验可互为灵感参考.

苹果iPhone 4s中文官网站点上线

- David - cnBeta.COM
经过短暂的更新后(这次没有离线仅仅是出现了页面错乱),苹果iPhone 4s站点已经上线. 在发布会后我们可以从这里进一步了解到有关iPhone 4s的最新信息.

苹果iPad 2翻新机官网降价 16GB最低2650元

- - cnBeta.COM
近日苹果对官网在售的iPad 2翻新机的价格进行了调整,其中涉及型号包括了iPad 2 16GB WiFi版、iPad 2 16GB WiFi+3G版以及iPad 64GB WiFi+3G版. 其中, iPad 2 16GB WiFi版和3G版(黑、白两色)翻新机售价分别为419美元(折合人民币2650元)和549美金(人民币3480元),均比新品便宜80美元,而 iPad 64GB WiFi+3G版价格是499美元(约合人民币3160元).

专访苹果首席设计师 Ive: 苹果的简单不是简单

- - 所有文章 - UCD大社区
苹果首席设计师Jonathan Ive昨天接受了英国  Telegraph 的访问,叙述了他与苹果公司,他与苹果产品的一段不解之缘. Ive 从1992年进入苹果加利佛尼亚工作,1997年开始正式负责苹果设计,iPod, iPhone, iPad 都出自他和他的团队之手. 1.苹果的设计流淌着英国的血液.

苹果的iCloud图标基于黄金比例设计

- xbin999 - 36氪
从毕达哥拉斯到达伦阿罗诺夫斯盖,黄金比例已经有非常久远的历史,去年9月Twitter推出新版时,我们曾报道过新版页面是基于黄金比例设计,而这次苹果在WWDC上推出的云服务iCloud的图标,日本的一个设计师发现,也是基于黄金比例设计. 原始的很有金属感的看起来像云一样的图标,其实是由4个圆圈组成的:.

『设计』把苹果设备都架起来!

- 牛牛大人 - 爱范儿 · Beats of Bits
如果你有超过 2 个以上苹果设备,经常可能遇到设备摆得乱七八糟,一堆数据线纠缠在一起的状况,非常不方便. 19 岁的 Andrew Kim 是洛杉矶美国艺术中心设计学院的学生,他的巧思妙想会解决这个问题. 在“两周快速项目”中,他设计了这款名为“polyply”的产品. 这款支架可以容纳一个 iPad、一个 iPod Classic、一部 iPhone 4 和一支笔.

苹果获得中国店铺设计专利

- littlepush - Solidot
2个月前昆明发现了高仿苹果零售店. 与真的苹果零售店相比,高仿店在店铺布局和外观上模仿的惟妙惟肖,乍一看难分真假. 但现在,它们可能要注意了,因为苹果已经在中国获得了店铺设计专利. 中国国家知识产权局公布了苹果注册的多项专利(检索申请人“苹果”),其中一项为建筑物专利,申请号“CN201130001575.2(截图)”,发明人包括了乔布斯.

苹果设计师的博客收集汇总

- kongshanzhanglao - Starming星光社最新更新
苹果apple产品最让人喜欢的就是它的用户体验和设计,我从网上看到一篇帖子收集了这些离职和在职的牛逼的苹果设计师们. Rich Dellinger:原Palm主设计师,现苹果资深UI设计 http://www.richd.com/. Louie Mantia:原Iconfactory设计师 http://www.mantia.me/.

苹果iPod设计及商业操作内幕

- Calvin998 - 《程序员》杂志官网
文 / Bill Buxton. 1996年12月20日,苹果公司宣布准备收购NeXT公司,1997年2月4日以四亿两千七百万美元的收购价格成交. 此次收购,苹果公司至少有两项获益,首先他们获得了能为下一代操作系统提供帮助的技术,其次苹果公司获得了NeXT公司的创始人之一史蒂夫·乔布斯. 当时苹果公司正处于困境,市场份额不断下降,股票价格处于12年来最低谷,已经到了危急关头.