Expressing Brand in Material Design - 星巴克

新年前夕,利用好几天整理资料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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,277评论 6 503
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,689评论 3 393
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,624评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,356评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,402评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,292评论 1 301
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,135评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,992评论 0 275
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,429评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,636评论 3 334
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,785评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,492评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,092评论 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,723评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,858评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,891评论 2 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,713评论 2 354

推荐阅读更多精彩内容