如何評價 Bilibili 的新版本 Android 客戶端採用 Material Design?

剛才發布的 Bilibili 客戶端 V4.0.11 採用了 Material Design,如何評價?

依@陳楚楠 建議,這裡貼出下載地址

http://pan.baidu.com/share/link?shareid=4262795054uk=2936271114_client_version=6.7.2


(多圖注意!)剛剛下載來看了一下,個人覺得還可以,至少大致上是MD風格。我說大致上其實算客氣了,給一些懂MD的強迫症看到可能又要說這不是MD了。我覺得這種設計邏輯有遵守最重要,設計細節其次。

首先是搜索

它使用的是persistent search,在guidelines裡的說明是:

Use persistent search when search is the primary focus of your app.

也就是說使用在較常用搜索的應用上。 像Google的話,也只有用在play商店跟Google search還有地圖上,因為這些都是以「找東西」為目的的。而bilibili用persistent search bar是否恰當我就不多加評論,至少我覺得沒什麼差。

↑Google app使用 persisient search(在此可以看到第三張的voice icon歪掉了)

再來想說cards

基本上沒什麼問題,不過卡片之間的距離分太開了,有種內容鬆散的感覺。不要小看這種小細節,對於視覺感受會有很大的不同,Google會制定guidelines來規範這種小細節也不是沒有道理的(但也有可能只是我看習慣Google 的應用了…)

↑比較看看play商店的

再借用一下上面的比較圖,除了卡片大小以外,可以看出有些字體大小與圖標也有差別,對視覺感受也會有所不同。不求完全的模仿,但求學習做得更好。

對於狀態欄透明,用android 4.4 api是能夠兼容4.4以上的系統,只是對5.0以上的就不太友好了,會變得黑黑的(對這我倒是希望Google能改一改)

↑在android 5.0以上透明度更低

看到了這張圖,我想有強迫症要抓狂了!

那三條線怎麼………

看看hangout

還有 分類

老實說其實這樣比較直觀,但總覺得怪怪的

還有navigation bar比例跟icon的一些缺陷(Google都幫你設計好了,你不用我也沒辦法),但好在都是小問題,不是強迫症應該都能接受。

總結(看了其他人的回答發覺跑題了 汗顏…)

先前的底欄版本被現在的版本取代這件事,抗議應該就是大致的原因了。為什麼要抗議?是底欄不好用?不用MD?都不是,至少我不是因為這點而抗議。側欄與底欄到底哪個好用?都好用。iOS邏輯好還是Google的設計棒?都很好。我無法比較好壞,或者說各有各的好壞。但既然這樣,廠商錯在哪裡?

我覺得就錯在他把iOS的邏輯帶到android來

Pure Android寫的很清楚

Don"t use bottom tab bar

Other platforms use the bottom tab bar to switch between the app"s views. Per platform convention, Android"s tabs for view control are shown in action bars at the top of the screen instead. In addition, Android apps may use a bottom bar to display actions on a split action bar.

You should follow this guideline to create a consistent experience with other apps on the Android platform and to avoid confusion between actions and view switching on Android.

For more information on how to properly use action bars for view control, see Action Bars.

就說了android要使用虛擬按鍵,偏偏有人就是偏不用。說了android請盡量遵守MD,就偏偏要用底欄、圓角矩形、各種iOS style。就是這樣才會搞到什麼三下巴的怪玩意出現,再這樣亂搞,以後還會出現更奇葩的勒。把A環境→A設計→A邏輯這樣一個環境的後兩項去掉然後說,噢,我覺得B設計比較好嘛!為什麼不能用…就看把獅子丟進海裡,他是否還能當他的草原之王吧。就算能夠苟延殘喘,也已跟周遭的環境格格不入了。這就是抗議的原因。

所以最新的版本使用MD這件事,一方面是覺得製作者挺可憐的,但也覺得活該。

參考:

Pure Android

Introduction


觀眾姥爺難伺候啊,這個版本是產品老大接的鍋,還不趕緊去5星好評

附相關鏈接:Material Design in Action


啥都不說先,趕緊下載裝了

那個棒棒噠Bilibili回來啦

好在B站的用戶多少能接受原生的Android樣式,或者說B站在每個平台都有其原生的設計(還有個Windows呢),是每個人的幸運

騰訊從很後面倒退了

網易也倒退了

珍惜來之不易的B站吧


這特么1個月內設計變了兩次,不過這次還算可以


好好好,你贏了,容我回頭更新看看。

我的知乎回答:如何評價 3.9 及 4.0 版 Bilibili for Android? 只要手中這個版本還能用,絕!不!更!新!update,不能用了也不更新。有第… http://www.zhihu.com/question/31150070/answer/50883636


試用了一下,中規中矩,雖然有不少地方(比如專題頁)還可以做得更好,但總體已經不錯了。

為了表示支持,我專門開了個模擬器來下幾個裡面的遊戲...


版面一個月內兩次大改,然而兩次都不在首次啟動時加入對各處功能性改動的指引,又得被人罵了→_→


雖然嚴格來說不算標準的 Material Design, 但這次改進我更多是贊同的。

首先把首頁雙 Tabs 這種反人類的東西改回 Navigation Drawer + Tabs 簡直好評。Search 的改進讓我眼前一亮,他們竟在那麼短的時間,拋棄對 Material Design 的偏見,而設計出這麼一個 「還算看得過去」 的一個版本,我還是挺佩服 B 站的,相比於其他的大公司,B 站都不知比他們高到哪裡去了

然後就說說這非標準的 Material Design, 就拿 Drawer 來說吧,B 站現有版本的 Navigation Drawer 在 Action Bar 上顯示樣式明顯是 4.X Android Design 式的,然而打開卻是 Material Design 樣式的.......

