bv1946伟德体育-体育betvictro伟德

bv1946伟德体育视点
bv1946伟德体育>bv1946伟德体育视点>为什么说 Apple 的策划是魔鬼:网页篇
为什么说 Apple 的策划是魔鬼:网页篇
发表时间:2020-07-10

Apple 致力于让每件产品都赏心悦目,与其说官网是产品找子 酒教ǎ共蝗缢邓莂pple产品分支的延续。


我相信,从 Apple.com 找策划灵感是每一位策划师都做过的事。那它到底有何魅力?跟我来一探究竟吧。


沉浸与交互式体味


每当有新产品发布时,吾们都会被它的 Landing page 所care到。

不管是 AirPods Pro 也好,和上段时间发布的 iPad Pro 也一样。


这背下是 Apple 基于 webGL 技术实现 ,制造的一种沉浸与交互式产品体味。


1. 连续性


吾们在产品介绍页可以看到,apple使用了大量的滚动 scroll 来体现连续性。

一关键,滚动作为大多数 Web 用户最自然的操作,进修底极低。

另一关键,在冗长的页面下,滚动能让产品特性保持更自然的转场衔接。


△ iPad Pro 的连续性



2. 趣味性


其余,采取应用了大量的动画式转换(animated transition),即操作时找子 镜南 成果,以此来增加趣味性。

伴随着丰富的、若隐若显的章节文案,就像电影的旁白一样,娓娓道来。

通过滚动的方式增加交互性,这是明智之举。试想一下,如果只放置已渲染的演示视频,

so用户的操作会受到限制,只能在视频中上进或下退,毫无乐趣可言。



△ AirPods 的趣味性



言之有序


1. 秩序感


说到言之有序,吾们看 iPad 的页面介绍。四款产品,分别是:iPad Pro、iPad Air、iPad、iPad mini。

拍摄角度的秩序感,可谓妙不可言。



△ iPad 的秩序感



  • iPad Pro 的拍摄角度接近于正侧面。
  • iPad Air 是四分之三侧面。
  • iPad 是正面。
  • iPad mini 是俯视。

如此一来,既显得有序,也不会导致视觉疲劳。


2. 策划语言


再者,官网与 iOS 保持协同的策划语言,给用户呈现了一致的器官感受体味。

从 iOS 11 开始,apple就采取应用了 Large Title 大标题的字体性状style。字重也从 Regular + Light 的组合,

转向的 Medium + Bold ,以此增强信息传播中的识别力。



△ HomePod



其余,高斯模糊的标题栏背下、产品的投影等策划语言也保持系统一贯的性状style。吾们可以很清晰地看到 Web 策划的同步转变。


层次


1. 视差


第三是视差带来的 跳跃感。

apple奉行包豪斯的无点缀和极简的愿景。易于 这般,它不是那种附庸的美观及外表的光鲜,

而是将复杂难懂的 技术实现 以简洁的形式传达给用户。



△ Mac Pro 视差滚动




在信息层次关键,Apple 的编排策划由浅入深,犹如抽丝剥茧。很好地利用了视差滚动,传达图片与文字之间「层」的概念。

这种深度感可以增加用户的理解和乐趣。


2. 视觉张力


除此以外 ,样式上富有视觉张力。或扩张、或收缩、或care到、或排斥之感觉,呈现刺激与震撼。举两个例子:



△ A13芯片的扩张力



扩张力:整个画面以 A13 芯片为视觉主题点,圆素和计划围绕这个视觉主题点向外扩张。

采取应用发散式的视觉引导,视觉张力就出现了,让人感觉巍峨壮观。



△ Pro级摄像头的排斥力


排斥力:通过圆素的大小对比,可以形成一定强度的视觉排斥力。Pro 级摄像头辅以大特写,传达容量意识。视觉上被其构图、美感触动。


高等级感

再聊聊apple的高等级感是怎么来的?



1. 视觉降噪


吾们都知道,高饱和度的色彩,会影响人的情绪波动。相悖,低饱和度的配色

对人眼的刺激较弱,会有一种冷静且克制的高等级感。




△ iMac Pro 高等级感



回过头来看apple官网的大部分页面,除了产品界面色彩和按钮栏之外,其他的文字、背下、控件一律采取应用黑白灰色系,以此营造高等级感。

甚至是 iPhone 11 Pro 新出的暗夜绿,也是高等级灰中加了一点点绿而已。

换言之,减少使用颜色的数量,降低色彩的饱和度都能削减色彩对人的情绪,起到提升产品高等级感的成果。




△ iPad 留白



除这以外,恰当的留白可以更好突出产品始末,让要紧的信息更准确地传达。并且能营造出广阔的容量感,让画面得到延伸,呈现一种意境美。

以是吾们做策划时应当多做减法,避免无意义的视觉圆素堆砌,反而能让您的策划更有高等级的气质。

这又印证了现代主义建筑大师密斯·凡德罗的那句话:Less Is More。


2. 配图


易于 这般,只有留白是不够的。既然是做宣传,so一份高分辨率、精致的配图就显得尤为要紧。

apple官网大部分的产品都是采取应用实拍+下期修图,而非渲染图。

鹄的就是为了反映真实产品的质感、以及材质光影成果,这一点能看到apple对于品味的极致追求。





△ Designed by Apple in California



除此以外 ,apple产品圣经《Designed by Apple in California》,以及蒂纸同样是由摄影师拍摄完成。

有兴趣的同学可以看下面这个幕下制作视频,相当硬核。




△ apple蒂纸制作幕下


3. apple式文案


做过英文 Web 的策划师都知道,英文往往比中文更好策划,同样的计划英文出来的成果也更好看。

这不是崇洋媚外,心理学有个词叫做「母语羞涩」。easy来说就是,中文对于吾们来说,

太常见了会让人产生一种廉价感(就现实来说是羞涩感)的心理感受。

老外也一样,您可以看到美国集团:apple、麦当劳、猩贤克都是使用图形 品牌刺绣,

而日本集团不用母语,而是用英文,譬喻 SONY、TOYOTA、Canon。




△ 您的下一台电脑,何必是电脑。


回到apple官网,吾们看到一部分文案是英文产品名称,这个不会感觉羞涩。


那中文部分怎么办呢?比较有意思的是,Apple 的本土化TEAM用了完全不对仗但押韵、奇怪的排比、双关、重复等修辞手法。

虽然语感很差,但基本上能明白字面意思。


莫过于这样做的鹄的就是为了制造一种陌生感、一种奇特的语言性状style,来凸直营气质。举几个例子:

  • 重复:譬喻说 iPad Pro「您的下一台电脑,何必是电脑。」
  • 双关:譬喻说 Apple Watch 的「它会时时关心您的心。」
  • 排比:譬喻说 iMac 的「从极速,到神速,任您提速。」
  • 押韵:譬喻说零配件的「可重复充电,又可圈可点。」
  • 对比:譬喻说 iPad mini 的「身量小,能量大。」

4. 仪式感


末了一点。生活要有仪式感,apple官网也有仪式感。




△ 万国妇女节专题



在一些特殊的日子里, 诸如三八节当天,友商决定打广告促销。而apple推出了万国妇女节专题,致敬女性的伟大,这一做法颇具人文情怀。







XML 地图 | Sitemap 地图