該如何讓現有的安卓 App 設計風格適配為 Android L 風格?

以大眾擁有的微信為例,該如何適配 Android L 的交互規範和設計風格?


==我先來說個很糾結的事兒。

研究完了Android L(預覽版)和Material Design之後,我覺得Google特么的就是個坑啊……

我們就以Material Design為例。

我們就簡單說一個陰影效果:

對於Android L來說,實現陰影效果只需要一個函數+一個參數。

但是如果不是Android L呢?

大家覺得需要多久Android L及其以上的版本能佔據市場的50%?

我猜至少三年。

佔據80%……我猜得五年。

所以在決定放棄低端用戶之前,我們想做符合Material Design的APP,就得這樣:

這是我為專欄寫的一個Demo的截圖。

這裡的陰影是一個我自己繪製的漸變圖形。

如果是一個複雜的布局,用這種方式大概就能寫出一個5000行的XML了(本人最高紀錄)。

所以,陰影也不是你想加,想加就能加。

再來舉個栗子,動畫。

Android L的動畫著實不錯,但是我看完的感覺就是……

「Google 你以為我想不出這些動畫么,比你這炫酷的我都能想出來」

但是,能想出來和能實現(想不想實現又是一個問題)是兩個概念。

說實話,再炫酷的動畫,我一幀一幀畫也畫出來了。

Material Design一出,一定會有人問我們為什麼我們的APP不符合Material Design中的動畫。

可是這動畫,真不是調用一個方法就能實現的啊。

然後回到正題,以我廠的微信為例。

我廠的微信現在是一種類Android Design,大部分控制項都是自己自定義的,只是看起來像Holo。

對於Material Design,以我廠的技術水平,下個月就能給你上線。

陰影什麼的,動畫什麼的,色彩什麼的,應有盡有。

可是按照我那實現方法,陰影和動畫都會讓低端機更卡。

而且現在又有多少用戶了解Android L,了解Material Design?

所以說,只有當Android L及其以上的版本成為主流之後,微信才可能使用Material Design。

至於其他大廠的APP,大概也是這樣的。

但是個人開發者么,就不受這個限制。

但是也請不要苛責開發者不遵循Material Design,面對這樣的Android,我們也挺不容易的……

大家怨氣好大==我還是加個利益相關吧……

利益相關:騰訊地圖產品實習生,很水的個人開發者,我的技術水平遠不及我廠平均水平。

/*我以前也覺得這種大廠做不做符合設計標準的產品是有沒有誠意的體現,現在我卻覺得,他們比我們看的更高。對我們來說,Android的設計標準是我們所鍾愛的東西,對一個企業來說,Android只是個平台罷了。這句話注釋掉了,所以大家都看不到,不要噴我*/


  1. 把自製控制項替換為系統自帶控制項即可得到: 在 Android L 上實現 Material Design 的視覺效果, 在 Android 4.X 上實現 Holo Theme 的視覺效果.

  2. 按照 From Holo to Material (百度盤) 的教程, 將視覺風格調整為符合 Material Design 的風格. 同時也可以參照已經開源的 Google I/O 2014 應用.
  3. 等待. 現在 Android L 尚為預覽版, 設計風格指南的 Material Design 也尚在預覽中, 急於做調整會導致若正式版發布與預覽版有出入時的被動.

以及還是要抱怨一句, 如果一個應用所有的控制項都調用系統自帶控制項, 那麼在 2.X (假設支持), 4.X 和 Android L 上會得到截然不同的三種風格, Android 不愧是自帶碎片的 OS...

另外, 現在的國內應用里, 飯本已經在一定程度上對 Android L 進行了視覺適配, 推薦參照.


簡單來說使用儘可能的使用系統控制項,並繼承系統樣式就好

不過系統控制項就那麼多,很多情況下不能覆蓋我們的需求,還是得自製控制項

這個時候就開始出現各種坑了,比如上面說的Z軸的問題,如果想在Pre-L上實現不同的投影高度,那麼每一個控制項的每一個陰影都要自己計算自己畫 ... 性能問題暫且不考慮,有這會兒功夫,我還是寧願開發們多做點新功能出來。

嗯,一句話,不給控制項,只提規範,都是耍流氓

不過拋開動態的動畫和特效部分,僅僅是視覺效果上的切換,其實花不了太多功夫,我廠的新應用中就應用到了不少Android L的視覺元素,鎖定八月八日,盡請期待, Project X @ http://AcFun.tv :)


安卓設計風格在不同的版本體現的不一樣是很正常的,看到樓上說的,感覺果然是有點外行了。

Android L 上實現 Material Design 的視覺效果, 在 Android 4.X 上實現 Holo Theme 的視覺效果.

目前來說,替換的好像也不是很成功吧。

我使用的就是安卓L桌面漢化版下載|L桌面漢化版 v1.93安卓版下載_Android(安卓)軟體免費下載 桌面的效果還是很不錯,其他的軟體,你說的微信,感覺都沒有全面靠攏。


推薦閱讀:

電阻屏為什麼被淘汰了?
Material Design所需基礎?
如何讓android的service一直在後台運行?
如何評價樂視 Cool 1 生態手機?
一加手機好用嗎,適合學生黨嗎?

TAG:用戶界面設計 | Android | 設計風格 | AndroidL |