我設計的 UI 為想追求 Material Design,如何?

題主對於material design的理解有誤。或者說,這可能反映了絕大多數人,包括UI設計師在內的人的誤解。

首先從老師對設計的評價看起:顏色太艷,太大塊。

MD規範建議使用兩種色彩,及對應的遞增減色突出hierarchy,從您的作品來看,色彩缺乏視覺上的關聯。我也不知道您這web app的brand colour,還是說完全就是在MD官網上取了幾個自己看得上眼的顏色。

設計元件面積上來說,工具窗口和主視圖1:2的大小可以接受,但不建議常駐完整工具側欄。我依然無法從你給出的例圖中得知左上角的漢堡鍵實現何種功能。

再看您的字體和排版。

建議:嘗試使用和內容文字一致的sans serif(黑體或其它)字體於標題,並且增加字體與其所處卡片上下邊緣距離(padding)。統一文字顏色(白色)於橘色和綠色背景之上。漢堡鍵應使用和文字一致的顏色。

FAB:

明確此處浮動圖標的意義,圖標理解是撤銷,是否必要於此處顯示。FAB是MD最敏感和易被濫用的設計元件。

按鍵與TAB

例圖「公交查詢」:上方的三個tab選擇和行動按鍵「下一步」一致的樣式不妥,且MD官方已經給出了明確的tab樣式,建議改進。「下一步」和『搜索「按鍵的樣式進行統一,確認幽靈樣式在此是否具備更好地識別度。

其它建議:

可以參考http://ele.me(餓了嗎)的設計,模糊背景可能是你們老師更想要的,可以弱化色彩於主視圖的衝擊。1:3的面積安排也更適宜。

在與老師的溝通上建議主動一些,明確你的個人強項,在功能添加上(時鐘)嘗試用你對該web app的理解說服他。

最後上幾張我初識MD同樣針對某web app做的不規範飛機稿與題主共勉


顏色還好吧,適當降低飽和度,不然看久真心收不了。


您這配色。。。紅配綠,炫,實在是炫。

還有,那個字體能都調成雅黑么,宋體看著彆扭。


1.字體太大,邊距和字體的選擇什麼的都欠考慮

2.題主並沒有理解material design到底是什麼,並不是色彩鮮艷加右下button就是了。就像很多答案提到的,色彩用的太多。material design很重要的一點是用shadow和顏色的變化來表現和隱喻三維世界裡的層次邏輯。

3.多看些dribbble上成功的設計把


嗯!⊙_⊙你的主題色是什麼?

如果是綠色,其他的配色就不要這麼大面積的填充。

如果不是綠色,就要更改標題欄的填充色。

顏色搭配是同色相搭配還是同色調搭配?

考慮沒有考慮顏色的飽和度和亮度有沒有美感?

僅僅從顏色上表達的主題是什麼?突出的重點又是什麼?

題主想一想這些再進行顏色搭配的時候或許就不會這麼「刺耳」了!


http://mp.weixin.qq.com/s?__biz=MjM5NTA0NjY4MA==mid=204282720idx=3sn=596c654d6e9d752c8dcaced8c2beadd5scene=1#rd

我了解的不多,這個是曾經收藏的,希望有幫助

建議你去看看谷歌的官方指導文檔

http://www.google.com/design/


粗眼一看配色不太好看


看UI想了下這個項目大概是幹啥的,哈哈哈哈哈


推薦閱讀:

Android里toolbar中的元素怎麼開啟5.0的點擊擴散的漣漪動畫效果呢?
如何看待 Google 讓自家應用的 iOS 版與 Android 版統一使用 Material Design ?
Material Design 推行了兩年,到現在怎麼樣了呢?
為什麼有人支持在 Android 上使用非 Android/Material Design 的應用?
如何評價AcFun 4.0Beta版的Material Design設計?

TAG:網頁設計 | 用戶界面設計 | 個人諮詢 | MaterialDesign |

分頁阅读: 1 2