這不得不讓我想起環聊在 4.4 到 5.0 時的過渡版本,風格不統一的詭異版本.....

據說是為了可發現性,所以才把標準的 Material Navigation Drawer 樣式改成這種 4.X AD + icon 的樣式 ?但我覺得,設計師一直為 Navigation Drawer 的可發現性而想辦法是多慮了....因為 B 站所面向的群體都是年輕群體,而且用戶習慣的引導的責任,明顯的在你們這些新興,面向年輕群體的公司上。

雖然自己的 App 上 Navigation Drawer 的可發現性高了,但從 Android 生態圈來說,這不是一件好事,因為只有統一的控制項,那樣用戶體驗才會統一,而統一的好處是更加的易用,而不需要用戶去思考 「這個按鈕是用來幹什麼的」

人人都要遵循規則,但沒人敢去打破規則,那麼,無論在哪個圈子,都不會有實質性進步的,這也是國內 App 設計界的現狀吧。


沒用過這個。。不夠看了下設計還是不錯的,不過感覺還是有提升空間吧。。畢竟視頻類的軟體,immersive mode沒加入很可惜,設計最為典型的應該是drippler吧


我就想知道這迷樣的粉紅色主題能不能改改!!!真心不敢用啊,起碼給個主題替換的選項啊!


我現在在意的問題是從3.2開始沒掉的"後台保留播放器"…所以我還停留在3.1.4。摺疊我吧


跪求把應用圖標也換下


如果我沒看錯,是評價bilibili採用Material Design這一行為,而不是評價bilibili的Material Design設計如何。

1、Material Design在動效和交互上都不錯,和iOS風格比各有千秋。而且採用Material Design和安卓手機風格上會更搭配。

2、最根本的還是說明公司土豪了,有多餘的產品、設計和開發資源,能維護兩套交互、UI、前端。以前微信曾經做過安卓風格,但是資源壓力大了,後來還是和iOS版統一了風格

3、必然降低除首屏功能外其他所有功能的使用率,應該會降低10-40%

4、安卓原旨意主意吃棗藥丸


唔,被人舉報了。。還是刪了那段話吧

正經點的說:重新設計過的風格還是挺贊的(瘋狂點擊側邊欄的小電視有驚喜),遊戲中心還是放在顯眼的位置,還有了大眾希望的「沉浸」(其實不叫那名字,拍),不過基佬粉配色才是關鍵233。然而還是不支持橫屏對平板設備不太友好,還有主界面左上角的那三條杠強迫症表示不能忍,不能露出完整的嗎?_(:з」∠)_


一版設計用沒幾天又大改,程序員估計想砍設計師的心都有了。

然而廣大群眾也不吃Material Design這一套,他們還是更喜歡iOS,過幾天還得換回去,被知乎眾忽悠的設計師估計要被程序員分屍了。

——————————————————————————

這是之前iOS界面的嗶哩嗶哩客戶端發布時的狂歡!

——————————————————————————

截圖來自:http://weibo.com/3342021970/CpzzFE7Ae


就這張圖裡發現的問題。

1.icon與字間距有點大

2.註銷的位置不太科學,容易勿點,建議模仿知乎的「登出」,放在menu鍵里。


採用什麼設計理念和系統模式並不重要,既然採用了一種方式去設計,那必然有設計者自己的理由,畢竟設計去按照一個趨勢去做有時並不是什麼精神上的目的,而是僅僅讓設計更精鍊,更簡潔明了,更好看罷了。設計重要的地方在於設計出來的東西是否能廣泛地被用戶接受,傳達是否簡介精鍊而已。設計理念和系統在提出之初就是為設計而服務的,不是禁錮設計和供人追隨的所謂信仰。

至於B站客戶端採用MD設計,個人認為有這幾大原因:

1.為了與Android L設計整體元素相契合,使Android L的用戶更快速地適應B站客戶端的操作,上手更快。

2.MD本身就具有操作簡單,傳達準確,簡潔明了的優點。

3.Material Design的視覺動效更富有趣味,對操作者而言,可以緩解操作界面的枯燥感。

至於B站為何要這麼做,如何看待這樣的做法,相信題主您現在已經可以從以上我說的幾點中提煉出來關鍵了。

總之,設計及其附屬是為人服務的,而不是人空泛地將其作為所謂「信仰」,被設計所禁錮。在此我徵引一句話:「設計有時僅僅只是好看的圖案,或者方便用戶,而不是有什麼特別的意思的」。同樣,並不是說MD怎麼怎麼的先進,怎麼怎麼地迎合時代等等我們才要去學習它適應它,MD設計之初便是為了更好的為用戶服務,因此,採用它設計的人的目的,我相信更多還是是為了為用戶著想而不是所謂信仰的。


跪求把應用圖標也換下


評論的自帶顏文字呢,湊五字也是很麻煩的啊魂淡(ノ=Д=)ノ┻━┻


作為一名用戶,這次更新讓我很開心,MD風格和我平時的操作習慣相仿,用戶體驗不錯,不過遇到過一次bug,點擊某個視頻的時候視頻詳情頁跳了兩次,也不知道是手機問題還是客戶端問題。


推薦閱讀:

Android ConstraintLayout使用指南
五月份,掘金翻譯計劃有這些乾貨
教你寫一個炫酷的Material Design 風格的登錄和註冊頁面
Android之視圖動畫Animation
Google Pixel,這個兒子不一樣

TAG:設計 | Android | 嗶哩嗶哩 | 如何看待評價X | MaterialDesign |