Material Design 大奖 2018 结果揭晓
每一年,都有大量团队将 Material 设计理念变成真正的产品,并让用户的生活变得更加精彩。每一年,Material Design 大奖都会从这些产品中选出几位佼佼者,因为它们在极具个性的同时,也进一步展示了 Material Design 所蕴含的灵活性与可能性。
今年的获奖作品在 4 个方面创造性地使用了 Material Design——表达、创新、体验和适配。这些获奖者从数百个公开提名中脱颖而出,我们希望他们的这些作品能够让大家感受到设计的能量,正如我们从它们中感受到的那样。我们将继续推动和扩展 Material Design,添加 Material Theming 和定制等功能,但我们最愿意看到的,还是您如何继续让 Material 展现出只属于您自己的特色。
有请今年 Material Design 大奖的获奖者们:
最佳表达: KptnCook
颜色、图像、排版和动效,这些元素在这里被和谐地组织到一起,同时做到了引人入胜,让品牌传播变得更为有效。
△ KptnCook 使用简单的 30 分钟或更短的食谱,以及指导购买当地食材的方式,让您轻松打造每日美食。KptnCook 拥有生动的食品图片和详尽的分步说明。
KptnCook 的无压力烹饪方法广泛表现在引人入胜的无障碍设计之上。配有食材和技法图片的分步说明会引导用户完成整个烹饪过程; 详情页面则配有透明的顶部应用栏,与应用内部其他视图的风格保持统一。收藏夹视图包含已保存食谱的图像列表,还带有品牌化的图标和字体,以及包围文本的自定义形状。所有这些细节都有助于应用打造出沉浸式的全屏图片体验,以便展示精心烹制的美食。
“我们坚信任何人都可以烹饪出美食。我们的使命是让每天晚餐的决定变得更简单——并避免无休止的页面滚动——所以每天我们为用户精选出三种食谱选择。为此我们打造了简洁、干扰度低的视觉语言。”
—— Lene Koenig,视觉设计师
顶部应用栏:
https://material.io/design/components/app-bars-top.html
图像列表:
https://material.io/design/components/image-lists.html
图标:
https://material.io/design/iconography/system-icons.html
自定义外形:
https://material.io/design/shape/shape-as-expression.html#communicating-state
最佳创新: Lyft
展示出了建立和扩展 Material Design 系统,并朝新方向进发的能力。
△ Lyft 是一款共享出行应用,允许用户按需叫车。简单的基于地图的用户界面可以让用户查找可用的车辆,并在出行时查看行程信息。
Lyft 最近对应用进行了改版,重新思考 UX 的基础层面,同时以令人印象深刻的方式使用了定制化的 Material 控件。底部表单和扩展后的悬浮动作按钮 (FAB) 可以优化整个屏幕的空间配比,而自定义的过渡颜色算法可以确保其品牌标志性的霓虹色调拥有极高的辨识性。Lyft 通过自己对 Material 的独到理解,在不知不觉中地实现了独一无二的品牌表达。
“我们最重要的事情之一就是创建通用的设计系统,让它在所有平台上都能展现出 Lyft 的特色。”
—— Linda Dong,设计经理,核心设计
Material 控件:
https://github.com/material-components
底部控件:
https://material.io/design/components/sheets-bottom.html
扩展悬浮动作按钮:
https://material.io/design/components/buttons-floating-action-button.html#extended-fab
文字易读性:
https://material.io/design/color/text-legibility.html#legibility-standards
最佳体验: Simple Habit Meditation
采用创新方式高效整合交互、导航和内容,从而打造出了冲击力十足的用户体验。
△ Simple Habit Meditation 鼓励用户每天花五分钟时间放松一下。这个精简的应用可以让用户通过主题、持续时间或讲师等维度搜索冥想课程。
想要让用户学习放慢脚步,给自己减压,就需要一个拥有同样安静风格的界面。从第一次点击开始,Simple Habit Meditation 就开启了简单的上手体验——使用彩色的图像卡片为平静、有目的的下一步操作提供入口。它有效地使用了暗色调主题,在移动设备和平板电脑上都实现了合适的卡片和底部导航,并将品牌化的字体和微妙的动效提示等设计要素共冶一炉。
“应用朴素的信息架构和直观的导航让用户能够快速、轻松地找到适合他们自身情况的正确冥想方式。使用带有奖励性质的互动方式来配合‘ 冥想完成’等积极的用户反馈 ,帮助人们更快地建立起良好的习惯,完成使用后则在用户心中留下愉悦感。”
—— Valentin Drown,首席产品设计师
上手体验:
https://material.io/design/communication/onboarding.html
卡片:
https://material.io/design/components/cards.html
底部导航:
https://material.io/design/components/bottom-navigation.html
动效:
https://material.io/design/motion/understanding-motion.html
最佳适配: Anchor
通过跨平台设计提供一致的体验,同时做到了为每台设备度身优化特性和功能。
△ Anchor 是一款免费应用,可帮助人们录制、分发和托管播客,并聆听其他人制作的内容。Anchor 的界面整合了播客封面创作功能、以及易于使用的剧集创建和播客聚合功能。
Anchor 的 DIY 播客工具令人印象深刻,可以跨越平台和设备完成顺畅的使用流程。Android 和 iOS 用户可以通过手机录制并找到自动上传到网络应用的音频。在播客封面创作界面,选择标签清晰地列举并图示出了可用的对齐选项,一个扩展的FAB则固定显示在界面底部以保持操作的持续性。精彩的动效让强大的功能更能给播客创作者们激发灵感。
“Anchor 采用了鲜艳的颜色、友好的版式和界面文案,确保播客给人以平易近人的感觉,即使对那些从未接触过播客的用户也是如此。通过对动画和转场动效的设计,我们的应用得以传递出生动、灵敏和流畅的使用感受。”
—— Emmi Hintz,首席产品设计师
选择标签:
https://material.io/design/components/chips.html#choice-chips
扩展悬浮动作按钮:
https://material.io/design/components/buttons-floating-action-button.html#extended-fab
动画、动效:
https://material.io/design/motion/customization.html
再次祝贺所有获奖者!我们期待着更多来自大家的精彩设计!
推荐阅读