Google Design 2019 亮点回顾

作者 / Google Design 插画 / Oscar Gronner

先关注用户，其他一切自会水到渠成。

这句话是 Google 在理论和实践上的核心姿态。这种姿态也影响着我们所做的每件事，尤其体现在对 2019 年设计项目的调研里。我们在很多设计中，都围绕用户设计总览与首页功能，从而确保日常任务的界面简化，以及提升网站整体的健康程度 (这一点尤其重要)，并将这些改进迭代到各个产品的各处细节。回首 2019，设计的成果可谓繁多，这里我们总结成几组和大家分享: 帮助我们更好地进行交流的设备、让我们更接近艺术的工具/平台，释放全新自我表达方式的工具。

我们和大家接触的介面也更多了。出版了第一本《Google Design》杂志，开通了 Instagram 帐户 (@googledesign)，还把 SPAN (Google 的年度设计与技术大会) 带回了纽约。在进入 2020 年时，我们每一个人都觉得灵感爆棚，希望您也一样。

△ 《Google Design》

设备，读懂你我

滑动、点击和捏合，这些操作我们已经在智能手机上司空见惯。那，如何 "翻" 看呢？——当您突然意识到自己刚才的想法不太靠谱的时候，您可能会下意识地用手在眼前挥过—— Pixel 4 就可以读懂这种下意识的动作。这项新功能就是 Motion Sense，它由 雷达传感器芯片 Soli  提供支持，让您可以使用更自然的手势暂停闹钟、跳过歌曲以及静音铃声。Google 的高级技术与项目 (ATAP, Advanced Technology and Projects) 团队在这个技术上投入了 5 年的时间，目标正是让设备可以 "感性地" 理解我们的需求。

• 雷达传感器芯片 Soli
  https://atap.google.com/soli/

如果您想要更进一步做到 "感性地" 所见即所得，全新的 Nest Hub Max 智能屏幕可以活用内置的摄像头和 Face Match 技术, 让 Google Assistant 得以更主动、更个性化地服务您和家人——是的，Google Assistant 可以认出家人的面孔。您需要做什么？走过去就行了。屏幕上会适时出现个性化的提醒、消息、天气和交通状况。

• Nest Hub Max 智能屏幕
  https://www.blog.google/products/google-nest/hub-max-io/

一定需要说 "嘿，Google" 吗？现在不说也可以，我们懂。

Soli 的雷达芯片可以读懂人类的手势 Google’s Advanced Technology and Projects (ATAP) (滑动图片查看更多)

Motion Sense (由 Soli 提供支持) 让用户只需挥手即可跳过歌曲 ATAP (滑动图片查看更多)

Pixel 能针对手势提供视觉反馈 (由 Soli 提供支持) ATAP (滑动图片查看更多)

Soli 拆解图 ATAP (滑动图片查看更多)

Recorder 应用内置 AI 驱动的搜索功能 Pixel Essential Apps & Google Creative Lab

想象一下这三种体验: 随时可用的语音文本转换 (不需要在线)；整理采访录音时不需要费力点击前进或者倒带按钮；听力障碍人士也能毫无压力地与他人交流，无需手语翻译。这些现在都成为了现实。

如果您不方便听声音，Live Caption 功能可以给所有您想看内容添加实时字幕，包括朋友的 Instagram 视频或者 YouTube 上的烹饪教程都没问题，而且无需联网。由 Pixel Essential Apps 和 Google Creative Lab 共同构建的 Recorder 应用，可以准确地记录与识别语音内容，并拥有 AI 搜索功能。在一段 90 分钟的采访录音中，只需输入想搜索的任意单词或声音，或是更加模糊地搜索 "讲话" 或 "音乐"，Recorder 就可以把您带到对应的时间点。Live Transcribe 则由 Gallaudet 大学 (专门服务于听障人士) 的研究人员推出，它可以将音频实时转换为文本，不论用户是想和街边咖啡厅的咖啡师聊天，还是想和外国酒店的服务生聊上几句都没有问题—— Live Transcribe 支持 70 种语言！

• Live Caption
  https://www.blog.google/products/android/live-caption/
• Recorder
  https://www.youtube.com/watch?v=RVMqB4W_EH4
