前言
猿題庫是一款免費的手機做題軟件，在中學學生中擁有一定的人氣。
猿題庫很早之前就發(fā)布了 Android 版本的客戶端，但猿題庫的聯(lián)合創(chuàng)始人，郭常圳 先生，并不認同 Android Design （或者現(xiàn)在的 Material Design），而且認為應(yīng)用程序的設(shè)計規(guī)范，應(yīng)當由開發(fā)商來規(guī)定。
然而當我試用猿題庫的時候發(fā)現(xiàn)，這個應(yīng)用對其進行 Material Design 的適配，其實并不困難。因此就有了對其進行重新設(shè)計的念頭。
由于郭先生對 Android / Material Design 以及對跨平臺應(yīng)用遵守規(guī)范的誤解，我會在展示作品之前，先簡單說一說我心目中的跨平臺應(yīng)用應(yīng)該是如何設(shè)計的。
跨平臺應(yīng)用應(yīng)該怎么做？
現(xiàn)今，絕大部分的移動互聯(lián)網(wǎng)應(yīng)用，都會選擇開發(fā)雙平臺（iOS 和 Android）或多平臺的跨平臺客戶端。
iOS 的情況比較簡單，因為絕大多數(shù)公司都會遵循 iOS 的設(shè)計規(guī)范，很少出現(xiàn)把別的平臺的設(shè)計風格“搬”到 iOS 上的情況。然而 Android 就要復雜得多了。
Android 在 4.0 之前是沒有一個統(tǒng)一標準的規(guī)范的，默認控件也比較丑陋，于是開發(fā)商們就“怎么方便怎么來”，基本上都把 iOS 風格的控件和交互直接照搬到 Android 上。
情況在 4.0 之后有了改觀，Google 為 Android 打造了更加美觀的 Holo Theme ，并且提出了 Android Design 規(guī)范，從此 Android 應(yīng)用的設(shè)計風格開始進入了新的時代。
然而現(xiàn)在的 Android 應(yīng)用并沒有呈現(xiàn)出“大一統(tǒng)”的狀態(tài)，而是一個“分水嶺”的狀態(tài)。一邊是大部分國外的公司和開發(fā)者的應(yīng)用，經(jīng)過幾個 Android 版本的迭代之后，絕大部分已經(jīng)遵循了 Android Design，同時有些應(yīng)用已經(jīng)開始遵循 Material Design 以期在最新的 Android 5.0 Lollipop 中擁有更好的表現(xiàn)；另一邊是大部分國內(nèi)公司和開發(fā)者的應(yīng)用，縱使 Android Design 已經(jīng)推出了多年，他們?nèi)匀灰暥灰?，繼續(xù)使用 iOS 的那一套設(shè)計風格。
這其中也有一些例外，微信在 5.2 版本中做了一個不太好的嘗試，開始試圖讓微信遵循 Android Design 規(guī)范。但這次嘗試十分短暫，在受到了用戶的批評后，他們馬上在 5.4 版本里換回了 iOS 風格。
因此，有人提出，用戶不需要跨平臺應(yīng)用針對不同平臺做不同的設(shè)計。這個觀點是對的嗎？個人認為，不對。
雖然使用 iOS 風格的設(shè)計在 Android 上“又不是不能用”，但如果你想為自己的應(yīng)用從觀感，使用體驗等各個層次來一個全面的提升，還是應(yīng)該試著去遵守平臺的規(guī)范。更不用說 Material Design 在 Android 5.0 上提供了非同尋常的使用體驗，極具個性的動畫效果，能為應(yīng)用帶來優(yōu)秀的視覺享受。
所以，用戶需要，有必要，有權(quán)利在不同的平臺上用上遵循規(guī)范設(shè)計，體驗更好的應(yīng)用。
我看跨平臺應(yīng)用——“求同 存異”
前面提到了，微信曾經(jīng)在 5.2 版本里短暫地嘗試了一下 Android Design ，結(jié)果在 5.4 中，又被用戶“罵回去”了。
微信這么做對嗎？當然不對。新事物總是需要學習的，微信應(yīng)該做的是在下一個版本當中對 5.3 的風格繼續(xù)改進，而不是當縮頭烏龜。
微信 5.2 的設(shè)計為什么會被用戶罵？很簡單，UI 大改，用戶自然需要學習，而之前的 iOS 版本設(shè)計風格的 UI 和新的 Android Design UI 之間，幾乎毫無瓜葛，用戶一時摸不著頭腦，于是就開始罵娘了。
這是 Android Design 的錯嗎？當然不是！事實上，微信在 iOS 和 Android 上的設(shè)計，都只能算是非常一般而已。在 5.2 版本上的所謂 Android Design 風格還十分簡陋，都有很大的提升空間。
最主要的是，微信在不同平臺上的設(shè)計，割裂感太大了。
如上圖所示，iOS 版本和 Android 版本（5.3）的微信，簡直可以說是兩個應(yīng)用。如果用戶從 iOS 版本切換到 Android 上，肯定會產(chǎn)生不適應(yīng)感，而這是優(yōu)秀的跨平臺應(yīng)用不應(yīng)該做的。
在我看來，優(yōu)秀的跨平臺應(yīng)用必然共有一個特征——求同存異。
以下是一些優(yōu)秀的跨平臺應(yīng)用（圖片來自 NovaDNG）：
從上面的應(yīng)用展示中，大家可以看出這些應(yīng)用讓用戶能明確體驗到應(yīng)用在不同平臺間的差別，又不至于產(chǎn)生不適應(yīng)感，學習成本也較小。同時，在界面設(shè)計上都遵循了相應(yīng)的平臺規(guī)范。
這，就是“求同存異”的內(nèi)涵。用戶在使用這些應(yīng)用的時候，沒有那種硬生生的割裂感，只需要很短的時間就能適應(yīng)在新平臺上的操作。
所以，所謂“分裂”其實只是因為應(yīng)用自己做得不夠好，而不是平臺規(guī)范的錯。同樣，如果應(yīng)用做得足夠好，用戶也不需要太久時間就能適應(yīng)新的平臺設(shè)計。
Talk is cheap,show me the...
OK.
其實在我試用猿題庫的時候就發(fā)現(xiàn)了一個事實——這款應(yīng)用看上去一副 iOS 樣，但其實交互上已經(jīng)很接近 Android Design 了，最典型的就是那個 Drawer 。
所以我覺得猿題庫是款很可惜的 App ，明明只要付出一點點努力，就可以在 Android 平臺上變得更好...
于是我自己動手制作了一套猿題庫重新設(shè)計的效果圖，僅供參考。
這只是一種嘗試，我相信，肯定還會有其他比我更好的實現(xiàn)方法，關(guān)鍵是肯不肯做。
1.登錄畫面
狀態(tài)欄和導航欄都進行了 Translucent 化，為的是更有沖擊力的第一觀感（好像聽上去和 Nova 差不多...）。稍微更改了一下 Logo 和按鈕的布局，原來的按鈕樣式被換成了 Boarderless Button.
這里偷個懶，直接放上新用戶的引導界面，省去登錄界面了。
2.引導界面
...到了這里，大家應(yīng)該明白我前面“可惜”的意味了吧？我只是做了很小的改動（換成標準的 App Bar 和控件，列表改成標準的兩欄布局，去掉了那個箭頭，僅此而已），整個界面就已經(jīng)很 "Materialized" 了...所以我這里改動不多。接下來就是主界面了。
3.主界面
原版上方的概覽畫面面簡直就是硬傷，排版在我看來非常混亂。所以在這次重設(shè)計中，我試著用卡片的方式承載這部分內(nèi)容，同時把內(nèi)容盡量規(guī)整地向中間靠攏。至于底部的 List ，我更新了樣式，原來的"+"圖標改成了現(xiàn)在的"Expand More"圖標，寫題的圖標也做了小許改進。
Drawer 在原版就已經(jīng)出現(xiàn)了，于是我只對 Drawer 樣式做了修改，使其更貼近 Material Design 的 Drawer 樣式。
原來右上方的“更多”按鈕被我更換成了標準的“More”，新頁面展示也變成了 Drop Down Menu.
4.寫題界面
這個界面可以說改動也很大。首先是 App Bar 上的 Actions 都去了他們該去的位置（計時器的字體也做了修改，并且加粗處理）。至于底部的 Drawer （暫時找不出更好的方式描述這個模塊），我把原來的拖動區(qū)域整合到了 Drawer 里，以使整個界面看上去更加簡潔。選題界面的標題，內(nèi)容和按鈕位置也進行了微調(diào)。
練習報告界面。還是之前在主界面那里的問題。排版混亂。于是我按照之前主界面的思路，重新排了版，將原來底部的按鈕換成了 Flat buttons.
寫在最后
相信大家都發(fā)現(xiàn)了，我重制的界面其實不多，一部分原因是我懶（，另一部分原因是，這個應(yīng)用需要做的絕大部分都是控件的修改和細節(jié)上的優(yōu)化，因此不需要大幅度地推翻重建，只需要完成一兩個模塊做為演示，我相信就能帶來一定的啟發(fā)。
除此之外，猿題庫還有一些問題需要改進，例如去掉 Splash Screen 等等。但不可否認的是，這款應(yīng)用對中學生來說，幫助是很大的。希望開發(fā)團隊能夠認真考慮一下，拿出一個更好的 Android 版本。
寫在最后的最后
這是我第一次對 Android 應(yīng)用做較為系統(tǒng)的界面重制，在這里要再再再再次感謝 NovaDNG ，沒有他的影響，我現(xiàn)在也不會往 Designer 的方向發(fā)展。
祝大家在 2015 年一切順利~
