网易首页 > 网易号 > 正文 申请入驻

思考 苹果设计牛在哪?

0
分享至

  

编辑导语:很多人都对苹果的网站设计赞不绝口,苹果的网站可以说是企业官网的设计中的佼佼者,从图片、广告词、颜色对比等等设计都显得十分的漂亮且直观;本文作者分享了关于苹果管网设计的一些可参考的点,我们一起来看一下。


  对于每个设计师而言,苹果的设计都是非常好的参考,无论界面还是文案都是值得大家学习的地方;今天我们一起来学习下苹果的设计美学,看看苹果的设计是如何引领全行业的,到底好在什么地方?

  一、滚动视差技术的运用


  在苹果官网中有一个运用比较多的效果,就是滚动效果+视差,比如你在滚动的时候会显示一系列的图形,甚至视频,你每次滚动都会发生不一样的变化。


  ▲这种交互方式叫滚动视差,苹果经常使用这种方式展示产品,你每次滚动变化都不一样;这样设计好处是内容很多,但是你浏览起来并不会觉得很疲惫,更不会觉得无聊,看完还有有意犹未尽的感觉。



  ▲在Airpods这款产品中,这个滚动视差效果运用的更加的极致和大胆,整个耳机的展示完全动态化呈现,让你仿佛可以摸到耳机的做工细节。


  ▲最厉害的地方是滚动效果运用在人物身上,从黑色背景过度到白色背景,在黑色背景下你会更关注耳机本身,过度到白色时候效果也很自然;整个滚动效果,就像你拿着一个摄像机对着模特拍摄一样身临其境。


  ▲整个滚动视差效果,将产品的每一个细节呈现在用户面前,虽然国内很多厂家都是模仿苹果这个效果,但是流畅感和细腻都还不如苹果精致,有兴趣的同学可以去苹果官网多多体验。


  ▲iPad的新款页面也是如此,iPad以一个180度的侧面角度逐步的转成正面呈现在用户眼前。


▲然后Pencil这支笔缓缓随着笔触出来,就像看一场大片一样;所以如果今天需要你们去做一个产品网站,想让人印象深刻的话,不如尝试下这种技术。

  二、高清大图的运用


  ▲PC和手机不同,屏幕足够的大,因此你可以选择非常高清有调性的图片来烘托你的产品;清晰的图片能让你感觉到整个产品的质感,给人留下非常强的印象。


  ▲清晰到人物脸上一个斑点,手上的一个细纹,都很好的展示在你面前,这种高清的大图为产品增添了很多光彩,体现了屏幕的高分辨率。



  ▲苹果的图片选择,非常强调环境和人物状态,需要体现出苹果对自然环保意识,体现出苹果的价值观,科技让人们生活更加美好。


  ▲同时还会关爱残疾人士,会考虑这些用户的使用感受,这样的设计让我印象非常深刻。


  ▲苹果的产品照片不仅很漂亮,很清晰,同时使用场景明确;比如这个视频,为了凸显拍摄和剪辑很高清,支持4K 视频,以及超广角摄像头取景范围。



  ▲这个照片则是凸显苹果的全新超广角摄像头,你可以捕捉一望无际的壮丽风景,也可以在和全家人外出度假时,拍张一家老小和所在美景同框的全家福


  ▲在人物的选择上,苹果很好的诠释了苹果的基调;同时如果文字放在图片上,苹果会处理图片四周的环境,使得中心的位置更清晰。将用户的视觉注意力引导到文字上面。


  ▲并且照片和文字很好的融为一体,比如上图,将背景虚化处理,只把人物的脸变的更清晰。很好的和文字「人像,好上相」融为了一体。



  ▲同时苹果的照片会考虑不同肤色人群,模特的选择会考虑全球各个地区的特点;确保符合当地情况的同时,也都是充满了活力和朝气的。

  三、清晰的分割布局


  ▲苹果的官网因为经常更新产品,所以为了保证产品上新的灵活性,采用比较简单的上图下文的布局,这样的布局好处是当你发布新产品时候能快速响应。


  ▲苹果产品页面的布局分割非常清晰,模块感非常强,要么通过色彩进行分割,要么通过大的留白来区分产品。


  ▲基本不会出现非常复杂的布局,都是采用上图下文,或者左图右文,右图左文的方式。

  四、感动的细节


  ▲在苹果WWDC的页面设计中,每当你刷新这个页面展示的emoji表情都会不一样。


  ▲包括电脑后面的贴纸都会有变化,苹果将这种设计细节运用到了很多产品设计,比如iPhone上的时钟会动态变化,日期也会变化等等。



  ▲还有动态的效果,比如air发布时候的海报设计,动态的LOGO以及苹果pencil的笔触效果,这些感动的细节,都体现着苹果对于设计的追求。


  ▲包括每次发布会的海报,都隐藏着苹果发布产品的几大奥秘,比如这个海报,有媒体说代表着苹果会发布4款iPhone,屏幕一个比一个大。


  ▲9月15的发布会海报,通过这种动态的LOGO推出了新款的iPad,产品和海报隐喻的非常到位。


  苹果的历届发布会,都是很花心思在设计里面,巧妙的将创意和产品进行结合。

  五、可视化的设计


  ▲苹果的产品介绍,因为有大量的文字,很容易让用户忽略掉重点信息,所以苹果在设计时候,经常使用可视化表达方式,将重点的信息通过图形;或者信息可视化图标,让用户更好的感知到产品关键参数。


  ▲同时苹果会使用比较字重粗切大的字体,这样信息对比会更加强烈。



  ▲同时很多页面会采用这种图表,对比的方式去排版,这种大胆的设计也让用户更好的与旧产品进行对比,更好做设计决策。


  ▲这种可视化的设计,让页面展示清晰的同时,也能增加用户购买的转化。


  ▲同时图形化的表达,也比文字能更好的传递内容信息本身。再结合苹果的高质量产品图片,你会觉得整个产品充满了魅力。

  六、写在结尾

  苹果在官网的投资资源是巨大的,苹果官网也是全世界最大的电商网站;它的访问速度和效果也是全世界最流畅的,即使是这么多国家的支持,他们也可以做到千人千面精细化的管理;可以说是互联网「网页教科书」的存在。

  如果你也做网页,没有灵感一定要多去刷刷苹果的网站。

  #专栏作家#

  Sky,微信公众号:我们的设计日记(ID:helloskys),人人都是产品经理专栏作家。原支付宝体验设计专家,阿里巴巴天猫设计专家;10年知名互联网公司设计经验,对于产品从0到1、品牌定位、金融产品、设计规范、运营规范、大促等有丰富实战经验。

  本文原创发布于人人都是产品经理,未经许可,禁止转载。

  题图来自 Unsplash,基于 CC0 协议

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