• Live Transcribe
  https://www.android.com/accessibility/live-transcribe/

"不那么" 技术

硬件设计副总裁 Ivy Ross 在最近的一次采访 (Ive Ross: 设计让您的生活简单起来) 中说: "我们想要的是 '周到的设计'，也就是要多关注产品给人的感受，而不仅仅是外观。"

• Ive Ross: 设计让您的生活简单起来

  https://www.surfacemag.com/articles/ivy-ross-google-design/

今年我们的设计重点放在了环境上——您的生活环境如何为您带来健康生活。Ross 团队的设计成果汇聚到了一款款全新或迭代的硬件产品中，而这些产品都可以更自然、更无缝地融合进生活空间。Pixelbook 现在有了静音键盘，让您在奋笔疾书时也不会影响家人；Nest Wifi 和 Mini 的材质更加多样和柔和，在米兰设计周上一起展示着 "恬静" 的技术——为设计影响生理与心理的感觉提出了自己的答案。为了做到这些，Ross 打造了全新的 Google 设计实验室，拥有自己的材质库与声学实验环境。

• 米兰设计周上的 Google: 塑造生活空间

  https://www.youtube.com/watch?v=4iA0srfIru0

Google 用 "生活空间" 探索了感知美学上的可能性，展示了设计如何影响生理与心理感受 Made by Google (滑动图片查看更多)

观众走过 "生活空间"，该空间由 Google 和家具公司 Muuto 共同设计 Made by Google (滑动图片查看更多)

全新材质与配色的 Nest Wifi Made by Google / Photo by Seed Studio (滑动图片查看更多)

秋天登场的 Google Pixel Buds Made by Google / Photo by Seed Studio (滑动图片查看更多)

Nest Mini Made by Google / Photo by Seed Studio (滑动图片查看更多)

Paper Phone 让您暂离数字世界 Google Creative Lab  和 Special Projects 合作

由 Google Creative Lab 进行的一系列实验项目毫无疑问为数字健康生活找到了新的方向。有些实验项目起初做为设计师和开发者的发想而诞生，现在每一个人都能试着用这些实验打造与体验健康数字生活了，因为我们把这个项目开源了。

• 数字健康生活: 实验集
  https://experiments.withgoogle.com/collection/digitalwellbeing
• 数字健康生活: 发想
  https://storage.googleapis.com/experiments-uploads/Hack-Pack.pdf
• 数字健康生活: 开源工具包
  https://github.com/googlecreativelab/digital-wellbeing-experiments-toolkit

这里我们想简略介绍其中几个实验，请大家务必去试试。

• 可以打印出来的纸质手机 (和 Special Projects 设计工作室合作打造)，让您回归到模拟信号时代；
• 可以搜集您的消息的应用，然后让您在方便的时候集中看完；
• 自动计数器 (也叫 "解锁时计" ) 能记录 您 解锁手机的频率 (剧透一下: 比 您 想象中高得多)

总的来说，这些实验有可能重塑我们对 UI 的理解，并让我们今后的设计更加人性化，而这显然对所有人都有好处。

表达自我

AI 能让您哭泣吗？编舞兼舞蹈家 Bill T. Jones 在 "身体、运动、语言: AI 素描" 这个主题下创建了一系列实验项目，其中就提出了这个问题——极富表现力的演员可以让观众泪如泉涌，那……机器学习能做到同样的事情吗？

• 身体、运动、语言: AI 素描
  https://www.billtjonesai.com/
• 与机器共舞
  https://blog.google/technology/ai/bill-t-jones-dance-art/
  
  

为了找出答案，Jones 的公司 New York Live Arts 与 Google Creative Lab 合作，共同开发了一系列先进的产品，汇集了动作编排、基于 ML 的体态估测、口语以及屏幕互动文字等多项技术。通过一台笔记本和一个摄像头，任何人都可以探索和实验 ML 的可能性。如果您被感动到流泪，请务必告诉我们。

• 基于 ML 的体态估测

  https://medium.com/tensorflow/real-time-human-pose-estimation-in-the-browser-with-tensorflow-js-7dd0bc881cd5

