新年前夕,利用好幾天整理資料ing,看到幾個有趣點(點擊查看):
如何在 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