为什么苹果官网的设计如此吸引人?
在企业官网的设计中,没有人比苹果(Apple)更懂得如何漂亮直观的在页面上展示宣传自己的产品。
苹果的网页设计从图片选取、广告词、主页栏以及白色的背景等编排设计,依旧继承了它在产品研发中追求细节的极致作风。在我们浏览其它企业官方的页面时,你会很感概为什么在浏览这些企业的页面时会充满令人心烦意乱的感受?比如:繁杂的产品系列菜单让你的鼠标不知所措的该放在哪儿、低分辨率的劣质照片让你无法感觉到视觉美的享受,与产品不相符的被吹得天花乱坠的广告词等等。我敢说当你浏览苹果的官网后,你会被里面硕大的高分辨率精美图片以及写实的华丽产品介绍词等从内心由衷赞叹苹果的设计品位。
那么苹果是如何做到这些的呢?
突出重点
首页不轻易添加新产品“分栏”,精简的页面让人一目了然,没有一点模糊概念。而其他企业的做法就是“越多越好”,恨不得将所有的产品信息填满整个角落,完全不考虑用户浏览的感受。加上臃肿杂乱的产品系列分级栏,你都搞不清楚这些产品之间到底存在什么区别。反观苹果即使让一个门外汉来,也能弄清每个产品之间的不同点在哪里。
浏览产品图片时,会有一个专门的 Gallery。打开这个图库除了精美的各视角产品图片,不带任何修饰和广告。页面呈现出一种纯白的干净,让你全心投入欣赏照片。
今年 Steve Jobs 的一周年纪念黑白视频,就是一段去除装饰重归简约层次分明的设计。只有分清什么是重要与不重要的才知道什么才是你该摆放的重点。
优美的精准用词
说实话,我很怀疑苹果的产品介绍宣传语,是由一些文艺界的文人学者操刀完成。如:形容 iPhone 5 全新设计的标语:“更薄,更轻的设计。多了更多,少了不少。”形容最新 iMac 一体机的标语:“以极限突破极限”。每个用词都与产品高度贴切相符,漂亮的产品与优美的文字相结合造就了苹果在广告上独有的大胆文艺风格。
这种能激起你大脑中荷尔蒙的优美用词,让你浑身似乎都被 Apple 牵引着。
除了表现尽善尽美的产品之外,如何配上一段动人心弦的文字描述也是决定品牌在用户心目中的地位,这就取决于一家企业文化的 DNA。
对称的美学排版
浏览苹果官网时,你会发现不管是每个产品里的 Myriad Set 字体居中还是正文、图片等它们之间的摆放被排列得错落整齐,一眼看上去令人非常清晰舒服。加之每段文字配上一张高清的图片使得整体页面看起来感觉非常棒,这种“棒”不是体现在外在的惊叫中而是在内心,美的东西永远首先从内心开始。
还有一个细节就是每浏览到一个子功能介绍时,下拉菜单刚好到那个位置,整体信息不偏不倚。如果再进入到下一个子功能介绍也同样依次循环。这种特意的编排设计不易被人察觉,但让浏览的人感觉它的整体感非常美。
总结
很少有企业能搞懂官网该怎么设计才显得更美并打动用户,这种从外到内的设计不是靠抢眼的低价广告促销、也不是密密麻麻的产品介绍更不是杂乱无章的绚丽界面设计,而是搞明白什么是重点、什么是次要的,去除次要的留出重要。
这就是为什么苹果首页永远只放一张图片做重点平铺,“一”就是 Apple 的推销产品的作风,你只需要一个让用户记住了,剩下的随之而来。
本文地址:http://tuquu.com/tutorial/di1282.html
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化