当然，如果您想跳过代码，先学习一下机器学习模型的工作原理，不妨试试我们 Creative Lab 同事们的 Teachable Machine 。

• Teachable Machine

  https://teachablemachine.withgoogle.com/

编舞师兼舞蹈家 Bill T. Jones  《身体、运动、语言: AI 素描》 Google Creative Lab (滑动图片查看更多)

Jones 旗下的一位舞者在体验 PoseNet Google Creative Lab (滑动图片查看更多)

Jones 的问题: AI 能让您哭泣吗？ Google Creative Lab  （滑动图片查看更多）

加入了性别表征的人鱼形象，来自 Google emoji 设计师 Android

在 Android 发布了 53 种包含性别表征的 emoji 后，有人曾对创意总监 Jennifer Daniel 说: "Emoji 能让人流泪吗？不，但我曾经有过这样的一闪念。"

Google 的 emoji 设计师探索了性别的设计表征，最终设计出了这些新的表情。更重要的是，在包含性别表征的同时，每个人都会对它们产生不同的观感。这会带来很多好处: 更好的表现力、更少的过时与刻板印象、更强的跨平台一致性，当然……还有更多的表情。(谁不希望多一些表情呢？🙌)

• 包含性别表征的表情
  https://blog.emojipedia.org/android-10-0-emoji-changelog/

尽览艺术与设计

常逛画廊的朋友可能对此深有体会: 就算在阿姆斯特丹、圣达菲和纽约逛个遍，也不能保证看全伦勃朗和欧姬芙的作品。

这种困扰由 Google Arts＆Culture 来解决: 只需要端坐在沙发上，就可以在虚拟画廊里尽览来自四大洲 33 个博物馆的众多伟大藏品，而且全部按照颜色做好了分类。您只需要下载好 The Art of Color 应用，然后点击相机图标即可开始。

这是 Google Arts＆Culture 的第二个 Pocket Gallery，第一个是弗美尔作品集。

