起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識騰訊設(shè)計師談微信的舊容與新妝，Android Design是大勢所趨
編者按：本篇投稿選自騰訊大講堂（更多騰訊產(chǎn)品技術(shù)文章，可以關(guān)注“騰訊大講堂”微信公眾賬號），由騰訊研發(fā)管理部高級設(shè)計師Vertu撰寫，他以產(chǎn)品設(shè)計師的視角，對比解讀了微信的舊容與新妝，也講了Android版微信5.2放棄iOS UI設(shè)計背后的故事。
1 月 21 日，新的 Android 版微信在應(yīng)用寶上線內(nèi)測，很多用戶第一時間更新了。在這個微信5.2內(nèi)測版中，我們可以看到界面的功能架構(gòu)、視覺風格及交互邏輯都有了較大的改動——微信開始遵循 Android 的設(shè)計規(guī)范了。
本人非常喜歡微信本次的改動，相比之前移植 iOS 的 UI，Android 微信 5.2 的功能架構(gòu)變得更加清晰，交互邏輯也更為簡潔，幾乎所有的核心功能都可以通過一次點擊快速找到并調(diào)用。無論對微信本身的產(chǎn)品體驗，還是對 Android Design 設(shè)計規(guī)范在國內(nèi)移動應(yīng)用設(shè)計中的推崇，這都是一個好的跡象。
早期 Android 系統(tǒng)的 UI 一直廣遭詬病，除了 Android 設(shè)備碎片化，Android 移動應(yīng)用設(shè)計也缺乏統(tǒng)一規(guī)范，界面控件看起來都非常業(yè)余。直到 2011 年 Android 4.0 發(fā)布，Android Design 才應(yīng)運而生，其中包括一般風格指南、設(shè)計樣式，以及 Android 的部分默認 UI 構(gòu)件等。
盡管如此，很長一段時間內(nèi)，國內(nèi)絕大部分開發(fā)者絲毫不遵循 Android Design 設(shè)計規(guī)范，原因有多個：設(shè)計規(guī)范未足夠優(yōu)秀成熟；用戶習慣未形成，帶來學習成本；Android 第三方 ROM 盛行，導(dǎo)致與 Holo theme（最為基礎(chǔ)的 Android Design 呈現(xiàn)形式）混搭得不倫不類；多套平臺規(guī)范的 UI 維護及更新需要投入成本，等等。
隨著 Android 設(shè)備的不斷進化——屏幕尺寸的增大、實體鍵向屏幕內(nèi)虛擬鍵轉(zhuǎn)移，Android Design 在移動應(yīng)用設(shè)計中的優(yōu)勢也逐漸顯現(xiàn)。從 2013 年下半年開始，國內(nèi)的移動應(yīng)用開發(fā)商（如豌豆莢、知乎等）在 Android 平臺上也開始遵循 Android 的設(shè)計規(guī)范。這一次，微信的設(shè)計團隊也在 5.2 版本中向著 Android Design 邁進了一大步?？梢?，越來越多移動應(yīng)用廠商也都逐漸認同了平臺規(guī)范與一致性的重要性。
我們來看一下 Android 版微信 5.2。主界面去除了昔日底部的 Tab Bar，在頂部則使用了 Action Bar，并用 Tab Host 來組織內(nèi)部界面。用戶通過手勢滑動可以輕松來回切換“聊天”、“發(fā)現(xiàn)”、“通訊錄”這幾個高頻功能界面。
雖然對于喜歡單手操作大屏手機的用戶來說，手勢的引入帶來了極大的便利，但是，左右滑動的手勢被用來切換 Tab 之后，有用戶開始有這樣的疑問：原來單條會話的左滑操作（置頂、刪除）哪里去了？
其實，這一交互功能是早期從 iOS 移植過來的；新版微信摒除了對單條會話的滑動操作，保留長按操作，更加符合 Android 平臺的交互規(guī)范。當然，如果能使用 Contextual Action Bar 對多個會話進行批量選中操作就更好了，畢竟對于有清理癖的用戶來說，一條一條長按刪除還是蠻辛苦的。
我們還可以看到，在這次更新中，“搜索”功能被提高到 Action Bar 常駐按鈕的位置，支持全局搜索。相比舊版在“會話列表”和“通訊錄”兩個界面分別置頂?shù)乃阉骺?，?jié)省了屏幕空間，統(tǒng)一了搜索入口，省去了辨識記憶的麻煩。
在頂部的 Action Bar，除了“搜索”之外另外兩個常駐按鈕為 add（+ 號）、overflow（三個小圓點）：add 的下級均為與外界有交互的操作，如“發(fā)起群聊”、“添加朋友”、“分享照片”等；overflow 羅列的均為與個人相關(guān)的操作入口，包括“個人信息”、“我的相冊”、“我的收藏”、“設(shè)置”等。層級清晰易記。
在視覺風格上，微信在本次更新中做了一個大手術(shù)，界面空間去除以往厚重的漸變、高光、陰影的樣式，向更為扁平的 Holo UI 靠攏，品牌色黑、白、綠搭配清新簡約。有用戶反映，與諸如 Line、Kakao Talk 等同類應(yīng)用相比，新版微信依舊沒有俏皮生動的情感化形象。
不過，因為每個產(chǎn)品都有自己的定位，微信作為一個大眾產(chǎn)品，覆蓋不同年齡、不同文化程度的人群，在視覺體驗這種主觀感受的設(shè)計上保持中立簡單也是合情合理的。而功能本身的出彩，讓用戶不時感受到意外的驚喜，才是產(chǎn)品創(chuàng)新的價值所在。
- 目前還沒評論，等你發(fā)揮！
