跨平臺設(shè)計(jì)的幾種思路，哪個(gè)更好？

作者：佚名 2013-08-09 10:56:43

Android 早已不是一個(gè)弱勢平臺 (至少在國際市場上)，而就算不完全按照 Android Design 來做應(yīng)用,，也是能做出在 Android 上效果很好的 UI。

在網(wǎng)上, 我們時(shí)不時(shí)就會看見某些人別有用心的放出一些很有迷惑性的話題出現(xiàn), 比如說下面這個(gè):

@710Aziz: 有人把 Android 的界面風(fēng)格往 iOS 上搬, 有人把 WP 的界面風(fēng)格往 iOS 上搬, 有人把 iOS 的界面風(fēng)格往 Android 上搬. 不同點(diǎn)——搬到 iOS 上的其它平臺界面風(fēng)格依然顯示得很漂亮至少也是還不錯(cuò), 搬到 Android 上的那些就大多很丑. 不同的平臺, 先天基礎(chǔ)和包容性不一樣. 所以經(jīng)常喜歡抨擊應(yīng)用在 Android 上照搬 iOS 風(fēng)格的某人也多少應(yīng)該想一想, 把 iOS 風(fēng)格放到 Android 上顯得很奇怪, Google 自己的設(shè)計(jì)和產(chǎn)品人員在這件事上要負(fù)多少責(zé)任——做一個(gè)平臺, 尤其是弱勢平臺, 要考慮的不僅僅是”如果完全照我的規(guī)則來, 在我這里會好看”.

三大平臺應(yīng)用舊狀(國內(nèi)市場)

無論是在什么平臺上, 應(yīng)用質(zhì)量都應(yīng)該是呈金字塔結(jié)構(gòu)分布的. iOS 由于其擁有更規(guī)范的市場, 更健全的防盜版機(jī)制以及合理的分成模式, 最受開發(fā)者青睞,在 iOS 上應(yīng)用質(zhì)量可以說是成圓臺狀分布, 有大批優(yōu)秀應(yīng)用, 同時(shí)最劣質(zhì)應(yīng)用的數(shù)量也遠(yuǎn)遠(yuǎn)小于其他兩個(gè)平臺. Android 上則是典型的金字塔結(jié)構(gòu), 最優(yōu)秀的應(yīng)用只占非常少的一部分, 一般應(yīng)用和垃圾應(yīng)用則是依次遞增. WP 平臺比較悲劇, 幾乎沒有堪稱精品的應(yīng)用, 一般應(yīng)用非常多, 垃圾應(yīng)用更多, 是個(gè)矮圓臺 + 小圓錐的結(jié)構(gòu).

而跨平臺應(yīng)用, 同樣也有這么個(gè)分級. 通常情況下, 由于上段提過的原因, 跨平臺應(yīng)用的 iOS 版本都是最好的; 因?yàn)? Marketplace 有著頗為嚴(yán)格的準(zhǔn)入門檻, 所以 Windows Phone 應(yīng)用的質(zhì)量其次; Play Store 準(zhǔn)入門檻低, 難以獲得收入, 用戶質(zhì)量比起前兩者又更加參差不齊, 注定了開發(fā)者很難主動(dòng)的把 Android 平臺列為重點(diǎn)開發(fā)對象, 通常是隨便的應(yīng)付了事.

但是自從 Android 4.1 出現(xiàn)之后, 狀況有所改變了.

跨平臺開發(fā)的幾個(gè)典型思路

生搬硬套, 直接把某個(gè)平臺 (一般是 iOS) 的界面照搬到其他平臺. 效果最垃圾. 我曾經(jīng)在 WP7 上看到過一個(gè)拍照濾鏡應(yīng)用, 界面徹頭徹尾就是 iOS 5 相機(jī)的界面, 可謂丑陋之極.
繼承主題, 應(yīng)用主體基本按照某一平臺 (一般是 iOS), 針對不同平臺特性略作微調(diào). 這套方案在 WP 上同樣行不通. 但是在 Android 上, 可以起到不錯(cuò)的效果.
照抄原生, 完全照搬不同平臺的原生樣式. 成本最低, 效果也還不錯(cuò), 但后果是有可能完全喪失應(yīng)用的特征.
分別適配, 針對不同平臺的特性進(jìn)行適配, 同時(shí)保留屬于自己應(yīng)用的一些特征. 效果最好, 但是代價(jià)也略高.
獨(dú)創(chuàng)風(fēng)格, 做出屬于應(yīng)用自己的, 不和任何平臺相沖突的應(yīng)用風(fēng)格. 幾乎不可能(除了游戲), 至少在 WP 上臺困難.

