在Clarity(清晰)原則中，增加了一段解釋：留白、色彩、字體、圖形和界面元素要強調(diào)重要內(nèi)容并且對交互進行指引。

我們抽取一下其中的關(guān)鍵字，內(nèi)容、留白、色彩、字體、界面元素，從描述來看，界面的內(nèi)容將成為Apple關(guān)注的重點，其他關(guān)鍵字都是為內(nèi)容的傳達而服務(wù)的。但是，具體到底是怎么實施的呢?

實際上在WWDC 2016大會上展示的Apple Music已經(jīng)告訴了我們答案：

圖7 Apple Music改版

答案就是：加大字號！加粗字體！加多留白！減少頁面的視覺層級！

另外還有……加大控件!!!在鎖屏播放界面中，播放和音量的控件都被明顯放大了，并且控件之間的間距也被加大了，大大降低了被誤觸的概率。

圖8 鎖屏播放改版

以及給重要控件賦予色彩。新的控制中心的按鈕都有了不同的顏色，從而讓他們具有更明顯的區(qū)分度以及視覺注意度，同樣的，按鈕也被加大了不少，Night Shift、AirPlay和AirDrop更是被獨立了出來。

圖9 Control Center改版

這樣的優(yōu)化出現(xiàn)在更多的界面中，再以新版的地圖為例：

首先是控件位置的變化，原來的“開始”從底部移動到了規(guī)劃路線的右側(cè)，變的更加明顯并且與路線本身產(chǎn)生更強的關(guān)聯(lián)性;集中在頂部的操作也全部被移動到了底部，在大屏手機下的用戶操作變的更加便捷，手指不用上下來回移動也能完成所有的操作了。

然后是控件形式的變化，原來的“開始”由純文字Label變成了一個綠色的按鈕，對用戶產(chǎn)生了更強的視覺指引，還有個細節(jié)就是文案也由原來的「Start(開始)」 變成了 「Go(出發(fā))」

圖10 Apple Map改版

這些改進具有一些共同點：

1. 通過對字體大小和粗細的調(diào)整以及更多的留白來幫助用戶理解界面的層級架構(gòu)，取代了之前使用平面元素的分割和分層來構(gòu)建界面架構(gòu)的方式，從而讓界面變的更加扁平，內(nèi)容更加突出。另外，讓具有一定程度視覺障礙的用戶(色盲/色弱/老年人)也能夠無障礙的使用。

2. 放大按鈕的尺寸、改變按鈕的布局、賦予按鈕不同的色彩來提高用戶對可操作內(nèi)容的認知，降低點擊操作的難度，使界面與用戶的交互行為變的更友好。引用Apple在它的Accessibility Guideline(無障礙指南)中的描述就是「You view what you can do」 和「We make it easy to push all the right buttons」

當然，這些變化解決了一些問題，但是帶來了一些新的問題，比如在Apple Music中，內(nèi)容展示效率的下降，原來能夠展示6張專輯的界面，現(xiàn)在只能放下3張。不過目前發(fā)布的仍然是Beta版，不知道在正式版中是否會Fix這些問題。

但是，「The biggest iOS release ever」，iOS 10名至實歸

比Apple Music做的更早更徹底的Airbnb

似乎不光是Apple一家在試圖進行這樣的改進，這種趨勢已經(jīng)開始蔓延。比如Airbnb在今年4月份上線的新設(shè)計，幾乎完全舍棄了原來以圖片襯底為主的設(shè)計，換成了大面積的留白和加粗加大的文字，底tab的高度也加高了不少，當然，按鈕也加大了一圈。

全新的設(shè)計去掉了任何可能會給用戶帶來視覺干擾的東西，變的極度的純粹。

圖11 Airbnb改版

本人的好友JJ-Ying也在前段時間的博文「后扁平化時代」的 i18n 和 L10n中詳細的分析了Airbnb的這次改版，引用文章內(nèi)一個有趣的描述Airbnb的新設(shè)計是「比交互稿還交互稿」，不過他在文中更多關(guān)注的問題是：在這樣的趨勢下，字體設(shè)計與產(chǎn)品品牌的關(guān)系以及在進行本地化與國際化設(shè)計時設(shè)計師所遇到的挑戰(zhàn)，感興趣的同學(xué)可以點上面的鏈接閱讀。

另外一個搭上這班車的公司就是Instagram

幾乎是緊接著Airbnb的步伐Instagram就發(fā)布了他們的新LOGO和新設(shè)計。對于褒貶不一的新LOGO我們暫且放在一邊，主要還是看看UI的變化：

Ins去掉了頭欄和底欄的顏色，通過加粗文字的方式來區(qū)分內(nèi)容結(jié)構(gòu)，取代了之前通過給文字添加顏色的方式(如：用戶昵稱、獲贊數(shù))。

圖12 Instagram改版

Ins的設(shè)計總監(jiān)Ian在Medium上對于這次改版的說明是：“我們的新icon已經(jīng)足夠colorful了(確實非常colorful……)，所以我們更希望App內(nèi)的顏色是來自于用戶上傳的照片和視頻而不是App本身，然后我們就把影響用戶內(nèi)容展現(xiàn)的干擾給干掉了。”

結(jié)語

總結(jié)成一句話來形容這股趨勢就是「大而簡，簡而精」。

在這股趨勢下，未來的設(shè)計將更注重產(chǎn)品的內(nèi)容和操作體驗，降低其他因素對用戶使用上的干擾，這對設(shè)計師來說，是不小的挑戰(zhàn)，因為越簡單的東西越難設(shè)計，特別是如何在界面設(shè)計中去把握「大」和「簡」的程度以及如何通過更有限的手段和空間來傳達更多的信息和指引用戶來達到「精」的目標，這是我們在未來需要不斷考慮、探索和解決的問題。

最新評論