我很高興的宣布星巴克的Android版中使用了material design的設(shè)計語言作為最新的版本更新，這也是我們第一次使用material design的設(shè)計語言與星巴克的移動客戶端進行更新迭代。

一種約束的設(shè)計

由于Google在2014年的I/O大會公布了最新的設(shè)計語言，作為星巴克的產(chǎn)品設(shè)計團隊一直都在思考如何更新到新的設(shè)計框架，我們的目標是將最新的material design的設(shè)計語言用到產(chǎn)品中去，但又要使得APP看上去不那么的死板（簡單粗暴的套用material design），我們希望它即使在最簡單的屏幕上，依然能反映出星巴克品牌調(diào)性，同時也在努力通過material design在某些方面提供的簡潔設(shè)計邏輯，思考什么情況下的可以改變，以及這種改變對于客戶這意味著什么，有著什么意義。

字體排版

我們團隊為了保持界面視覺的一致性和跨平臺的使用場景中都有星巴克的品牌調(diào)性，我們采用一致性的排版方式：比較標準的material design的設(shè)計排版規(guī)范、視覺界面、動效設(shè)計，以保證產(chǎn)品中內(nèi)容易識別性。

層次

層次在整個APP中用于強調(diào)屏幕上內(nèi)容的優(yōu)先級。核心原則：使用投影來制造“景深”的感覺，使得元素似乎更加接近屏幕里面或者外面，在動效方面的每次創(chuàng)建都會有一個優(yōu)先級的微動效作為引導。

圖標

對應(yīng)到Google的material design的設(shè)計規(guī)范，保持與android系統(tǒng)icon的一致性，而且與星巴克的品牌調(diào)性完美的融合。

顏色和圖片

我們采用Google的官方引導規(guī)范，優(yōu)先的考慮色彩和圖片。從星巴克的logo中提取出來暖黑色和灰色，結(jié)合調(diào)色板的使用，以此來突出產(chǎn)品在屏幕中的顯示。

網(wǎng)格系統(tǒng)

利用8DP為基準的網(wǎng)格系統(tǒng)，將重點元素控制在16DP和72DP視覺線上，建立一個跨平臺的界面，保持視覺上的一致性。

挑戰(zhàn)

隨著android屏幕的尺寸和分辨率的不同，我們知道面臨著一個困難：在不同尺寸的屏幕上優(yōu)化，這是一個挑戰(zhàn)，也就意味著并不能總是遵循著設(shè)計規(guī)范，我們也正在通過material design作為一個持續(xù)的更新的設(shè)計語言，不斷的優(yōu)化我們當前的設(shè)計，并讓客戶作為優(yōu)先受益者。

作者：Chase Bratton

https://medium.com/android-news/starbucks-android-material-design-142e2c43feb#.dguft1l2l