Material Design 大奖 2019 年结果揭晓

每一年的 Material Design 大奖都会聚焦在那些用精彩的创意与卓越的执行赋予 Material 生命的团队。他们的作品精彩、实用且充满创意，在设计规范之上更进一步，为用户们带来了难忘的体验。

同样，今年的获奖者从数百个公开提名中选出，他们的作品从表到里都创新性地应用了 Material，从精致的悬浮互动，到优雅的背景设计，无一例外。

很高兴在这里和大家分享 2019 年的获奖者，这些获奖作品在通用性、主题样式、创新以及体验四个方面创造性地使用了 Material Design。我们希望这些作品能进一步激发社区的设计灵感，就像它们激发了我们的灵感一样。我们也热切地期待着您能从中找到成功之道，并塑造出独属于自己的 Material。 

最佳通用性: Trip.com (携程集团国际品牌)

为多样用户精心打造度身设计

△ Trip.com 提供了清晰的视觉层次结构。布局、配图、字号比例等要素通力协作，确保突出关键信息

Trip.com 为其全球受众创造了出色的旅行预订体验。该应用精心设计的 布局和字号 比例构造出了强大的视觉层次结构，而且这种结构适配多达 19 种语言，令人印象深刻。简洁的 图标 和灵动的色彩 (而且都做到了可访问性规范的对比度要求) 让关键动效更为突出，从而吸引用户关注重要信息。底部导航则针对动态信息提供了多种视觉提示: 图标从描线样式变化至填充样式，文本标签的大小增加，颜色也有相应的变化，等等。而应用内的 配图和插画 风格则精准匹配了 Trip.com 多样化的用户群体。出色的应用需要兼顾众多细节，而以上我们列出的这些还远远不是全部。

• 字体字号

  https://material.io/design/typography/the-type-system.html

• 图标

  https://material.io/design/iconography/system-icons.html

• 图像

  https://material.io/design/communication/imagery.html

最佳样式设计: Ruff

通过颜色、布局和轮廓的设计，使用 Material Theming 精彩地诠释出品牌个性

△ Ruff 的 UI 优先强调文字，这也使用户可以专注在记笔记这个核心操作上

作为一款简洁的笔记应用，Ruff 简明的品牌视觉风格也使得用户们得以专注于记录自己的灵感——任何风格、任何类型的灵感。Ruff 对 Material 组件的使用十分深入，尤其是 底部弹出菜单 (bottom sheet) 和 应用背景 (backdrop , Ruff 将其用作书写界面的背景) 的使用更是令人印象深刻。界面右下角蓝色的悬浮操作按钮以及整体使用的等宽字体一来增加了视觉上的趣味性，二来也让 Material 样式 拥有了更多的细节。底部弹出菜单使用的圆角在强化风格的同时，也提醒了用户这个控件的交互属性——可以往上提以查看更多内容。Ruff 的 UI 还允许用户自定义字号，并选择浅色、深色以及黑色主题。Ruff 始终将功能和清晰度放在首位，通过字体、轮廓和颜色的搭配营造出精彩的体验。

• 底部弹出菜单
  https://material.io/components/sheets-bottom/
• 背景层
  https://material.io/components/backdrop/
• Material Theming
  https://material.io/design/material-theming/overview.html

最佳创新: Reflectly

基于但不限于 Material Design，揭示了新的设计方向

△ Reflectly 的对话式界面充满了平滑的动效与转场，以及创造性的色彩组合

通过 AI 辅助的对话式 UI，Reflectly 让用户通过记日记的方式来消弭压力和焦虑。该应用从上手阶段开始就提供精致的动画和有趣的对白，细心引导用户开启自己的日记之旅。除了热情的提问和平易近人的语气外，Reflectly 的界面还充满了巧妙编排的动效组合和充满节奏感的高程动画 (让一组元素逐个抬升高度) ，更加上各种状态变化的动效细节，完成了一场精妙的视觉演出。Reflectly 基于 Material，并大量使用定制的组件、字体、形状以及高程组合，创造出了极具个性且实用、有趣的日记体验。

• 动效设计

  https://material.io/design/motion/choreography.html

• 高程设计

  https://material.io/design/environment/elevation.html#elevation-in-material-design

• 状态变化

  https://material.io/design/interaction/states.html

最佳体验: Scripts

交互、导航和内容的创意组合，带来极具冲击力的学习体验

△ 在 Scripts 中，用户基于清晰的描线提示来练习文字书写，并在这个过程中记住笔划顺序和字体写法

Scripts 通过巧妙地使用触摸屏功能解决了用户在学习新书写系统时遇到的挑战。该应用的书写教学循序渐进，在提供小动画和触觉反馈的同时，还提供了明确的书写提示 (包括笔画顺序)，让用户在不知不觉间就记住了正确的文字写法。精心设计的渐变色，一致的字体与版式，甚至底部导航的细节状态等等，共同组成了完美的学习体验。对于某些语言，Scripts 还提供背景图片作为视觉助记元素，将字符的形式与其所代表的内容有机地连接起来。Scripts 通过深思熟虑的体验设计，让用户得以用自然的方式完成主动学习。

• 使用状态
  https://material.io/design/interaction/states.html#activated
• 背景图
  https://material.io/design/communication/imagery.html

再次祝贺所有获奖者！我们期待着更多来自大家的精彩设计！

 点击屏末 | 阅读原文 | 即刻深入了解 Material Design

  想了解更多 Material Design 内容？

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

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

推荐阅读

---