隨著Material Design 2 的發(fā)表，Google suite中的產品紛紛推出新設計，因為手機上APP還未更新，所以作者JasonCK思考如何讓歷史悠久的Gmail 能更直覺、更方便，為它披上Material Design 2的新外衣。

Gmail 與它的兄弟 Inbox

Google 有兩個郵件服務，一個是Gmail 另一個是Inbox，兩者處理郵件的模式大不相同，Gmail 屬于比較傳統(tǒng)的郵件服務，使用者收到信能做的是回復、歸檔、刪除郵件等等，Inbox 則是以「動作」，例如延后、完成、回復，使用者決定下一步該如何處理這封信，做出動作回應，延伸這封信內容的價值，就像一個代辦清單，而非傳統(tǒng)郵件單純閱讀收發(fā)，我認為這樣的處理方式比起傳統(tǒng)的收發(fā)閱讀更有生產力，還在實驗中的新版網(wǎng)頁版Gmail 也提供了「延后」以及融合Google 日歷、Tasks 代辦清單，想見Google想融合兩者優(yōu)點，在這次Redesign 中也會試著以一些Inbox 的思維去設計。

重新設計的目標：

1.2點是從Play 商店頁面收集來的用戶反饋的痛點。

1、使用者表示App 版沒有全選刪除/標示已讀功能。

2、使用者表示常常找不到未讀郵件。

3、導入Google 智能回復。

4、快速找出使用者標記星號的郵件。

原版Gmail for Android

設計結果

重新設計后的Gmail for Android

首頁的設計，選擇直接將三大分類排列出來，讓人一目了然哪個信箱還有尚未閱讀的信件，在主要收件箱掃視信件標題時，不會受到其他類別的郵件的干擾。

另外將App Bar 改成在MD2 新推出的Bottom App Bar，考慮到使用手機的熱區(qū)集中在下半部，希望將常用的瀏覽、整理郵件時需要的功能都可以輕松的在下方完成；一些更重要的按鈕例如「發(fā)送」放在在較費力點擊的上方位置，為操作增加一定程度的難度除了不容易誤觸外，也有利于使用者在過程中較理性的去思考自已的決定，發(fā)送前先好好檢查有無錯字之類的。

首頁的選單多出選擇、全選、重新整理等原本必須用手勢啟動的功能

在首頁右下角的菜單設計，有「選擇」以及「全選」的功能，熟悉Material Design 特性的人在原版Gmail 中也許很容易就能發(fā)現(xiàn)如何選取多封郵件，但是很多小白用戶并不太了解這個功能，于是在這里加上明顯的功能鍵，方便不熟悉MD 特性的人也更容易找到這個功能，「全選」則是在Play 商店上很多人要求的功能，在手機版上沒辦法快速全選，讓很多人想要一次清空收件箱卻無法實現(xiàn)，因此加上來這個功能。

閱讀信件、回復頁面

最后是郵件頁面，在懸浮動作按鈕(Floating Action Button)上，從原本的單純「回復」改成一個加號，按下后會出現(xiàn)一系列動作，我想整合Google 其他產品進來，這也是新的Gmail 網(wǎng)頁版推出的功能，我將它放在這里方便使用者可以決定下一步動作，可以將Email 中的內容排進日歷，在指定時間提醒，或者用Tasks 把它加入一個待辦清單。

通過這次重新設計，讓我們深入認識了Material Design Guideline 中的各種元件，了解其骨架和規(guī)格，整個方案也都遵循MD 中的規(guī)范去訂定邊界、按鈕大小、間隔，也許遵循規(guī)范感覺比較沒有創(chuàng)意性，但可以當作一個實用性的最低標準，盡量避免出現(xiàn)按鈕太大破壞畫面平衡，或太小很難點擊這種失誤。