這是medium上分享的一篇app設(shè)計風(fēng)格趨勢探討，作者提出了Complexion Reduction這樣一個概念，簡稱CR，直譯為“界面消減”。

“黑白極簡風(fēng)”是譯者對原文作者提出的這一設(shè)計新趨勢的編譯說法，這一趨勢的最大特點(diǎn)：純黑白界面和設(shè)計最小化的風(fēng)格。顯然，對于業(yè)界這種格外默契的做法，作者很是激動。不過，網(wǎng)友似乎就淡定的多。

一名叫Philk的網(wǎng)友留言說：“微軟在推Windows7的時候就已經(jīng)采用了這這樣的概念好不好。在當(dāng)時卻沒有多少人接受，還遭到了蘋果和谷歌的嘲笑。微軟推出的時候稱這種設(shè)計為‘美俏’（Metro）設(shè)計語言，走‘扁平化’設(shè)計風(fēng)格，宣稱‘內(nèi)容第一，形式第二’。也是大字號，也是簡單圖標(biāo)。”

另一名網(wǎng)友完全贊同上面的這種看法，覺得“一樣是原來不喜歡的東西，換成自己喜歡的應(yīng)用推出來，就變成’棒極了?！?/p>

另一位網(wǎng)友就事論事，評價說，app的頁面設(shè)計應(yīng)該以內(nèi)容為準(zhǔn)，而不是跟隨潮流。首先要理解app的核心理念，然后讓視覺設(shè)計服務(wù)于這一理念，這樣的設(shè)計才是有意義的。

不知你怎么看？

黑白極簡風(fēng)（Complexion Reduction）：把握移動界面設(shè)計新趨勢

移動用戶界面“明晰化”和“最小化”設(shè)計已經(jīng)成為了當(dāng)今業(yè)界公認(rèn)的設(shè)計原則，那么，下一個走向又是什么？

在過去的幾個月里，F(xiàn)acebook、Airbnb和蘋果公司旗下產(chǎn)品相繼推出了新的版本，產(chǎn)品界面已經(jīng)不再滿足于“最小化”設(shè)計，走向了更為簡單明了的設(shè)計風(fēng)格——“黑白極簡風(fēng)”（CR）。

所以，“黑白極簡風(fēng)”（CR）是什么呢？

這可能是你第一次聽說這個名詞，沒有關(guān)系，因?yàn)?，這個詞是我創(chuàng)造的。自從一眾設(shè)計者開始“扁平化設(shè)計”、“最小化設(shè)計”和“逐步簡化”的設(shè)計模式之后，頁面設(shè)計就在“頁面極簡化”這條道路上越走越遠(yuǎn)，如今更是一不做二不休，開始了完全的“黑白極簡”風(fēng)格。有人認(rèn)為這是“最小化設(shè)計”在移動設(shè)計領(lǐng)域的進(jìn)一步發(fā)展，但我認(rèn)為不僅僅是如此。雖然“黑白極簡風(fēng)”仍是走的界面簡化的老路，但其新的特點(diǎn)和特有的簡化方式，還是讓它區(qū)別于以往的設(shè)計模式。

橫掃硅谷的這一新趨勢有以下特點(diǎn)：

• 標(biāo)題字號加大、加粗
• 圖標(biāo)簡化
• ?黑白兩色界面

這一新趨勢帶來的最明顯的結(jié)果就是，常用APP界面越來越相像，根本就像是一個牌子下的產(chǎn)品。不信請看:

Instagram

我最先注意到的是今年五月最新改版后的Instagram的界面，如下：

對比兩款頁面可以發(fā)現(xiàn)，新的界面移除了原來界面中的藍(lán)色和深灰色模塊，加大了標(biāo)題字號，最下面的導(dǎo)航欄和圖標(biāo)也簡化了?，F(xiàn)在的界面只有黑白兩色，配上粗體標(biāo)題，頁面功能清晰明確，內(nèi)容一目了然。

相比原來霸屏的色塊，我更喜歡現(xiàn)在這種清新的風(fēng)格。這讓我想起了一個我時常瀏覽的網(wǎng)站——Medium。從2012年運(yùn)行開始，Medium就一直走這種黑白色調(diào)路線，而且每一次的改版都會減少一些不必要的模塊。Medium應(yīng)該是“黑白極簡風(fēng)“ 的始祖之一，雖然它自己并不知道。棒棒噠，Medium！

Airbnb

Instagram新界面發(fā)布沒多久，某一天我突然發(fā)現(xiàn)Airbnb的界面也改了，而且兩個界面就像是一個模子里刻出來的！說起來，Airbnb的新版在四月份就發(fā)布了，比Instagram還要早上一個月，但也許是Airbnb的新版發(fā)布太過默默無聞了，所以我直到一個月以后才打開。然后發(fā)現(xiàn)它簡直太CR了，每一個毛孔都在叫囂著“我是黑白極簡風(fēng)”。下面是Airbnb的新舊界面對比：

