編輯導語：當人們的視線被越來越多信息填滿時，簡單、簡潔明了的設計界面可能反而會更受用戶青睞。那么，“設計降噪”這個需求是必要的嗎？如果要實現(xiàn)降噪設計，產(chǎn)品應該如何合理布局？本文作者結合案例對設計降噪做了解讀，一起來看一下。

近年的設計大潮中，“降噪”成為了一個顯而易見的趨勢，花里胡哨的畫面和玲瑯滿目的信息逐漸被更加簡潔與時尚的畫面所取代。

但我們進行商業(yè)設計有一個十分重要的目的，就是盡可能地在畫面中包含更多信息，用以向用戶傳達更多的產(chǎn)品要素與品牌聲音，所以豐富的畫面又成為了利益目的下的重要手段，這就不得不延伸出一個矛盾：“簡潔畫面”與“信息豐富”之間的矛盾。

豐富的必要性不言而喻，是出于利益目的，那么，我們相應的是否也該考究下，“設計降噪”的必要性？

一、為何要降噪

是因為時代與潮流的推動，但這不是簡單的人云亦云，身為設計師，追隨設計潮流是必要的，但探究潮流的必然性，也是精進自身的必修課。

著名科幻小說《三體》中，對未來人類剛邁入宇宙信息大爆炸時代有一段描寫：人們的視線中無處不在的充斥著大量全息展示的各類信息，豐富且凌亂，先進但繁雜，而隨著科技的迭代，信息越來越少，卻越來越關鍵，大量的不必要信息被隱藏進了人們看不見的后臺。

因為當人們剛剛接觸到海量信息時，一切都是新鮮與陌生的，為了掌握大量的新資訊，人們不得不把所有的前因后果展示出來，而當大量的前置信息變成約定俗成時，人們需要掌握的就只有“變量”了。

設計同理，我們將時間調回現(xiàn)代，將目光放進設計領域，在設計行業(yè)發(fā)展的初期，這種新穎的視覺展示形式跟隨著載體的發(fā)展，在快速迭代的各類終端上進行著大跨步式的發(fā)展，載體能承載的信息量越來越多，同時因為民生的發(fā)展，可被展現(xiàn)的信息也日漸豐富，這就造成了同一視野范圍內(nèi)信息量的日漸繁雜與增多。

雜亂且復雜的畫面（此圖僅供參考不為實際畫面）

不停出現(xiàn)的新鮮事物與嶄新展現(xiàn)形式。讓“豐富”成為了設計發(fā)展中的必然要素，同時也是一個必經(jīng)的階段，但就如三體中所描述，大量的前置信息會被逐步轉入后臺，設計中曾經(jīng)需要展示的各種玲瑯滿目的新信息，也會隨著時間的推移逐步變?yōu)榧s定俗成，逐漸轉入“大腦”這個后臺。

沒錯，推動“設計降噪”的大手，正是科技與民生的發(fā)展。

推動“設計降噪”的大手

話又說回來，設計風潮大勢不可擋，但身為有商業(yè)目的的設計師，卻仍需要滿足產(chǎn)品與甲方們的信息訴求，于是“豐富”與“降噪”之間的矛盾不可避免，那我們?nèi)绾芜M行平衡呢？

二、增加信息量

畫面是二維的，空間有限，我們?nèi)绾卧谟邢薜目臻g內(nèi)容納更多信息？

有三種方法：

1. 拉長展示篇幅，降低展示密度；
2. 動態(tài)畫面展示，增加時間因素；
3. 調用后臺信息，開拓更高維度。

前兩者其實已經(jīng)被各行各業(yè)的優(yōu)秀設計師們廣泛運用了，舉個例子，蘋果官網(wǎng)的產(chǎn)品頁堪稱前兩者結合運用的典范之作。

單畫幅內(nèi)的信息展示簡潔且專一，再通過流暢的動畫銜接不同的頁面，讓整個設計展示流程簡約、美觀且絲滑。有珠玉在前，我們對前兩種形式不需要做太多剖析。

蘋果官網(wǎng)視覺

因此今天我們重點聊一下第三種：“調用后臺信息，開拓更高維度”。

那么更高的維度在哪里呢？還記得我們之前說的，那些逐漸被移入后臺的前置信息么？更高的維度就藏在后臺——觀者的腦中。人腦有一個十分強大的功能，叫做“腦補”，所謂的看見一個八卦，腦中就演完了一部40集的韓劇就是這個原理。

我們對比以下兩幅圖：

人設對比圖（圖片來源：huban.com)

