上個月的法蘭克福車展上，寶馬首次對外發(fā)布了經過扁平化處理的單色LOGO，并將傳承百年的經典配色調整為黑白色。據悉這個新LOGO專為旗下高端的“精英”車型使用。新logo的簡約和純粹更加凸顯了德國品牌的悠久歷史和引以為傲的奢華品質。 

▲寶馬高端車型新logo

這樣大膽的改變和最新發(fā)布的ios11不謀而合。蘋果引以為傲的ios系統(tǒng)一直以高端、精致、體驗好著稱，是界面設計的典范。新版ios11的設計中同樣加重了黑白的用色對比。粗重的文字和大面積留白，讓頁面顯得簡潔通透，也讓內容更加突出。 

▲ios11界面

是什么樣的動力讓的傳統(tǒng)品牌作出如此突破性的嘗試？又是什么樣的緣由讓ios的扁平風更加極致？這其實是一種新的設計風格在界內的醞釀和發(fā)酵。

近年來硅谷一大批主流App設計，例如 Instagram，Airbnb，都開啟了新一輪的改版。和寶馬的新logo一樣，他們都用黑白的強對比覆蓋了以前的標準色運用。而這種風格就是被Swarm UX/UI設計師 Michael Horton稱作「Complexion Reduction」的設計美學風潮。 

▲ ins新版設計對比——左（舊版）右（新版） 

▲airbnb新版設計對比——左（舊版）右（新版）

從以上的界面設計中， Michael Horton總結了Complexion Reduction風格最核心的幾大要素。

1、克制用色

黑白色之外，最多只能多加一種顏色，用來引導用戶進行操作。最好是能讓 App 的內容本身來為產品增加亮色。

2、標題字號「大」「黑」「粗」

如同上面圖例中顯示的一樣，標題字體增加 20 到30 的像素，那樣看起來會有一種厚重 feel。

3、圖標 look 三要素：簡潔、纖瘦和好認

圖標不要加顏色，從左至右圖標排序最好為：HOME 鍵、搜索、主操作鍵盤、二級操作鍵、個人資料。

4、大面積的留白區(qū)域

三倍甚至是四倍的留白。

5、閃閃發(fā)亮的 App 圖標

與眾不同的圖標才是展現個性和品牌的地方。因此，在圖標上加一些亮色的元素能讓你的產品更加出眾。

 

國內App的新風格試水

互聯網行業(yè)帶來了快節(jié)奏的時代，你不得不感嘆流行蔓延的速度。新風格剛剛開始興起， 就能在手機百度（以下簡稱手百）的改版中初見端倪。

作為國內互聯網巨頭BAT中的一員，手機百度7月份發(fā)布的9.0版本率先嘗試了使用Complexion Reduction設計風格，這一大膽嘗試在產品的視覺表現上也算是可圈可點。

1、色彩精簡提取

手百在新版本改版中將整個界面清零重組，大面積減少了非必要色相，采用黑白的主要配色，來彰顯內容的精品化。只在關鍵功能點綴了標準藍色，強調品牌性。 

▲左（舊版）右（新版） 

▲左（舊版）右（新版）

▲左（舊版）右（新版）

 2、更舒適的內容排版

利用更大更粗的標題和小字正文，增加留白，拉開對比差異和節(jié)奏，保持頁面的透氣和呼吸感。搜索結果頁也去掉了原來紅綠藍的搭配，用純粹的黑色文字來呈現內容，保證用戶瀏覽的沉浸感和舒適度。

▲     左（舊版）右（新版）

▲左（舊版）右（新版）

3、減少裝飾，凸顯內容

由于手百是一個偏工具類型的軟件，設計中的復雜圖形本就不多。而更新之后的手百則更加極致的省略了所有冗余的設計元素，將諸多界面中的分割線，button外形，都簡化去掉，降低理解和閱讀成本，讓用戶從繁瑣的界面裝飾和復雜的交互邏輯中解放出來。 

▲左（舊版）右（新版）

 「Complexion Reduction」風格在原來扁平化的基礎上更加極致的突出了設計語言的純粹和功能展現的嚴謹合理。隨著現代社會的發(fā)展和生活節(jié)奏加快，我們每天所接收的信息非常繁多，此刻用戶對效率的追求以及對品質的渴望，也讓這種風格流行成為必然。

「Complexion Reduction 」風格的流行只是一個起點，相信不久的未來就將有更多新鮮和大膽的設計在國內市場上誕生，也期待國內能涌現更多好的設計能引領全球互聯網行業(yè)設計風潮。

雷峰網原創(chuàng)文章，未經授權禁止轉載。詳情見轉載須知。