编者注: 伦勃朗 (Rembrandt Harmenszoon van Rijn) 是欧洲巴洛克绘画艺术的代表画家之一；欧姬芙 (Georgia Totto O'Keeffe) 是 1920 年代美国艺术的经典代表艺术家；弗美尔 (Johannes Vermeer) 是一位 17 世纪的荷兰黄金时代画家。

• The Art of Color
  https://www.blog.google/outreach-initiatives/arts-culture/explore-art-and-color-our-latest-ar-gallery/
• 弗美尔作品集
  https://artsandculture.google.com/project/vermeer

逛完画廊之后，您可能需要整理思绪，参加和异地的同事们的会议讨论。我们在 Google Meet 中引入了众多新兴插画家和摄影师的定制作品，就好像在千篇一律的会议室里挂上了众多新鲜的绘画一样。这就是我们的 The Canvas Project，在这里，您可以选择 David Hockney 风格的池畔背景，也可以选择碎玻璃图案的抽象照片，等等等等。

• The Canvas Project
  https://canvasproject.withgoogle.com/

当然，艺术的形式千变万化——比如字体，有没有想过在自己的应用里使用 Recursive  呢？这是由 Arrow Type 为 Google Fonts 打造的高度自定义字体，其灵感来自真实的笔触，拥有极其灵活的技术规格和交互特性。

• Recursive

  https://www.recursive.design/

再比如数据可视化，在 Google Trends 中，数据可视化专家们不断寻找新颖而有趣的方式，来使用形状、颜色和动效更好地显示信息。在 Google Shopping 网站上如今也有了艺术的笔触，蒙特利尔摄影师 Virginie Gosselin 和 Shopping 团队联手打造单色静物画堪称惊艳。

• Google Trends

  https://trends.google.com/trends/story/US_cu_6fXtAFIBAABWdM_e

• Google Shopping

  https://www.google.com/shopping?nord=1

Liz Nielsen 摄影作品: 碎玻璃 The Canvas Project (滑动图片查看更多)

Monica Ramos 作品: Flora The Canvas Project (滑动图片查看更多)

Ana Popescu 作品: 池畔 The Canvas Project (滑动图片查看更多)

Recursive 字体从笔触到印刷的高度灵活性 Arrow Type for Google Fonts (滑动图片查看更多)

Google Shopping 的单色静物照 Google Shopping / Photo by Virginie Gosselin (滑动图片查看更多)

Gosselin 团队使用波纹套管、厨房海绵等绘制的景物 Google Shopping / Photo by Virginie Gosselin (滑动图片查看更多)

Google Earth 的延时 UI Google Earth

Material Design 在 2019 年风头正劲，而且迎来了重大的更新，这些变化都在您触手可及之处。 移动版 Gmail 的外观更加简洁，收件箱的收纳更加有条不紊。 G Suite 应用现在有了更加清晰简明的图标。更简化的界面让浏览 Google Earth Timelapse 时更加轻松，Google Books 的新组件让其变身为更体贴的电子图书馆， Google Play 商店改版 后，底部导航栏让您能更轻松地浏览不同的内容。 深色主题 的推出迎合了不少用户的呼声，我们还为此 发了一篇调研报告，并给出了设计指南 。

在 Android 方面， 品牌标识 的颜色更加鲜艳，对比度更高。哦，别忘了版本号也不再用甜品命名。这些举措使得品牌得以更加全球化: 黑色更易于阅读，而数字版本号则更利于世界各地的人们理解它的含义。

• 移动版 Gmail 改版
  https://www.blog.google/products/gmail/making-gmail-on-mobile-better-for-you/
• G Suite 改版
  https://gsuiteupdates.googleblog.com/2019/10/material-redesign-editors-android.html
• Google Earth Timelapse
  https://www.blog.google/products/earth/get-lost-new-earth-timelapse-now-mobile/
• Material Design 深色主题
  https://material.io/design/color/dark-theme.html

更前瞻的指南

我们今年分享了众多的最佳设计实践，包括为用户赋能的对话式交互，到更新的 Material Design 无障碍功能设计，以及刚刚问世的声效设计指南。毫无疑问，知识开源是 Google DNA 的一部分，我们的设计师今年给出的成果之多彩足以给人留下深刻印象。

• 对话式交互
  https://design.google/library/conversation-design-intro/
• 无障碍设计指南
  https://material.io/design/usability/accessibility.html
• 声效设计指南
  https://material.io/design/sound/about-sound.html#principles

NBU (the Next Billion Users) 为大家带来了《将性别平等带上互联网》调研报告，这份报告覆盖 3,618 名受访者，给出了一系列 UX 指导，旨在在网络上遏制针对女性及跨性别人群的攻击。我们还推出了一本详细的《People + AI Guidebook》，包含来自多个 Google 团队的 130 多条洞察。这本手册将引导您设计出无偏见的 AI 产品，帮助您决定何时使用 AI，以及如何合时宜地处理上下文错误。在这本手册发布时我们还举办了一次圆桌会议，三位 Google 设计师讨论将 AI 的潜力转化为对用户有意义的互动的方式，这场讨论虽然只是一家之言，但我们相信个中的洞察非常有启发性。

• 将性别平等带上互联网

  http://services.google.com/fh/files/misc/toward_gender_equity_online.pdf

• People + AI Guidebook

  https://pair.withgoogle.com/

• AI 与设计圆桌会

  https://design.google/library/ai-design-roundtable-discussion/

我们在相当长的时间里将设计的中心放在个人上，也许是时候把眼光放得更广阔一些了？我们在年度设计会议 SPAN 上和 Google AI 战略与研究团队 (隶属于 Google AI) 深入思考了这个问题。他们举办了一个关于解决问题的新方法的研讨会，该研讨会超越了个人的视野，考虑了从人与动物的关系到森林火灾生态的各个方面。研讨会用了一整天时间用来关注结构问题，如何构建它们，如何重新思考它们。这些超越个人的思考让我们对设计的未来也充满期待。

2019 年的精彩设计成果实在不胜枚举！让我们一起，用更广阔的知识与视野，迎接更精彩的 2020 年！

 点击屏末 | 阅读原文 | 查看 Material Design 设计指南

 想了解更多 Material Design 内容？

• 在公众号首页发送关键词 "Material Design"，获取相关历史技术文章；
  

• 还有更多疑惑？欢迎点击菜单 "联系我们" 反馈您在开发过程中遇到的问题。

推荐阅读

---