相关推荐
热点推荐

就当着全球面前!王毅向美发出雷霆警告态度鲜明,火速引爆世界

肖战热爱可抵岁月漫长
2021-02-27 12:15:35

7天蒸发1400亿,中国首富跌出全球前十,许家印逆势回归

灰鸽观察室
2021-02-27 03:10:02

歌手陈红老公出轨沈星,被警察带走后大喊:我为她花了一千多万

五美吟
2021-02-25 21:41:49

浙江女子与46岁男子相亲,过完情人节就分手:连扫码买单都不会!

彬彬有礼的猫咪
2021-02-27 09:21:29

比越南虚伪?骗中国疫苗落空,这国转身拥抱印度,送莫迪几亿大单

霹雳火军事
2021-02-26 17:38:15

李泽楷和梁洛施分手内幕曝光,知情人:她不是一个有钱就满足的人

娱乐团长
2021-02-27 21:18:32

正月十七“打小人”,记住“吃1食做6事”,寓意得财得利保平安

水墨尚食
2021-02-27 14:32:50

一旦爆发冲突,歼20等上千架战机都要被击落?俄一句话戳破牛皮

紫龙防务观察
2021-02-26 16:48:28

真的牛吗?跑者徒步29公里画出一头牛被罚

搜狐跑步
2021-02-27 14:57:24

3月起,电动车开始严查4禁,违规上路一律查扣最高罚款2000元

新车热榜
2021-02-26 20:50:56

“错换人生”28年后,难以归位的母与子

剥洋葱people
2021-02-27 13:29:47

爆笑:典型的伤害不大,污辱性极强的案例!哈哈哈哈~

上海圈
2021-02-27 11:03:53

美国成人电影界的幕后故事:大咖云集,看看都有谁!

漫慢电影
2021-02-27 17:33:21

马思纯胖成韩红,宽度堪比两个薇娅

全娱乐早扒点
2021-02-25 21:57:29

张小斐成芒果台元宵晚会最大看点,她出场表演收视率飙升第二

温翔话娱
2021-02-26 22:47:54

吴孟达病逝群星哀悼,周润发朱茵难过不舍,星爷关机独自悲伤

开开森森
2021-02-27 19:48:19

普京“最坏准备”话音刚落,美本土就升起一枚核弹,西飞数千公里

前沿时刻
2021-02-27 19:43:51

四十万的外观,十万的颜值,这网红车真不值这个价

球叔教你买车
2021-02-27 11:26:25

拜登捅了大篓子!首次动武就遭痛击,四国表态,一艘货船爆炸

君清奇趣
2021-02-27 15:29:57

岳云鹏晒元宵节汤圆,网友:不出意外,汤圆和饺子都是一个口味

黑猫小厨
2021-02-27 16:23:35
2021-02-27 22:01:06
人人都是产品经理社区
人人都是产品经理社区
想要成为大牛先从学做产品开始
50045文章数 274798关注度
往期回顾 全部

手机要闻

华为P50系列全系标配IMX800 5000万像素1英寸大底

头条要闻

达叔走好!曾被杜琪峰骂"烂泥" 最难忘与周爷分吃罐头

头条要闻

达叔走好!曾被杜琪峰骂"烂泥" 最难忘与周爷分吃罐头

体育要闻

詹皇填满数据栏 施罗德回归湖人赢球

娱乐要闻

吴孟达去世 昔日照片都是开心大笑

财经要闻

科技要闻

造出16万元特斯拉?马斯克押注"无钴高镍"

汽车要闻

目前最快的硬派越野车 路虎卫士发布V8车型

态度原创

艺术
家居
旅游
游戏
军事航空

艺术要闻

金钱的艺术:美第奇的艺术野心!

家居要闻

日本大叔月薪3万却住二手房车 用6块钱的炉子做饭

旅游要闻

3月,这13处地方的风光将惊艳中国

《怪物猎人 崛起》公布游戏预购特典护石效果

军事要闻

美军侦察机今日逼近广东海岸侦察