美文网首页
Expressing Brand in Material Des

Expressing Brand in Material Des

作者: 孤独的老米 | 来源:发表于2016-02-04 19:45 被阅读435次

    新年前夕,利用好几天整理资料ing,看到几个有趣点(点击查看):

    知乎3.0 Android版被吐槽

    如何在 Material Design 基础上添加「品牌形象」?

    Expressing Brand in Material(需FQ)

    Yes, Your Brand Can Survive A Material Redesign

    老命题“自家产品与平台设计规范如何融合”,也可以进一步引申为“产品的Material Design化”。每家产品的设计团队对Material Design理解不一,出来的产品有好也有坏,这也是一套设计规范实施之初的阵痛。以下介绍星巴克对Material Design的理解以及其做出的设计思路流程,值得我们学习思考。

    正文

    我很高兴地宣布,星巴克已经发布采用Material Design的Android App更新版。这是我们对Google's Material Design的产品化理解以及持续不断细致化星巴克数字化品牌迈出的第一步。

    克制

    自从2014 Google I/O大会后,星巴克产品设计团队一直思考着如何把这个新设计框架(Material Design)融入自身产品中。我们的目标旨在确保当App升级融入Material Design时,避免整个产品设计看上去太过于模板化。我们希望,即使最简单的页面也可以微妙表达星巴克品牌文化。我们致力提供拥有简明逻辑功能的Material Design产品,及需要深思熟虑这些改变对我们的用户意味着什么和Material Design融入产品有什么意义。

    字体设计

    为了给我们用户在跨平台使用产品提供一致的视觉观感,我们设计团队就通过不同的方式调整星巴克数字化品牌产品。首要,我们对字体设计进行持续不断的调整。我们采用了Material Design字体的比例、大小,并摸索出一套对我们内容展示合适和易于给我们用户认识使用的字体。

    层级高度

    在整个App页面中,层级高度(纵深)是由始至终作为一个核心准则去强调功能的优先性和层级性。阴影的使用创造了一种“景深”的感觉,赋予某些页面元素展示看上去更贴近屏幕。持续性的动效被赋予升高动效是为了在每个页面交互产生优先性的反馈。

    图标

    在统一星巴克品牌图表设计样式时,我们调整所有图标符合Google网格设计规范以让我们与Android系统图标保持一致性。

    色彩&图像

    我们采用Google设计规范建议的优点把页面色彩与图像按序优化布局。星巴克品牌色调中的暖黑色与灰色被用于增加活力的象征。我们在产品详情页使用各主色调突出App导航栏。

    网格规范

    运用 8 dp基线网格标准,以及 16 dp边际线和 72 dp准则线,在不同屏幕中奠定一致的视觉设计。

    挑战

    伴随着Android各种碎片化的屏幕大小和设备,我们知道,在提高我们产品的用户体验道路上,将会有难以预料的挑战。这就意味着我们不能固守设计规范的每一条准则。我们把Material Design运用于整个产品优化过程,还以提高用户体验利益作为改善产品设计的首要。每天,我们都聆听我们用户的反馈,从中不断学习,如果你们有什么建议,随时联系我们。

    原文地址:点击查看

    Android版下载(需FQ):Google Play

    相关文章

      网友评论

          本文标题:Expressing Brand in Material Des

          本文链接:https://www.haomeiwen.com/subject/puiekttx.html