由于 Windows Marketplace 審核較嚴(yán), 所以在 Windows Phone 上出現(xiàn)的跨平臺應(yīng)用基本看不到生搬硬套和繼承主題的例子. 反而是照抄原生的應(yīng)用在 Windows Phone 上比比皆是. 而 Metro UI 的個(gè)性又過于強(qiáng)烈, 在另兩個(gè)平臺上也許還算很和諧的設(shè)計(jì)在 Windows Phone 上往往也會很別扭.

而在 Android 上, 上面五種例子都有典型的對應(yīng)應(yīng)用.

生搬硬套的典型就是某些國內(nèi)知名互聯(lián)網(wǎng)企業(yè)的應(yīng)用了, 這些應(yīng)用我想大家都很熟悉, 他們一方面照搬 iOS 的 UI 和交互邏輯, 一方面對 Android 的平臺特性置若罔聞, 造成的直接后果就是體驗(yàn)割裂, 功能缺失, 操作生硬.
繼承主題這個(gè)方法就比較常見了, 在設(shè)計(jì)優(yōu)秀的應(yīng)用上效果算是挺好的, 比如上圖中的 Instagram, 這套界面雖然完全不像是原生 Android 系統(tǒng) (而且我們也完全可以把它改得和原生系統(tǒng)一樣), 也不會讓用戶體驗(yàn)直接分裂. 并且, Instagram 針對 Android 的特色進(jìn)行了很多相應(yīng)的優(yōu)化, 比如更加智能的通知, 可以從不同的地方 (比如文件管理器和 Dropbox) 選擇照片 (這點(diǎn)在 iOS 上是做不到的), 以及便捷的分享功能 (這也同樣是 iOS 做不到的).
完全照搬原生的應(yīng)用則比較罕見,一般是系統(tǒng)功能替代類的應(yīng)用, 比如撥號, 短信, 郵件等應(yīng)用.
諸如 Vine, Pocket, Evernote 這樣的針對不同平臺開發(fā)不同風(fēng)格應(yīng)用的優(yōu)秀范例倒是不斷在變多. 以 Evernote 為例, iOS 版本和 Android 版本的 Evernote 的文件夾界面無論是外觀還是操作邏輯都幾乎是截然不同的.
獨(dú)創(chuàng)風(fēng)格的應(yīng)用最為罕見, 然而跨平臺效果也是最好的. 目前我能看到的唯一一個(gè)例子就是 Flipboard. Flipboard 的操作邏輯和 UI 設(shè)計(jì), 放在 iOS, Android 和 Windows Phone 上都是非常和諧的. 而 Flipboard 也在今年的 Build 大會上宣布登錄 Windows Phone, 讓我們拭目以待吧.

回到最開始那段話和圖片. 布卡漫畫的 Android 版本實(shí)際上在導(dǎo)航方式方面模仿了 iOS (底部底部切換分類), UI 方面也選擇了比較中性的設(shè)計(jì) (沒有明顯的高光與很強(qiáng)的擬物傾向), 如果要?dú)w類應(yīng)該歸為繼承主題類, 所以在 iOS 上依然會非常和諧. 而純 Holo 風(fēng)格的應(yīng)用放在 iOS 上就會顯得略違和了, 比如 Android 的撥號界面等. Windows Phone 界面被搬上 iOS, 其實(shí)大多也僅僅是界面類似 Windows Phone (我們可以說那是 Metro Design——龔叔也說過, 最好的 Metro Design Apps 都在 iOS 上而不是 Windows Phone), 在操作邏輯上依然是 iOS 的那一套.

更進(jìn)一步說, 新一代的 Google 應(yīng)用也成功的將一套 UI 在不同平臺上和諧的呈現(xiàn)了. 譬如 Maps 的 UI, 先是在 iOS 上采用, 而后搬到了 Android 上, 但是無論在 iOS 還是在 Android 上, 這套 UI 都是和諧的, 并不會與平臺存在視覺或交互上的沖突或分裂. 而在 Android 上也有一系列使用 Metro UI 的應(yīng)用, 其中最著名的當(dāng)屬 ZPlayer——一款完全模仿 Zune 的音樂播放器. 類似的例子還有, 比如 Flipboard. 以后也不斷會有這樣的例子出現(xiàn), 因?yàn)?iOS 7 的新改變在 UI 邏輯上無疑是拉近了三大平臺的距離.

那么看完了上面的分析, 你依然認(rèn)為”不同的平臺, 先天基礎(chǔ)和包容性不一樣”這個(gè)論斷是合理的么? “做一個(gè)平臺, 尤其是弱勢平臺, 要考慮的不僅僅是’如果完全照我的規(guī)則來, 在我這里會好看’.”這句話, 你也會發(fā)現(xiàn), Android 早已不是一個(gè)弱勢平臺 (至少在國際市場上), 而就算不完全按照 Android Design 來做應(yīng)用, 也是能做出在 Android 上效果很好的 UI.