圖一中的人物除了長相、性別、服飾，我們幾乎得不到任何額外信息，而圖二中的人物明顯帶有更多的人物信息，通過人物的表情、動作、道具等細節(jié)，我們可以看出人物的性格，職業(yè)，甚至是身后的故事。
明明是同樣的篇幅，信息量卻差距如此之大，何解？

美術原畫設計中有一條重要的評判標準，就是故事性，通過場景中或人物身上的某些細節(jié)，給畫面添加額外的信息，優(yōu)秀的原畫設計通過各種細節(jié)的添加，可以讓畫面表達出遠超過展示篇幅的信息量，通過腦補的方式，非常高效的完成了與觀者的交流。

商業(yè)設計同理，運用腦補原理進行設計后的畫面，就能同冰山一般，僅僅需要露出水面上的一小部分畫面，就可承載整座冰山那么大的信息量。

畫面與信息量的對比

這就是腦補的威力，想在不增加畫幅與時長的情況下多維度的填充信息，就需要合理的運用腦補，讓畫面中包含完整的世界觀。這就是腦補的威力，想在不增加畫幅與時長的情況下多維度的填充信息，就需要合理的運用腦補，讓畫面中包含完整的世界觀。

三、世界觀的運用

接下來是世界觀在58到家設計中的運用實例。

1. 人物性格設定

58到家身為以保潔產(chǎn)品為主的服務類平臺，保潔人員經(jīng)常會成為畫面中的主體，因此為保潔人員設定符合主流消費人群審美與喜好的個性是必不可少的。

58到家保潔阿姨

我們提煉了家政人員需要重點展示的特點：溫和、親切、可靠，同時因為面對越來越多的年輕消費群體，也為人物塑造了更具個性化的動作表情和工作狀態(tài)。

58到家富有故事性的保潔阿姨

除了保潔人員，客戶群體塑造同樣是豐富信息的重要一環(huán)，我們針對當下主流用戶群體所做的人物設計能讓用戶更具有代入感。

58到家用戶

面對不同的場景中可能出現(xiàn)的消費者群體與家政人員都做出了具有代表性與個性化的人物設計后，畫面中的人物所傳達的信息就更加豐富，搭建世界觀就有了一個良好開端。

2. 場景設定

除了人物本身豐富的個性，場景設定對世界觀搭建同樣重要，因為58到家家政產(chǎn)品的主流用戶多為較為年輕的人群，同時一二線城市居多，因此家中場景的設計也應源于消費者喜愛的風格與氛圍：干凈、整潔、時尚為主。

58到家室內(nèi)場景

因為當前大部分主流消費人群整日穿梭于鋼鐵林立的都市中，對于自然環(huán)境與戶外生活普遍有向往卻無暇親臨，本著藝術源于生活高于生活的原則，我們同時可以在場景中添加更加令消費者感到舒適，但現(xiàn)實中難以實現(xiàn)的場景，如坐落于草地的客廳。

到家高于生活的夢幻場景

通過干凈舒適的室內(nèi)環(huán)境與寬敞明亮的室外元素進行組合，建立出令人向往的夢幻場景。

3. 人物與場景組合

結合之前的人物設定，我們將場景與人物進行組合，將帶有豐富信息的人物與營造好氛圍的場景組合搭配后，完整的到家世界觀便躍然眼前。

到家世界（示例1）

到家世界（示例2）

整個畫面中的所有元素共同營造出了一幅場景：這里環(huán)境整潔寬敞、業(yè)主年輕時尚事業(yè)有成，家政人員親切專業(yè)精明能干。

到家世界（示例3）

到家世界（示例4）

同時在更高的維度——大腦之中，則是觀者腦補出在如此理想的畫面之外，一定是井然有序的工作，溫馨和睦的家庭。

運用有限的畫面，結合人物場景的塑造，我們通過引導觀者的代入感，讓他們腦補出理想場景，并與自己的真實場景進行對比，從而引發(fā)出觀者的向往之情，促進消費欲望。

四、寫在最后

時代與審美在進步，科技與載體也不會停止發(fā)展的腳步，這些因素對設計行業(yè)的影響是無孔不入的，身為設計師，在精進設計技藝的同時，也需要更深入的了解是什么在推動設計理念的發(fā)展與變遷，更好的幫助我們在設計的浪潮中踏浪前行。

作者：趙莫呷

來源公眾號：58UXD（ID：i58UXD），58UXD，全稱58同城用戶體驗設計中心。

本文由人人都是產(chǎn)品經(jīng)理合作媒體 @58UXD 授權發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉載。

題圖來自 Unsplash，基于CC0協(xié)議。