本文關(guān)于設(shè)計(jì)師從食品工廠最愛(ài)的小伎倆中吸取教訓(xùn)，以及為什么應(yīng)該停止濫用它。

如何使任何食物變得更美味？只要加糖就可以了，食品行業(yè)巨頭用這個(gè)伎倆把一切都變得如此簡(jiǎn)單。如今，糖無(wú)處不在：漢堡，軟飲料，脫脂牛奶，蛋黃醬，甚至嬰兒食品！

1822年，美國(guó)人平均每五天消耗約45克糖，如今達(dá)到756g！

我們的大腦不斷地渴望糖，所以我們沉迷于含有它的食物（腦部掃描顯示糖像可卡因一樣上癮）。糖沒(méi)有營(yíng)養(yǎng)價(jià)值，這只會(huì)給食品生產(chǎn)商帶來(lái)更高的利潤(rùn)，并造成消費(fèi)者的健康問(wèn)題。有一個(gè)輝煌的紀(jì)錄片《Fed Up》講述的就是這個(gè)。（譯者注：Fed Up是由Stephanie Soechtig指導(dǎo)，撰寫(xiě)和制作的2014年美國(guó)紀(jì)錄片。這部電影重點(diǎn)在于關(guān)注美國(guó)人肥胖的原因，大量的數(shù)據(jù)顯示，加工食品中大量的糖是人們忽視的根源。）

如何使你的設(shè)計(jì)變得更好？只要加糖就可以了，視覺(jué)糖。

什么是視覺(jué)糖？

視覺(jué)糖是任何視覺(jué)裝飾元素。最常見(jiàn)的視覺(jué)糖類型是圖標(biāo)、漸變、陰影、紋理、動(dòng)效等。

有時(shí)候，設(shè)計(jì)師會(huì)以無(wú)意義或過(guò)度的方式使用它們，使他們的設(shè)計(jì)更好，這里的關(guān)鍵是“無(wú)意義”。這些本身沒(méi)有任何問(wèn)題，只是它們被用來(lái)甜化原本無(wú)味和無(wú)意義的設(shè)計(jì)。

為什么會(huì)這樣呢？那么，我們假設(shè)在這樣的情境下：你在設(shè)計(jì)時(shí)感覺(jué)有點(diǎn)平淡。你會(huì)怎么做？添加一些圖標(biāo)，或漸變和陰影？看起來(lái)使你的設(shè)計(jì)變得更好了，但實(shí)際上你只是將一個(gè)膚淺的設(shè)計(jì)偽裝起來(lái)。

有些設(shè)計(jì)甚至徹頭徹尾是個(gè)糖衣炮彈（以壞的方式）。大量的糖分卻毫無(wú)營(yíng)養(yǎng)價(jià)值。我們看看來(lái)自Dribbble的典型的儀表板：

?濃重的陰影

?過(guò)量的圖標(biāo)

?漸變

?意思

到底多少糖分算多？

根據(jù)美國(guó)心臟協(xié)會(huì)的數(shù)據(jù)，男性每天攝入的添加糖分最多為37.5克（9茶匙），而女性最多為25克（6茶匙）。

產(chǎn)品設(shè)計(jì)呢？在產(chǎn)品設(shè)計(jì)中可以使用多少視覺(jué)糖？Edward Tufte在他的書(shū)《Visual Display of Quantitative Information》中有完美的答案：

當(dāng)視覺(jué)圖表被雜亂的裝飾形式取代、當(dāng)數(shù)據(jù)量度和結(jié)構(gòu)變成可見(jiàn)的設(shè)計(jì)元素、當(dāng)視覺(jué)樣式由整體設(shè)計(jì)決定而非定量數(shù)據(jù)，那你就可以稱此“視覺(jué)設(shè)計(jì)”為“鴨形商店”。（譯者注：大鴨子商店是位于美國(guó)長(zhǎng)島的一個(gè)建筑，外形是個(gè)寫(xiě)實(shí)派的鴨子造型，而其主要功能就是賣(mài)鴨子和鴨蛋。）

對(duì)于這個(gè)建筑，整個(gè)結(jié)構(gòu)本身就是裝飾，就像鴨子數(shù)據(jù)圖形一樣。在拉斯維加斯的學(xué)習(xí)中，Robert Venturi, Denise Scott Brown和StevenIzenour撰寫(xiě)了關(guān)于現(xiàn)代建筑的鴨子–他們的想法也與數(shù)據(jù)圖形的設(shè)計(jì)有關(guān)：

當(dāng)代建筑師自以為是地“擯棄”建筑外部的裝飾，卻無(wú)意中設(shè)計(jì)出了一個(gè)本身就是純粹裝飾品的建筑。在推動(dòng)空間與藝術(shù)方面的象征意義和裝飾，他們把整個(gè)建筑變成了鴨子。他們?nèi)〈藗鹘y(tǒng)的棚用裝飾的天真和廉價(jià)的實(shí)踐，這是一種非常憤世嫉俗和昂貴的程序和結(jié)構(gòu)的扭曲來(lái)促進(jìn)鴨子的發(fā)展…現(xiàn)在是時(shí)候重新評(píng)估John Ruskin曾經(jīng)令人震驚的聲明了，建筑風(fēng)格是建筑物的裝飾，但我們應(yīng)該附上Pugin的警告：

