前段时间,谷歌收购TikTok的消息甚嚣尘上。 谷歌、苹果、微软是硅谷三巨头。 我们越来越熟悉苹果的iOS和微软的MD设计。 我之前也写过文章,分析过。 补昨天的坑,我们来说说Google的设计。
硅谷三巨头
当提到谷歌的设计时,你可能会立即想到备受争议的磁贴设计风格。 在讲瓷砖之前,希望大家能够理解:设计语言从来没有被领导拍过。 分析一种设计语言去除桌面图标阴影 软件,应该代入当时的行业背景。 因为设计语言体现了产品方对未来人机交互形式乃至整个互联网行业的预判。 现在我们认为“脑死亡”的一些做法,在当时的时代背景下,在他们看来,其实是最好的解决办法。 所以在讲tile设计之前,先简单介绍一下Google在tile设计出来之前的情况。
01
后PC时代的谷歌
▼
1999年去除桌面图标阴影 软件,谷歌以6000亿欧元成为全球最有价值的公司。 谷歌起源于PC时代。 凭借着Windows操作系统和我们熟悉的Office系列产品的垄断,是PC互联网时代当之无愧的霸主。
当时,笔记本电脑是用户唯一的上网设备。 似乎越来越多的数码产品问世,但笔记本依然是用户数字生活的中心,负责链接所有的数码产品。 我们用数码单反拍了一些照片,习惯上传到笔记本上; 歌曲必须通过笔记本下载到mp3。 2001年1月,乔布斯提出了笔记本作为用户数据中心(digtalhub)的概念。
随着3G网络的普及以及智能手机和平板电脑的出现,越来越多的设备可以直接连接到互联网。 所有数码产品与笔记本联动的模式正在慢慢变得无关紧要。 如果我在 iPhone 上拍了一张合影并想将其传输到 iPad 上怎么办? 使用空投? 抱歉,空投是2013年才有的功能。
笔记本电脑是数据中心
我们必须先将照片传输到Mac,然后再将照片传输到iPad。 整个过程非常麻烦。 2011年,乔布斯发布了iCloud,即将把笔记本的定位从数据中心提升到手机、平板电脑等普通的联网设备终端。 后PC时代,或者说联通互联网时代已经到来。
Windows Phone7
2007年,苹果推出了iPhone,2008年,微软发布了Android 1.0系统。 中国联通互联网时代的到来,让此前风光无限的谷歌感受到了挑战,谷歌也开始将战略中心转向中国联通。 2010年,谷歌发布了Windows Phone7系统,谷歌采用了平铺设计风格。
谷歌媒体中心
这并不是谷歌第一次使用磁贴设计。 谷歌采用磁贴设计,最早可以追溯到2005年的媒体中心,然后是旁边的zune。 从这里我们也可以看出,谷歌采用磁贴设计是经过长时间的反复论证,而不是大脑突然发热做出的决定。
ZuneHD
02
瓷砖的设计有哪些?
▼
瓷砖设计风格也被称为Metrodesign/moderndesign,其灵感来自于机场和轻轨的标牌系统。 谷歌自己对磁贴设计理念的解释是“glance and go”。 用户无需停留,一眼就能获得足够的信息。
公共交通设计是瓷砖的灵感来源
行人一眼就能看懂机场和轻轨的标志,并且不会停下来思考标志的含义。 平铺设计中规则的造型、高饱和度的配色、扁平化的图标,都可以在公共交通的指示系统中找到。 那么谷歌为何要在自家产品中如此大力推行磁贴设计呢? 这里我总结了三个激励措施:1保证多设备体验的一致性; 2 提高信息获取效率; 3.重新定义桌面。
03
跨设备的一致性
▼
磁贴设计是谷歌为了讨好中国联通互联网的发展势头而做出的改变。 与图标相比,图块中色块的交互面积更大,方便用户在触摸屏设备上直接用中指进行交互。
大色块方便用户触摸交互
据悉,随着智能手机、平板笔记本以及之前的iwatch的出现,越来越多的设备可以直接连接互联网。 那么问题来了,如何保证你的产品在不同规格的设备上依然保持一致的操作体验呢?
磁贴中的圆圈易于以任何方式缩放、移动和组合,可以确保用户在不同规格的设备上保持一致的体验。 微软早前推出的MD设计中的卡片设计与这个想法非常相似。 不知道微软是否借鉴了这一点。
正方形可以任意组合和缩放
这里要指出的是,任何设计语言都有自己最适用的交互方式,比如键盘与针交互、键盘交互、触摸交互等。 磁贴设计无疑是最适合触摸交互的,而Windows系统最重要的场景就是键盘和针交互。 在win8上使用磁贴,键盘用户会认为磁贴造成了空间的浪费,并且键盘与联通的距离缩短了。
Google的愿景是统一一个Windows。 让鼠标用户使用与触摸用户相同的 UI 是否过于激进?
新的MacOS图标采用扁平化风格
苹果一直主张多平台体验的一致性。 不过,直到明年,MacOS 图标才放弃了拟物化风格,采用了类似 iOS 的带有大圆角的扁平风格。 为什么说类似呢? 因为MacOS还保留了一些原有的三维纹理。
MacOS依然保留了原有的三维纹理
04
提高信息获取效率
▼
很多人无法忍受瓷砖设计中的大色块,认为它很难看。 谷歌官方直接回应。 我知道大家会觉得丑,我们的目的不在这里。 我们的目的是提高用户信息获取的效率。
无论是笔记本还是手机,能够为用户提供内容和服务的都是应用程序。 长期以来,我们的想法一直是“打开一个应用程序做任何你想做的事”。 传统的图标仅作为快捷方式使用,想要获取信息必须点击图标才能进入应用程序。 Windowsphone7的广告很好地说明了这一点。 他将每一份申请都比作一座房子。
磁贴是快捷方式和通知中心的组合
当用户打开应用程序时,他们可能只想看到更新的内容。 比如你打开邮箱查看最新邮件,你打开b站看看郑哥有没有更新视频。 磁贴中有动态磁贴功能,用户无需打开应用程序即可查看信息。 这相当于将快捷方式和消息通知结合起来,提供了一种更高效的信息查询形式。
磁贴不再只是内容的入口,磁贴本身就是内容。 为了让用户专注于内容,图块删除了所有不必要的装饰元素,例如高光、阴影、纹理和圆角。
圆角的视线凝聚力
这里我们来谈谈圆角。 谷歌取消圆角是因为担心用户的眼睛会被圆角吸引,也有人提出反对意见,认为圆角不仅不会分散用户的注意力,而且对视线也有凝聚作用。 当用户的视线接触到圆角时,圆角会将视线引导至圆心。
无论如何,瓷砖代表了内容小于形式的设计理念,内容本身就是视觉主体。 chrome 之前的内容。 觉得这句话很熟悉吗? 这不就是扁平化设计吗? 没错,在硅谷三大鳄鱼中,谷歌是第一个尝试扁平化设计的。 苹果2013年才在iOS7中大规模使用扁平化设计,更不用说微软在2014年推出了统一设计语言MaterialDesign。
更美观的视觉效果还是更高的信息获取效率? 在这个问题上,谷歌选择了前者。 这让我上去之前可以重新检查一下,每个部门旁边都有一个显示屏,显示着目前正在排队的人。 我发现有的人身上有奶茶图标,有的人没有。
我很好奇,就问护士奶茶图标是什么意思。 护士说,奶茶图标意味着这个人已经完成了禁食计划,可以去吃晚饭了。 奶茶图标可能更好看一些,而且我觉得把“可吃的午餐”三个字放在这里可能更合适,至少我能看懂。
05
重新定义桌面
▼
第三点和第二点很相似,为了避免第二点过于繁琐,这里我把它拆分成第三点。 传统意义上的桌面只是APP的入口。 用户在桌面上找到对应的图标,点击进入应用程序。 用户不会在桌面停留太久。 这些使用图标启动应用程序的模式反映了“以应用程序为中心”的设计理念。 这些设计思路在应用数量急剧增加时会带来两个问题:1、难以定位特定应用; 2.应用程序孤岛化。
我们先来说第一点。 例如,您的手机上安装了 40 个应用程序,最常用的是 Bilibili、微信、Chrome 和知乎。 同时,你的手机中也会有一些我们很少打开且无法卸载的应用程序。 例如,您申请汽车贷款。 你必须安装抵押交通银行的应用程序,你只会在贷款还款期间打开应用程序,其余时间基本都是吃灰尘。 该低频应用和上述高频应用的入口都是桌面上的图标,形状和大小非常相似。 用户的诉求就是快速找到这些高频应用。
磁贴设计,用户可自定义桌面
瓷砖设计可以通过尺寸和位置来改变瓷砖的重量。 对于设计师来说,PS和sketch是常用的软件,它们可以将尺寸放大并放置在界面的中央,以便我们更容易找到。 在iOS14的桌面组件中,用户可以自定义规格,我们可以看到磁贴的影子。
iOS14桌面组件
据悉,上面的Windowsphone7广告还体现了一个现象,那就是APP孤岛。 每个应用程序都是一个独立的卧室。 如果我想享受不同的服务,我就必须开设不同的卧室。 打开应用程序并享受服务。 我们早已习惯了这种模式。 并且认为这是理所当然的,对吗?
想要买火车票,我要做的就是告诉系统“买一张明天晚上8点左右到北京的火车票”; 而不是“打开XXapp买明天晚上8点左右去北京的火车票”。
iOS14画中画
磁贴设计允许用户在桌面上查看新闻和电子邮件。 让用户无需打开App即可享受服务。 借助iOS14的画中画功能,用户可以在桌面上观看视频。 它们的共同点就是弱化APP的定位。 桌面不再只是APP的入口,用户也不需要能够在APP中享受服务。 事实上,在不久的将来,场景化交互已经成熟,手机可以根据不同的场景为用户切换不同的服务,而不是让用户主动打开每个APP。
06
谷歌,等待你的用户
▼
Tiles是Google针对现有交互模式做出的大胆改变,并提出了很多新的想法。 在现有的话语体系中,我们仍然被教导创新是正确的。 我们似乎忘记了,创新意味着颠覆现有模式,改变需要付出成本。 那么费用谁来支付呢? 谷歌愿意投入大量资源来开发新的设计语言。 你有没有问过它的用户是否愿意付出学习成本来适应这种新的设计语言?
从开始菜单到启动桌面
Windows 7之前的开始菜单位于桌面的左下角,空间很小,你必须转身才能找到应用程序。 Windows 8将开始菜单更改为开始桌面,将开始菜单更改为开始屏幕,以便用户可以更快地找到应用程序。 而长期的操作习惯,让用户离不开开始菜单。 谷歌于次年恢复了开始菜单。
创新是必要的,值得鼓励。 创新必须在正确的时间进行,并以正确的执行方式进行。 太超前、太激进,先驱者很容易成为前辈。