#p#副標題#e#
#p#副標題#e#
但是盡管它色彩漂亮，卡片的使用提供了強烈的縱深感與操縱感。我時常捫心自問，這真的像許多設計師說的那樣，比Apple的iOS設計優秀嗎？我要發表一下我的看法，我覺得它只是獨辟蹊徑，并未全面勝出。
與iOS的相似點
我們從iOS的3項核心原則說起：清晰、遵從和深度。
清晰是指文字易讀、圖標明顯、對比強烈。清晰的定義,對于不同平臺是特定的。對于iOS和Android用戶而言，什么是清晰的取決于他們熟悉什么。iOS用戶可以立刻辨認的圖標，Android用戶或許不行，反之亦然。
深度是兩大平臺共有的另一項原則。但它們用不同的方式表達這一概念。iOS提倡模糊和漸變，Android卻強調投影和紙張的概念。
擬物2.0
雖然都這么說，兩大平臺都用了重要的方式重現了現實世界。它們通過模糊、投影，還有符合物理規律與空間關系的動畫呈現一種擬物化。擬物設計使用熟悉的隱喻，有助于引入新概念，但是過度細致的紋理和立體效果絕對是自取滅亡。作為用戶，由于科技對我們而言已經不那么陌生，我們已經不適應擬物設計了。皮質日歷和黑膠唱片，在這個時代已經比不上數碼概念了。
設計的數字化，使得陳舊的概念顯得過時且莫名其妙。
沒有人再用這樣的日歷了。
這兩種設計語言都有各自的弱點。
例如，多層模糊相互疊加，有種割裂感。而且，有點太鮮艷了。
卡片的概念在圓形屏幕上看起來截然不同?？ㄆ紦苏麄€寬度。文字的對齊方式感覺不協調，因為有很多不必要的留白。在圓形屏幕上，列表也難以使用，因為邊角處隱藏了重要內容。
不過這些Android Wear界面看起來非常棒。真的給人一種專為圓形屏幕設計的感覺。
內容在Material Designs中并非核心
順從是這兩者的差異所在。iOS完全是內容優先，而Android使用卡片的概念來使內容顯得更有觸感，盡管這樣會在左右兩側損失一些重要的屏幕空間。眼花繚亂的色彩也蓋過了內容。
華麗隱藏了內容，阻礙了交互。
色彩、導航和行動召喚有強烈的聚焦作用。（這就是新的Material Design Lite，為網頁而生）
相反在iOS中，關注點更多在內容上。界面的顏色更加中性、符合情境（它們會根據內容變化）。鮮明的色彩盡量少使用，通常都用于操作項。
Apple Music與Google Music的簡單對比顯示了Material Design使用了更多亮色和插畫。對于Apple Music，唯一使用的亮色就是“立即試用”按鈕。
標簽欄 VS 漢堡菜單
關于是否應該使用漢堡菜單，爭議由來已久。距離結束尚遙遙無期。盡管Apple在設計中很少使用。
但至少可以這么說，自從Material Design 鼓勵使用之后，我們通常更多在Android上見到它們。
iOS更偏好標簽欄作為導航。有趣的是，LukeW指出明顯的就是更好的。Facebook的iOS版改用了標簽欄后，用戶粘性有了重大改善。
Google Inbox使用了漢堡菜單。
但有些時候漢堡菜單是個好主意，比如最重要的內容就在主頁上。漢堡菜單內的選項必須只能是次要的，例如設置和登出。
色彩運用
Material Design突出地使用顏色。當然，它們非常漂亮。Flat UI配色方案也是。我們都知道，柔和色在各種狀況下效果都很好，不像CSS或Xcode中那些耀眼的默認色彩。
iOS配色（左），Flat UI（中），Material Design Palette（右）
不過Material Design在頁頭中使用那些色彩，有時甚至蓋過了內容。許多顏色競相展現時，其他元素的重要性便降低了。
頁頭是可以操作的嗎，因為它有顏色？應該改用圖片來表現我的產品嗎？“Goals”這個標題為什么和鏈接顏色相同？
色彩確實有含義，但這些含義很有限（例如紅色意味著警報，黃色意味著警示等等）。顏色也能傳達品牌，但是品牌不應該占據界面的中心。實際上，應用圖標是最適合呈現品牌的地方。除非你確定要在頁頭使用一種單色，不然就該想想更富表現力的方式。用某種方式確切表現你的應用。
同樣的，這對Android有意義，iOS則否。
如果一圖勝千言，一種顏色只勝十言。
各平臺定制 VS 全平臺通用
不得不承認，我曾經認為一套設計語言統一全平臺是最好的方法。但不幸的是，這會導致用iOS的設計語言來設計Android應用。從我的觀點來看，它確實有意義，但最終對用戶是不友好的。Android用戶就是不熟悉iOS。
Material Design統一全平臺的目標是個勇敢的嘗試，是我所見過的在這方面做得最好的。但這真的是最好的方式嗎？
網頁上真的需要華麗嗎？卡片適合小屏幕嗎？
卡片的概念，在Android wear上，有時還是圓形的屏幕，真的起作用嗎？給人感覺這套設計語言并沒有優先考慮設備。相反，像是事后聰明。
看看Apple Watch，它的設計完全為了手表而重新思考過。這就意味著會有新的UI范例要考慮，尤其對于按壓、數字表冠、手腕檢測和黑色屏幕邊緣。
Material Design定義更清晰
從材質如何操作和選用，到色彩如何結合，一切都在指南中有詳細解釋。
每種設計元素應該如何選用，來創造統一的構造和投影。
有一套特定的配色方案和顏色的組合方式。
Material Design甚至還提供了一整套系統圖標。
有一套嚴格的風格指南，好處是不容易出差錯。就像Bootstrap。它提供了一套統一且方便的體系。壞處是它限制了創造力，會讓多數應用同質化。
Material Design的閃光點
不要誤會我，還有很多地方Material Design做得很好。只是似乎每個設計師都沒有認真考慮其缺點，就高唱贊歌。
設計規則從來都在不斷變化，將人們的生活推向時代前沿。只要我們的生活在變化，設計也會改變。
例如，他們新的設計細則是一流的。在多個設計議題上都作出了指導，讓你在Material Design的領域之外也有所收獲。
Material Design中的顏色和動畫指南確實讓人印象深刻。
卡片的概念在整個平臺表現很好。它可伸縮且模塊化。當然也適用于網頁——在移動浪潮來臨前，設計師們已經使用了很久了。但我相信屏幕越小，它越沒用。
之前我提過，柔和色并非一項新事物。但是Flat UI trend和Material Design都很推崇它。我們正在返璞歸真，創造協調的色彩和漂亮的字體。這是件好事。我們越了解設計的基礎，就能更好地塑造上層的設計。
Material Design的動畫優雅，討人喜歡，盡管不像人們理解的那么革新。在iOS7之前，過渡式的界面仍然是個非常新鮮的概念。很高興看到兩套規范都推崇更加順滑、漸進式的動畫，來逐漸引導用戶，而非通過驟然變化來引人注意。
Material Design中有意義的動畫。
沒有完美的設計語言
永遠不會有完美的設計語言和模版。本文的目的不是為了批判其中之一，而是從優勢與弱點的角度來審視。設計就是為了某個目的選擇最適合的方式。那么繼續前進吧，持續實驗來找出最適合你產品的那個。別忘了考慮人們所用的設備。
我經常寫一些關于iOS、Android和代碼的文章。你可以在Twitter上通過@MengTo找到我。感謝閱讀！
作者信息：
Meng To
I design, code and write. @mengto
最近，我們決定替換一下我們常備的郵件app原型，換成更迷人、跟上時代的東西——其中考慮采用了Google的material design原則。
但我們注意到很多設計師遵循Google的規范，最后……結果做成了Google。聰明的品牌會沿襲Google的風格，但對于想要跟上設計趨勢同時保持自身品牌力量的公司而言，這就不太好了。
設計新的郵件app原型時，我們深入考慮了這個問題。我們要確堅持material design基于觸摸、用動效表達意義、大膽地表達意圖的核心原則，但不能完全復制Google Now或是Inbox。
我們想在此從兩給方面分享構建這套界面的收獲：其一，分享我們關于material風格的思考和設計。其二，分享界面本身——你可以從文末獲取到。
顏色
Google一直以它大膽的主色運用著名，從他們無處不在的logo，到山景城園區的戶外陳設皆是如此。Material通過輔助色、基于飽和度的色譜擴展了它的配色，但仍然專注于運用大片的扁平色彩，并沒有使用長年主宰網頁設計的漸變色。
盡管關于設計趨勢的討論，都傾向于將漸變、投影和擬物化融為一體，material design鼓勵使用引人注目的陰影，回歸現實中的觸覺反饋。
于是，我們向用戶展現了引人注目的漸變色，以示區分——包括app主圖標中的條紋。構成這種漸變的色彩來源于material的配色，但我們以一種Google沒有的方式進行混合。然后我們給懸浮操作按鈕加了一定程度的透明。不過在信封的翻折處仍然有濃厚的陰影。
由于material design需要明亮、高對比度、濃烈的顏色，使用寬泛的配色來填充設計，極具誘惑力。但顏色不必強烈反差來滿足material的標準、達成目的——只要意圖鮮明就可以了。
我們的郵件app最后用了相對簡單、接近的配色，采用投影和漸變來區別于Google，同時創造并傳達其意義。
字體
Google顯然具有運用字體傳播品牌的力量。通過創造和統一使用他們的Android預留字體，Droid Sans和Serif，如今則是Roboto和Noto，他們不僅創造了清晰的界面，也強調了品牌。他們還（聰明地）更進一步，堅持在網頁上也使用Roboto資源，比如Play商店、material design官方網站、和Android版本網站。
我們要一套簡潔、現代的外觀，類似于Roboto——但不盡然。Google Fonts上對的Roboto描述 表現了他們試圖讓它適用于所有人——他們用了少量詞句描述，比如混搭、人文主義還有幾何學。
于是我們選了Avenir字體，另一種跨界字體，它源于無裝飾的Futura字體，但融入了更多人文主義曲線。不像Roboto或Apple的摯愛Helvetica，它不是混搭字體。
我們也用過人文主義的Open Sans字體，我們的品牌字體之一。不過這沒什么意義，我們不想過分強調自己的品牌。
交互與動畫
交互、動效和動畫可以給用戶帶來大量的反饋信息。通過過渡效果，讓他們知道任務已完成，表達出app的層級結構。這些都不需要逐一寫成文字。
Google的動畫效果能給人啟發，讓人思考事物相互間如何關聯與轉變，UI元素如何幫助用戶接受與登錄，界面元素如何取悅用戶（而非令他們分心）。
但要確保它最終確有啟發性。謹慎考量你的app的最佳交互隱喻。Google的紙墨隱喻難以抗拒，這點無可否認。通過它讓你的用戶理解app的行為、工作原理和各元素間的關聯，只有這樣，它才是正確的選擇。
交互效果與動畫要對你的app有意義，有助于融入Android（或iOS）生態系統，能夠打造最佳的用戶體驗。時刻圍繞自己的平臺很需要精力——這就是為什么我們在設置中的iOS開關、切換項上稍微卡住了一會兒，為了保持material的感覺。
請隨意取用
設計這套新原型，教會我們很多。我們希望這個Sketch文件也能給你同樣多的信息。它總共有23給界面，包括登錄。馬上下載吧，完全免費！
作者信息：
John Moore Williams
I'm the Director of Content Strategy here at InVision. Nice to meet you.
Follow me on Twitter