新界面的標(biāo)題字號加大、加粗，不必要的畫面也移除了，圖標(biāo)簡化，圖示設(shè)計更加國際化?？傊?，依舊是黑白色調(diào)，功能清晰明確，內(nèi)容一目了然。

蘋果iOS 10

然后，蘋果iOS 10的推出再一次驗(yàn)證了這個CR魔咒。六月初，蘋果發(fā)布了IOS 10，并且標(biāo)榜這是“史上最強(qiáng)IOS”。下面是蘋果音樂的新舊界面對比：

蘋果音樂雖然更新了用戶體驗(yàn)，增加了新功能，但頁面美感還是我最先關(guān)注的地方。Macworld的職員Caitlin McGarry提到新應(yīng)用的外觀時，寫到：“整個應(yīng)用的界面基于全新的設(shè)計理念，大名片，大字體，干凈的白背景，專輯封面更加顯眼?！?/p>

耳熟嗎？是不是和Instagram 和Airbnb的設(shè)計理念幾乎一樣，標(biāo)志性特征：大標(biāo)題，加粗，黑白界面。

這種改變意味著什么？

這意味著你最常用的幾款應(yīng)用界面幾乎將變得一模一樣！這是怎么了？其實(shí)，科技和時尚一樣，大家不過是隨著潮流，無傷大雅地跟來跟去。這次的改版潮流收到了用戶積極的反響。盡管也有些人抱怨所有的應(yīng)用都是黑白界面，“一點(diǎn)都不個性”。不過，打開某個應(yīng)用是為了里面的功能，又不是為了個性。所以，讓我們期待所有的新老應(yīng)用都一股腦的開始走向“黑白極簡”吧！

這也意味著，將來打開你的iPhone，你將會發(fā)現(xiàn)各種鮮明的色塊像馬賽克一樣占據(jù)主界面，等著將你帶入一個個奇妙的“歡樂谷”。

不管你是喜歡還是不喜歡，這一單色塊風(fēng)潮將會席卷界面設(shè)計業(yè)，在我看來，這是一種進(jìn)步。產(chǎn)品界面擺脫了無用的模塊拼接式設(shè)計，走向了一條更加注重整體感、重視用戶感受的道路。

以往，為新產(chǎn)品設(shè)計界面時，往往是先由用戶體驗(yàn)或者是產(chǎn)品經(jīng)理劃定基本框架，再交給產(chǎn)品設(shè)計師，要求只有一點(diǎn)：“做的漂亮些”。然后設(shè)計師就開始花數(shù)小時或者是數(shù)天給界面加顏色，減顏色，或者是改變顏色，想方設(shè)法的得出一個最佳方案，但是別忘了，前提是：必須在之前確定的基本框架的基礎(chǔ)上。

現(xiàn)在，用戶體驗(yàn)經(jīng)理和產(chǎn)品界面設(shè)計師的界限越來越模糊，設(shè)計的理念趨向于一體化。設(shè)計師不用再局限于某一個具體的要求（比如“做的漂亮點(diǎn)”），而是能夠從全局著眼，把“給用戶最好的體驗(yàn)”作為終極目標(biāo)，致力于給用戶最棒的視覺體驗(yàn)和產(chǎn)品感受。

如何才能做到“黑白極簡風(fēng)”?

如果你對“黑白極簡風(fēng)”設(shè)計已經(jīng)心動了，蠢蠢欲動著準(zhǔn)備跟一把潮流，那么，一定要記住以下幾個要點(diǎn)：

1. 界面設(shè)計零色彩。如果必須要加，最多加一種顏色來進(jìn)行用戶操作說明；但記得，要少。所有的界面都用黑白兩色，讓圖片內(nèi)容成為界面中唯一的色彩。

2. 標(biāo)題字號加大、加粗、加黑。字號20還是30？都行，只要足夠大。要讓標(biāo)題充滿厚重感。

3. 圖標(biāo)簡化、細(xì)化，而且要好認(rèn)。圖標(biāo)上不要加顏色，圖示要國際化。從左到右可以這樣排列：HOME鍵，搜索，基本功能鍵，第二功能鍵，簡介。

4. 頁面大量留白。兩倍，三倍，甚至是四倍的留白。千萬不能手軟。

5. 圖標(biāo)色彩艷麗。應(yīng)用圖標(biāo)要多酷炫就多酷炫，要能多鮮艷就多鮮艷。產(chǎn)品個性和商標(biāo)特色都從這里體現(xiàn)，所以要盡量出眾。

作者：Michael Horton

來源：https://www.huxiu.com/article/156403/1.html

版權(quán)：人人都是產(chǎn)品經(jīng)理遵循行業(yè)規(guī)范，任何轉(zhuǎn)載的稿件都會明確標(biāo)注作者和來源，若標(biāo)注有誤，請聯(lián)系主編QQ：419297645