裝飾建筑是可以的，但不要建造裝飾品。

如何減少視覺(jué)糖？

在設(shè)計(jì)工作時(shí)，牢記幾件簡(jiǎn)單的事情，確保你的設(shè)計(jì)不會(huì)變成視覺(jué)的垃圾食品。

有五種方法：

1. 始終記住產(chǎn)品需求的層級(jí)

在開(kāi)始考慮形式前，先把產(chǎn)品的功能性定位清楚。一旦你理清了設(shè)計(jì)目的，并將信息結(jié)構(gòu)牢記于心，每個(gè)設(shè)計(jì)元素就能變得恰到好處。如果一開(kāi)始就建立在產(chǎn)品視覺(jué)外觀和感覺(jué)的基礎(chǔ)上，金字塔將會(huì)倒塌。

Devin Hunt的設(shè)計(jì)檢查表

iA.net還有一個(gè)很好的建議：

不能因?yàn)槟愕脑O(shè)計(jì)感覺(jué)無(wú)意義、冷淡或者沒(méi)有你預(yù)期的那樣好，就成為你尋找使用圖標(biāo)的理由。圖標(biāo)不會(huì)修復(fù)結(jié)構(gòu)有問(wèn)題的設(shè)計(jì)。在設(shè)計(jì)過(guò)程的最后添加圖標(biāo)，在使用線框時(shí)不要使用圖標(biāo)。圖片可以表達(dá)1000個(gè)不同的意思，強(qiáng)大的信息架構(gòu)會(huì)幫助你找到正確的概念并將它們放在正確的語(yǔ)境中。在訴諸情感之前，先弄清楚你的理論基礎(chǔ)。

2. 你設(shè)計(jì)中的每個(gè)元素都應(yīng)該有目的

例如，Google的Material Design設(shè)計(jì)語(yǔ)言中，動(dòng)效用于增加額外的意義，而不僅僅是讓設(shè)計(jì)看起來(lái)更好：

動(dòng)效的作用不僅僅是使設(shè)計(jì)過(guò)渡自然，應(yīng)該首先是幫助引導(dǎo)用戶，在正確的時(shí)間提供正確的信息。動(dòng)效應(yīng)該有助于解決復(fù)雜的問(wèn)題，并清楚地向用戶傳達(dá)一個(gè)元素的阻力、動(dòng)態(tài)和路徑。

– 來(lái)自Sharon Correa和John Schlemmer“Making Motion Meaningful”

3. 在沒(méi)有必要的地方去除視覺(jué)糖

Dropbox在重新設(shè)計(jì)之前，左側(cè)導(dǎo)航面板中的每個(gè)菜單項(xiàng)旁邊都有圖標(biāo)。他們看起來(lái)不錯(cuò)，但幾乎沒(méi)有任何實(shí)際意義：如果你隱藏每個(gè)圖標(biāo)旁邊的文字，用戶不會(huì)記得它的意思。在新設(shè)計(jì)中，所有的圖標(biāo)都不見(jiàn)了，現(xiàn)在導(dǎo)航不僅視覺(jué)上更干凈，而且更容易理解。

圖片由Dropbox Design團(tuán)隊(duì)提供

4. 不要跟隨趨勢(shì)

當(dāng)Dieter Rams開(kāi)始研究他的第一個(gè)設(shè)計(jì)時(shí)，黑膠碟播放機(jī)的時(shí)尚設(shè)計(jì)就像這樣：

Fairchild 411H

這是他設(shè)計(jì)的：

Braun PC-3

5. 記?。汉玫脑O(shè)計(jì)不需要過(guò)甜

Frank Chimero用香草冰淇淋比喻好的設(shè)計(jì)：

我的設(shè)計(jì)就像香草冰淇淋：簡(jiǎn)單而甜美，樸素而不簡(jiǎn)陋。它應(yīng)該是一個(gè)更加放縱的體驗(yàn)的基礎(chǔ)，在他們需要的場(chǎng)合，添加巧克力片和曲奇餅。然而這些特殊場(chǎng)合是很少的。一份好的香草冰淇淋通常就夠了。

來(lái)個(gè)總結(jié)

最近Peter Thiel’s在紐約時(shí)報(bào)中有一篇精彩的采訪:

記者：你堅(jiān)信人從來(lái)就不應(yīng)該吃糖。

Peter Thiel：沒(méi)錯(cuò)，我們說(shuō)的都很容易，卻從來(lái)做不到。

英文原文：Yuriy Oparenko,?Visual sugar.

原文地址：https://uxdesign.cc/visual-sugar-f46b47ee04e5

譯者：文美@點(diǎn)融設(shè)計(jì)中心DDC，微信公眾號(hào)：「微信ID：DR_DDC」

本文由 @文美?翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議