知乎如果應用 Material Design ,會是什麼效果?改動很大嗎?

看了最新的Play報亭,感覺很不錯,谷歌還是沒有放棄卡片式設計的。

那麼問題來了,知乎這款近乎標準的 Android Design 應用,如果採用最新的 Material Design ,將會是什麼樣呢?⊙▽⊙

如果變為Material Design ,所需的改動很小還是很大?

p.s. 挺希望知乎能成為業界標杆的,起碼在中國,真心


補完一個 問題和回答頁

(真的亮 亮瞎眼


昨晚看到這個問題 熬夜試著做了一下

最初傳上來的版本顏色有問題 現在已經改好了 順便按照評論里提到的問題小修改了一下

謝謝大家的意見~

知乎播放不了gif圖 查看動效請移步

知乎 Material Design-UI中國

--------------------------------------------------------------------

對不起各位 我拿手機看才發現偏色……至少不是我想要的顏色

我改好了再放上來 抱歉抱歉


感謝每一個評論建議。

我重新開始,重新設計。

GIF動畫地址

Material Design AE小動畫-UI中國

圖1:菜單界面

圖2:信息界面。

註:

  1. 關注、發現、熱門選項會隨手勢滑動自動隱藏。

  2. 浮動按鈕擁有提出問題、發表文章功能,也會隨之隱藏。
  3. 未採用卡片式設計是因為信息屬性單一,且無需手勢化操作。

圖3:夜間模式界面。


居然都在更新,那我也更新一下~

相對於「Google Play」「Google雜誌」的設計,我更喜歡"Google plus"

如果拿著官方「Material Design」演示,直接套用的話。。。

標準是標準,但是總覺得這樣的東西很Geek很模範,沒有一點「生氣」。

就好比iOS上那些設計很贊的App,大多不是直接套用iOS官方框架來的

視頻如下:

視頻封面知乎 for Material Design視頻

--------------------------------------------------------------------------------------

感覺前面大觸做的,更多的是接近Android Design,沒什麼「堆疊」的元素——不大認可左邊出現菜單就是「堆疊」了,更新一下~想「源自Material Design理念」,不想弄成「改自Material Design母版」。

1、按照Material Design的堆疊理念,這個App的Material堆疊層次大概如下圖

2、瀏覽中,導航條會隱藏

3、往下滾動,根據幅度不同出現導航欄

4、參考Google plus的下拉菜單

5、問答頁面,「問題內容」層「凸出」於其他層,在點擊"v"符號後,下拉覆蓋其他層。

6、頁面向左推,就進入「消息盒子」,大概是想表達「消息盒子」是堆疊主頁面之下的

---------------------


這個問題繼續下去的話,感覺知乎的程序員們能減少不少工作量。。


非視覺設計師,請指教



與問題無關,但是回復里又不能發圖只好發這裡。不爽就摺疊吧&>.&<

NovaDNG發的圖應該是PNG格式,透明背景,所以在iOS客戶端上點開大圖是這樣的

躍然紙上的感覺超!級!棒!

如果每個程序員都有這樣的情懷,這世界上也就不缺好APP了。

P.S.雖然我很讚許知乎的程序員們為不同平台的客戶端適配了相應的風格,但你們不覺得不同客戶端的功能差別有點大么……


已適配。

但是目前發現兩處bug,一是搜索結果中很多為不相關條目,但是看起來很眼熟似乎是以前關注過的問題。二是一個存在了很久以及我多次反饋過依然沒有修復的問題,就是查看圖片時,應用頂邊半透明狀態欄無法隱藏,導致圖片被遮擋部分無法看清的問題。

雖然知乎作為國內少有的遵循Material Design設計風格的團隊這點值得稱讚,但這些小細節的問題在多次反饋的情況下仍未得到修復卻是讓人有些遺憾。

12月9日更新

問題一已不存在。


我做了一套基於material design的知乎客戶端 還上了站酷首頁喲!給你們瞧瞧 歡迎指正!

http://www.zcool.com.cn/article/ZMTYxNjg0.html


用了好幾個月的狀態欄變色,看到第一的答案感覺不會再愛了。。。

基本上和第一的差不多。

至於改變,取決於知乎對於安卓客戶端的態度。。。

現在的知乎客戶端還算是比較標準的android design了。。。


「知乎這款標準的Android design應用」

知乎是標準Android Design?我上穴少你不要騙我。

反正目前Material Design也就這德行,你要的話我也能給你畫一個出來,跟NovaDNG的基本是沒差啦。

好了我來回答一下題主的問題——

改動會比較大,而且肯定比現在的要好。

不過用Android Design重製會更好。

畢竟我是Kitkat死忠粉。

以上。


繼續更新:

這輩子我都不想再用畫圖了

知乎全球首發,甜菜親自製作(花費20min)

毀三觀妥妥的。卡片式真的不適合逼乎...雖然我沒畫知乎,IT之家也能看看吧。

設計理念及具體說明:

卡片式PASS, @Definitely Maybe 的設計就很優秀。

滑動返回什麼的應該在設置裡面有選項。

我就是愛用Drawer啦啦啦。靈感來自Google Play。

自動隱藏Action Bar詳見知乎答案頁。

評論上拉靈感來自BlackLight微博(us.shandian.blacklight)_1.0.6.1_Android應用 至於他的靈感何在我怎麼知道。

3 dot menu滾粗!設置放Drawer(無節操追隨Google)

另外一張也是考試時畫得

(知乎全球首發,我博客都沒發哦!)

原答案:

看看NovaDNG的設計,簡直美爆了,雖然那個fab不知道幹啥的。。。

另:為什麼很多人吐槽現在的Android版知乎,其實我覺得已經很不錯了。

你見過幾個這麼多用戶的產品用drawer和swipeback了。。。(哦,對。知乎都是iOS原教旨主義者)

註:本人手機的屏幕一個4.0一個4.5,都不是虛擬按鍵,所以還是Swipeback順手...


拜託…先支持下沉浸唄…


今天是不是就換成了Material Design了


目前知乎用上了Material Design 好棒


推薦閱讀:

如何看待 Google 讓自家應用的 iOS 版與 Android 版統一使用 Material Design ?
如何看待MIUI8標題欄DEMO視頻?
Android 設計規範化是否會造成同質化?
如何評價 React 實現的前端 UI 庫 material-ui?

TAG:知乎 | 交互設計 | 用戶界面設計 | Android | MaterialDesign |