无论何时,只要一有新产品,我们就会被它的andingpage吸引。无论是AirPodsPro还是之前发布的iPadPro,都是如此。在此基础上,Apple基于webGL技术,创建了一个沉浸式、互动的产品体验。
1.连续性
从产品简介页面可以看出,Apple使用了许多滚动scroll以体现其连续性。
首先,滚动条是大多数Web用户zui的自然操作,学习成本非常低。
相反,在冗长的页面下,滚动条可以使产品功能的转场连接更加自然。
2.有趣的事
此外,使用了大量动画式的转换(animatedtransition),也就是在操作时显示动态效果,以增加乐趣。
随之而来的是,如果隐现的章节文字,就像电影中的旁白,一气呵成。很明智的做法是通过滚动来增加交互。想象一下,如果只放置一个渲染的演示视频,用户的操作将受到限制,并且只能向前或向后播放视频,毫无乐趣。
感觉次序
谈到说话顺序,我们来看一下iPad的页面。其中有四款产品:iPadPro、iPadAir、iPad、iPadmini。
拍角的次序感觉,可谓妙不可言。
iPadPro近距离正方拍角。iPadAir侧面四分之三。iPad是正面的。iPadmini是俯视。
这样的话,就显得井井有条,不会造成视觉疲劳。
2.设计语言
官方网站和iOS设计语言协调,为用户呈现出一致的感官体验。
自iOS11以来,苹果一直使用LargeTitle大标题字体。单词重也由Regular+Light结合而成,Medium+Bold,以提高信息传播的识别能力。
此外,高斯模煳标题栏背景、产品投影等设计语言也保持了系统一贯的风格。在网络设计方面,我们可以清楚地看到同步变化。
Apple追求的是包豪斯的非装饰和简约的概念。当然,它并不是那种表面上的一种唯美,而是把复杂难懂的技巧用简练的形式传达给用户。
从信息层面来看,Apple的编排设计都很浅,就像抽丝剥茧。充分利用视差滚动,传递图片和文字之间的“层次”概念。这样的深度感能增加用户的理解和乐趣。
视觉上的紧张
更有甚者,风格上富有视觉张力。给出刺激和震颤的,扩展、收缩、吸引、排斥的感觉。这有两个例子:
扩张性:整个画面采用了A13芯片作为视觉中心点,其元素和布局围绕该视觉中心点向外扩展。利用散射式视觉导引,视觉张力显现,让人感觉巍峨壮观。
排斥力:在一定强度的视觉排斥作用下,可形成尺寸对比。Pro级别的摄像机配以大特写,传达空间意识。它的视觉构成、审美触动着它。
又一次谈到苹果是如何产生高级感的?
1.降低视觉噪音
众所周知,颜色饱和度高,会影响人们的情绪波动。恰恰相反,低饱和度的配色,对人眼的刺激较弱,会有一种冷静和克制的高级感觉。
回顾苹果官方网站的大多数页面,除了产品界面颜色和按钮蓝色外,其它的文字、背景、控件均采用黑白灰色系,以营造高级感。
即使是iPhone11Pro新推出的暗夜绿色,也只是添加了一点绿色的高级灰。
换句话说,减少使用色量、降低色彩饱和度都可以消减色彩对人的心情,起到提高产品高级感的作用。
此外,适当的留白还能使产品内容更加突出,使重要信息更准确地传递。并可以创造出宽广的空间感,让画面得到延伸,呈现一种意境美。
因此我们在做设计的时候应该多做减法,避免无意义的视觉元素堆砌,相反,可以使您的设计更具高级气质。
它证实了一种类似于现代建筑大师米斯范德罗的名言。
2.附图
但是,只留白是不够的。由于要做宣传,所以一张高清晰度、精美的地图配图就显得尤为重要。
Apple官方网站大多数产品都是采用实拍+后期修复,而不是渲染图。其设计旨在反映真实产品的纹理,以及材料的光影效果,这一点可以看出苹果对品质的极致追求。
更有甚者,AppleinCalifornia的苹果产品圣经和壁纸都是由摄影师拍摄的。感兴趣的同学可观看以下幕后制作视频,相当硬核。
3.苹果式的文件
在英文网站上做过设计者都知道,英文设计往往要比中文好,同样的英文版式出来效果也更好。
在心理学上有一个词叫“羞涩的母语”,而不是崇拜。简而言之,中文在我们看来,太普通了,使人产生一种“廉价感”(实际上是一种羞涩的感觉)。
外国人也一样,你可以看到美国的公司:苹果、麦当劳、星巴克都使用的是图像Logo,而日本公司不用母语,如SONY,TOYOTA,Canon等英文公司。
回过头来,我们看到苹果网站上有一部分的英文产品名,这样就不会觉得难为情。
那么中文部分呢?更有趣的是,Apple的本地化团队使用了完全不同的、押韵的、奇怪的排比、双关、重复等等修辞。尽管语感不好,但基本可以理解字面意思。
实际上这么做的目的就是要创造一种陌生感,一种独特的语言风格,凸现品牌气质。下面是一些例子:
重述:iPadPro:“你的下一台电脑,何必是一台电脑。」
双关卡:比如AppleWatch的“它总是很在乎你的心。」
排比赛:比如iMac“从极速,到神速,当你加速时”。」
韵律:比方说配件“可重复充电,又可圈可点。」
对照:比如iPadmini的身体体积小,能量大。」
美好未来首创1对1项目负责制,项目经理专人全程负责。我们为您提供网站建设优化解决方案,互联网品牌建设与网络营销,设计、技术开发、网站和SEO优化行业的技术和数据支持服务、营销推广等服务。为您的企业获取网络流量,挖掘精准客户,达到更高的销售指标。是您的企业提升产品销量最好的伙伴。