|
微信新版發布已經幾天了，不管是設計師還是普通用戶，都給予了微信 7.0 高度一致的好評，用一個詞概括就是—— 好看。   呼吸感 無論是桌面圖標還是界面，新版設計給予了充足的留白，比方桌面圖標中的 logo 縮小了，不像舊版那么擁擠，那么密不透風，就會看上去有顯得精致一些。   輕盈 新版視覺上最大的變化就像電視廣告里的衛生巾一樣，變輕了、變薄了。 新的導航欄背景色與 App 的全局背景色一致，都是 B95，接近于白色。這讓界面看起來更加整體，沒有上下割裂感。    這都是細節！ 年輕化 升級了主色，讓人眼前一亮。原來的綠色飽和度非常高，看久了容易產生疲倦、亮瞎眼的感覺，新的主色較為中性，看上去清新、粉嫩、時尚。  并且，線性圖標的視覺比面性圖標更輕，不會干擾用戶的注意力，讓用戶更加聚焦在功能本身。  新版設計嚴格執行了網格系統（不了解網格系統的設計師可以去看《高級UI 設計師之路》），從下面的標注中可以看到 32、24、20、16、8，因此可以推算它的最小單位是 4。 也就是說所有的間距、圖標、圓角等都是 4 的倍數，比方全局邊距 32px、聊天列表頭像 96px、朋友圈頭像 84px、列表高 144px、搜索框高 72px。   卡片 在支付、收藏、訂閱號頁都采用了卡片設計，卡片可以化繁為簡，將不同類型的元素有效地組織在一起，形成一個封閉式的視覺形式。 每一個卡片之間都具有獨立性，不會相互干擾，它們保持著一致的外觀，讓界面看上去干凈和簡潔。比方支付頁的兩個核心功能用一個卡片填充主色呈現，騰訊服務又用一個卡片包裹，這樣就會主次分明，視覺不再松散。 克制 克制是微信產品設計的初衷，希望把最好的體驗留給用戶，不打擾用戶，所以你看不到亂七八糟的功能和花里胡哨的設計，每次增加新功能也是小心翼翼的。 克制表現在視覺上就是減法設計，去除不必要的裝飾性元素——比方描邊。在新版中，你會發現聊天氣泡的描邊不見了，朋友圈頭像的描邊也不見了，目的是為了給用戶提供最極致的視覺享受。 在列表設計上，所有的分隔線都不再是從頭像或圖標對齊，而是從文本開始。這是因為當列表高度增加，列表之間的距離與圖標文本之間的距離大得多，分割線的功能性就變弱了，所以分隔線從文本對齊依然能保持清晰的視覺層次。 手勢 7.0 發布的時候，有人就說微信不做新手引導是因為會有很多公眾號發解說。的確，每次微信上新功能從來不告訴用戶怎么使用，自己摸索去，一副老子最拽的姿勢。 為了帶給用戶極致的視覺體驗，微信把很多功能隱藏在手勢操作中，比方在聊天列表頁下拉可以滑出小程序，比方編輯朋友圈時長按圖片可以拖動移動位置或刪除。 但是很明顯，微信高估了用戶，只有天天跟 App 打交道的那幫人才熟知長按、下拉、上滑、右滑等各種手勢操作。比方 7.0 的時刻視頻，很多人不知道怎么看、怎么玩，進去之后面對空無一物的全屏視頻，臥槽我的返回按鈕呢？又不知道怎么退出、怎么刪除，這 TM 就很尷尬了，只好關閉微信重新打開。（在時刻視頻下拉或下滑都可以退出，回到個人主頁；長按視頻可以刪除） 微信保持了一個較高水準的版本升級，不管是從視覺感官還是用戶體驗較之前都有非常大的提升，雖然有一些頁面還沒有完美統一視覺風格，比方新的朋友列表、公眾號列表、訂閱號列表分割線還是之前的樣式，比方出現了帶外圓的加號和不帶外圓的加號。 希望微信越來越好！ 原文地址：BAT（公眾號） 作者：B 哥 |
|
|
