設(shè)計(jì)降噪也能信息豐富
編輯導(dǎo)語:當(dāng)人們的視線被越來越多信息填滿時(shí),簡(jiǎn)單、簡(jiǎn)潔明了的設(shè)計(jì)界面可能反而會(huì)更受用戶青睞。那么,“設(shè)計(jì)降噪”這個(gè)需求是必要的嗎?如果要實(shí)現(xiàn)降噪設(shè)計(jì),產(chǎn)品應(yīng)該如何合理布局?本文作者結(jié)合案例對(duì)設(shè)計(jì)降噪做了解讀,一起來看一下。
近年的設(shè)計(jì)大潮中,“降噪”成為了一個(gè)顯而易見的趨勢(shì),花里胡哨的畫面和玲瑯滿目的信息逐漸被更加簡(jiǎn)潔與時(shí)尚的畫面所取代。
但我們進(jìn)行商業(yè)設(shè)計(jì)有一個(gè)十分重要的目的,就是盡可能地在畫面中包含更多信息,用以向用戶傳達(dá)更多的產(chǎn)品要素與品牌聲音,所以豐富的畫面又成為了利益目的下的重要手段,這就不得不延伸出一個(gè)矛盾:“簡(jiǎn)潔畫面”與“信息豐富”之間的矛盾。
豐富的必要性不言而喻,是出于利益目的,那么,我們相應(yīng)的是否也該考究下,“設(shè)計(jì)降噪”的必要性?
一、為何要降噪
是因?yàn)闀r(shí)代與潮流的推動(dòng),但這不是簡(jiǎn)單的人云亦云,身為設(shè)計(jì)師,追隨設(shè)計(jì)潮流是必要的,但探究潮流的必然性,也是精進(jìn)自身的必修課。
著名科幻小說《三體》中,對(duì)未來人類剛邁入宇宙信息大爆炸時(shí)代有一段描寫:人們的視線中無處不在的充斥著大量全息展示的各類信息,豐富且凌亂,先進(jìn)但繁雜,而隨著科技的迭代,信息越來越少,卻越來越關(guān)鍵,大量的不必要信息被隱藏進(jìn)了人們看不見的后臺(tái)。
因?yàn)楫?dāng)人們剛剛接觸到海量信息時(shí),一切都是新鮮與陌生的,為了掌握大量的新資訊,人們不得不把所有的前因后果展示出來,而當(dāng)大量的前置信息變成約定俗成時(shí),人們需要掌握的就只有“變量”了。
設(shè)計(jì)同理,我們將時(shí)間調(diào)回現(xiàn)代,將目光放進(jìn)設(shè)計(jì)領(lǐng)域,在設(shè)計(jì)行業(yè)發(fā)展的初期,這種新穎的視覺展示形式跟隨著載體的發(fā)展,在快速迭代的各類終端上進(jìn)行著大跨步式的發(fā)展,載體能承載的信息量越來越多,同時(shí)因?yàn)槊裆陌l(fā)展,可被展現(xiàn)的信息也日漸豐富,這就造成了同一視野范圍內(nèi)信息量的日漸繁雜與增多。
雜亂且復(fù)雜的畫面(此圖僅供參考不為實(shí)際畫面)
不停出現(xiàn)的新鮮事物與嶄新展現(xiàn)形式。讓“豐富”成為了設(shè)計(jì)發(fā)展中的必然要素,同時(shí)也是一個(gè)必經(jīng)的階段,但就如三體中所描述,大量的前置信息會(huì)被逐步轉(zhuǎn)入后臺(tái),設(shè)計(jì)中曾經(jīng)需要展示的各種玲瑯滿目的新信息,也會(huì)隨著時(shí)間的推移逐步變?yōu)榧s定俗成,逐漸轉(zhuǎn)入“大腦”這個(gè)后臺(tái)。
沒錯(cuò),推動(dòng)“設(shè)計(jì)降噪”的大手,正是科技與民生的發(fā)展。
推動(dòng)“設(shè)計(jì)降噪”的大手
話又說回來,設(shè)計(jì)風(fēng)潮大勢(shì)不可擋,但身為有商業(yè)目的的設(shè)計(jì)師,卻仍需要滿足產(chǎn)品與甲方們的信息訴求,于是“豐富”與“降噪”之間的矛盾不可避免,那我們?nèi)绾芜M(jìn)行平衡呢?
二、增加信息量
畫面是二維的,空間有限,我們?nèi)绾卧谟邢薜目臻g內(nèi)容納更多信息?
有三種方法:
- 拉長(zhǎng)展示篇幅,降低展示密度;
- 動(dòng)態(tài)畫面展示,增加時(shí)間因素;
- 調(diào)用后臺(tái)信息,開拓更高維度。
前兩者其實(shí)已經(jīng)被各行各業(yè)的優(yōu)秀設(shè)計(jì)師們廣泛運(yùn)用了,舉個(gè)例子,蘋果官網(wǎng)的產(chǎn)品頁(yè)堪稱前兩者結(jié)合運(yùn)用的典范之作。
單畫幅內(nèi)的信息展示簡(jiǎn)潔且專一,再通過流暢的動(dòng)畫銜接不同的頁(yè)面,讓整個(gè)設(shè)計(jì)展示流程簡(jiǎn)約、美觀且絲滑。有珠玉在前,我們對(duì)前兩種形式不需要做太多剖析。
蘋果官網(wǎng)視覺
因此今天我們重點(diǎn)聊一下第三種:“調(diào)用后臺(tái)信息,開拓更高維度”。
那么更高的維度在哪里呢?還記得我們之前說的,那些逐漸被移入后臺(tái)的前置信息么?更高的維度就藏在后臺(tái)——觀者的腦中。人腦有一個(gè)十分強(qiáng)大的功能,叫做“腦補(bǔ)”,所謂的看見一個(gè)八卦,腦中就演完了一部40集的韓劇就是這個(gè)原理。
我們對(duì)比以下兩幅圖:
人設(shè)對(duì)比圖(圖片來源:huban.com)
圖一中的人物除了長(zhǎng)相、性別、服飾,我們幾乎得不到任何額外信息,而圖二中的人物明顯帶有更多的人物信息,通過人物的表情、動(dòng)作、道具等細(xì)節(jié),我們可以看出人物的性格,職業(yè),甚至是身后的故事。
明明是同樣的篇幅,信息量卻差距如此之大,何解?
美術(shù)原畫設(shè)計(jì)中有一條重要的評(píng)判標(biāo)準(zhǔn),就是故事性,通過場(chǎng)景中或人物身上的某些細(xì)節(jié),給畫面添加額外的信息,優(yōu)秀的原畫設(shè)計(jì)通過各種細(xì)節(jié)的添加,可以讓畫面表達(dá)出遠(yuǎn)超過展示篇幅的信息量,通過腦補(bǔ)的方式,非常高效的完成了與觀者的交流。
商業(yè)設(shè)計(jì)同理,運(yùn)用腦補(bǔ)原理進(jìn)行設(shè)計(jì)后的畫面,就能同冰山一般,僅僅需要露出水面上的一小部分畫面,就可承載整座冰山那么大的信息量。
畫面與信息量的對(duì)比
這就是腦補(bǔ)的威力,想在不增加畫幅與時(shí)長(zhǎng)的情況下多維度的填充信息,就需要合理的運(yùn)用腦補(bǔ),讓畫面中包含完整的世界觀。這就是腦補(bǔ)的威力,想在不增加畫幅與時(shí)長(zhǎng)的情況下多維度的填充信息,就需要合理的運(yùn)用腦補(bǔ),讓畫面中包含完整的世界觀。
三、世界觀的運(yùn)用
接下來是世界觀在58到家設(shè)計(jì)中的運(yùn)用實(shí)例。
1. 人物性格設(shè)定
58到家身為以保潔產(chǎn)品為主的服務(wù)類平臺(tái),保潔人員經(jīng)常會(huì)成為畫面中的主體,因此為保潔人員設(shè)定符合主流消費(fèi)人群審美與喜好的個(gè)性是必不可少的。
58到家保潔阿姨
我們提煉了家政人員需要重點(diǎn)展示的特點(diǎn):溫和、親切、可靠,同時(shí)因?yàn)槊鎸?duì)越來越多的年輕消費(fèi)群體,也為人物塑造了更具個(gè)性化的動(dòng)作表情和工作狀態(tài)。
58到家富有故事性的保潔阿姨
除了保潔人員,客戶群體塑造同樣是豐富信息的重要一環(huán),我們針對(duì)當(dāng)下主流用戶群體所做的人物設(shè)計(jì)能讓用戶更具有代入感。
58到家用戶
面對(duì)不同的場(chǎng)景中可能出現(xiàn)的消費(fèi)者群體與家政人員都做出了具有代表性與個(gè)性化的人物設(shè)計(jì)后,畫面中的人物所傳達(dá)的信息就更加豐富,搭建世界觀就有了一個(gè)良好開端。
2. 場(chǎng)景設(shè)定
除了人物本身豐富的個(gè)性,場(chǎng)景設(shè)定對(duì)世界觀搭建同樣重要,因?yàn)?8到家家政產(chǎn)品的主流用戶多為較為年輕的人群,同時(shí)一二線城市居多,因此家中場(chǎng)景的設(shè)計(jì)也應(yīng)源于消費(fèi)者喜愛的風(fēng)格與氛圍:干凈、整潔、時(shí)尚為主。
58到家室內(nèi)場(chǎng)景
因?yàn)楫?dāng)前大部分主流消費(fèi)人群整日穿梭于鋼鐵林立的都市中,對(duì)于自然環(huán)境與戶外生活普遍有向往卻無暇親臨,本著藝術(shù)源于生活高于生活的原則,我們同時(shí)可以在場(chǎng)景中添加更加令消費(fèi)者感到舒適,但現(xiàn)實(shí)中難以實(shí)現(xiàn)的場(chǎng)景,如坐落于草地的客廳。
到家高于生活的夢(mèng)幻場(chǎng)景
通過干凈舒適的室內(nèi)環(huán)境與寬敞明亮的室外元素進(jìn)行組合,建立出令人向往的夢(mèng)幻場(chǎng)景。
3. 人物與場(chǎng)景組合
結(jié)合之前的人物設(shè)定,我們將場(chǎng)景與人物進(jìn)行組合,將帶有豐富信息的人物與營(yíng)造好氛圍的場(chǎng)景組合搭配后,完整的到家世界觀便躍然眼前。
到家世界(示例1)
到家世界(示例2)
整個(gè)畫面中的所有元素共同營(yíng)造出了一幅場(chǎng)景:這里環(huán)境整潔寬敞、業(yè)主年輕時(shí)尚事業(yè)有成,家政人員親切專業(yè)精明能干。
到家世界(示例3)
到家世界(示例4)
同時(shí)在更高的維度——大腦之中,則是觀者腦補(bǔ)出在如此理想的畫面之外,一定是井然有序的工作,溫馨和睦的家庭。
運(yùn)用有限的畫面,結(jié)合人物場(chǎng)景的塑造,我們通過引導(dǎo)觀者的代入感,讓他們腦補(bǔ)出理想場(chǎng)景,并與自己的真實(shí)場(chǎng)景進(jìn)行對(duì)比,從而引發(fā)出觀者的向往之情,促進(jìn)消費(fèi)欲望。
四、寫在最后
時(shí)代與審美在進(jìn)步,科技與載體也不會(huì)停止發(fā)展的腳步,這些因素對(duì)設(shè)計(jì)行業(yè)的影響是無孔不入的,身為設(shè)計(jì)師,在精進(jìn)設(shè)計(jì)技藝的同時(shí),也需要更深入的了解是什么在推動(dòng)設(shè)計(jì)理念的發(fā)展與變遷,更好的幫助我們?cè)谠O(shè)計(jì)的浪潮中踏浪前行。
作者:趙莫呷
來源公眾號(hào):58UXD(ID:i58UXD),58UXD,全稱58同城用戶體驗(yàn)設(shè)計(jì)中心。
本文由人人都是產(chǎn)品經(jīng)理合作媒體 @58UXD 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自 Unsplash,基于CC0協(xié)議。
用三維就代表視覺降噪嗎?
后面的實(shí)例和前文的理論…對(duì)不上啊
然而實(shí)際上的體驗(yàn)和表述的相去甚遠(yuǎn)