設(shè)計(jì)師是如何學(xué)到食品行業(yè)最喜歡的技巧，并且為什么他們應(yīng)該停止濫用它們？通過文章一起來看看。

怎么讓任何東西更好吃？加點(diǎn)糖吧。食品巨頭們都在這樣做。糖出現(xiàn)在所有的東西里：漢堡，軟飲料，甚至嬰兒食品！

1822年，美國人每五天平均要吃掉45g糖。現(xiàn)在，這個(gè)數(shù)字是756g！

我們的大腦喜歡糖(有研究表示糖和咖啡因一樣讓人上癮)。然而糖沒有營養(yǎng)價(jià)值，只會導(dǎo)致食品行業(yè)的暴利和人們的大量健康問題。

怎么讓任何設(shè)計(jì)變好？加點(diǎn)視覺糖。

視覺糖是什么？

視覺糖是任何視覺裝飾元素。最常見的是icon，漸變，陰影，紋理，動效等等。

設(shè)計(jì)師有時(shí)會用毫無意義和多余的方式來讓他們的設(shè)計(jì)看起來更好?！昂翢o意義”是關(guān)鍵。這些方式本身并沒有什么錯(cuò)誤，它們只是用來讓無味而無意義的設(shè)計(jì)甜起來。

為什么這會發(fā)生？我們其實(shí)都處于過這樣的境地:你已經(jīng)開始做了一些設(shè)計(jì)，然后覺得它有些單調(diào)。你會怎么做？不如加些icon，或是一些漸變和陰影？好像你已經(jīng)讓你的設(shè)計(jì)變好了，但實(shí)際上，你只是掩蓋了一個(gè)膚淺的設(shè)計(jì)。

有些設(shè)計(jì)就真的是視覺糖果(eye candy)，這不是一件好事。它們里面有很多糖，卻沒有任何營養(yǎng)。我們來看看Dribbble上的一個(gè)典型的控制臺設(shè)計(jì)。

來自Medicon by Cosmin Capitanu

?重陰影

?一堆icon

?漸變

?意義

多少糖是過多呢？

根據(jù)美國心臟病協(xié)會，男人每天最多攝入的糖分應(yīng)該是37.5 g，而女人是25 g。

而在產(chǎn)品設(shè)計(jì)中，放多少視覺糖是可以接受的？在 Visual Display of Quantitative Information一書中，Edward Tufte給出了一個(gè)完美的答案：

當(dāng)一個(gè)數(shù)據(jù)可視化被裝飾形式的計(jì)算機(jī)碎片占據(jù)，當(dāng)數(shù)據(jù)和結(jié)構(gòu)變成設(shè)計(jì)元素，當(dāng)整個(gè)設(shè)計(jì)追求圖像風(fēng)格而非定量的信息，那這個(gè)數(shù)據(jù)可視化就可以被稱作“大鴨子”——下圖這個(gè)鴨子形狀的商店。

對于這個(gè)鴨子建筑來說，整個(gè)結(jié)構(gòu)本身就是裝飾，就像上文所說的“鴨子設(shè)計(jì)”那樣。在Learning from Las Vegas一書中, 作者談及了現(xiàn)代建筑里的“鴨子”，他們的想法對于數(shù)據(jù)設(shè)計(jì)來說 一樣適用： 當(dāng)現(xiàn)代建筑師去掉了建筑上的裝飾時(shí)，他們也無意識地將建筑物本身設(shè)計(jì)成了裝飾。當(dāng)把空間和接合提高到比符號學(xué)和裝飾更高的地位時(shí)，他們將整個(gè)建筑扭曲成了一只“鴨子”。 為了推廣一個(gè)“鴨子”，他們將常規(guī)建筑上無辜而廉價(jià)的裝飾換成了憤世嫉俗且昂貴的對結(jié)構(gòu)的扭曲。是時(shí)候來重新評估那個(gè)來自John Ruskin的曾經(jīng)恐怖的言論——建筑就是建造的裝飾，但我們要附上Pugin的警告： 裝飾一個(gè)建造沒問題，但不要建造一個(gè)裝飾。 【譯者注】我認(rèn)為這段話翻譯得很差，歡迎給出更好的翻譯。原文可見此

如何減少視覺糖？

在設(shè)計(jì)時(shí)，有幾個(gè)簡單的事情需要記住，才不會讓設(shè)計(jì)變成“視覺垃圾食品”。

五種減少視覺糖的方法：

1.永遠(yuǎn)記住產(chǎn)品需求金字塔

先把產(chǎn)品功能性的部分做好，再設(shè)計(jì)形式。

一旦你弄清楚你的設(shè)計(jì)目標(biāo)，同時(shí)弄好信息架構(gòu)，每個(gè)元素都自然會落到它該在的地方。如果先設(shè)計(jì)視覺，這個(gè)金字塔就會倒塌。

來自A checklist for design

iA也提出過一些很棒的建議:

不要因?yàn)槟愕脑O(shè)計(jì)感覺空白、冰冷或跟你想的不一樣而添加圖標(biāo)。圖標(biāo)不能解決一個(gè)結(jié)構(gòu)破損的設(shè)計(jì)。在設(shè)計(jì)環(huán)節(jié)的最后再添加圖標(biāo)，在原型圖階段不要玩弄圖標(biāo)。一個(gè)圖片往往能表達(dá)一千個(gè)完全不同的意思；只有健壯的信息架構(gòu)能夠賦予這些圖片一個(gè)在合適的環(huán)境下正確的意義。先符合理性，再取悅感性。

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

比如，谷歌的Material Design里的動效是為了增加更多的意義，而不是讓東西變得好看：

動效不僅僅是簡單的讓設(shè)計(jì)更加自然，最重要的是它能幫助引導(dǎo)用戶，在對的時(shí)機(jī)給他們對的信息。動效能夠幫助用戶在復(fù)雜挑戰(zhàn)里導(dǎo)航，并且清晰地傳達(dá)給用戶一個(gè)元素的阻力、動力和路徑。

來自Google Design – Making Motion Meaningful

三、如無必要，勿增視覺糖

在重設(shè)計(jì)之前，Dropbox在左側(cè)導(dǎo)航欄里每個(gè)菜單項(xiàng)里都有一個(gè)icon。他們看起來不錯(cuò)，但是幾乎沒有任何實(shí)際意義：如果你把每個(gè)icon里面的字隱藏，用戶不會記得icon代表什么。在右圖的新設(shè)計(jì)里，所有的icon都沒了，菜單不僅視覺上更加干凈，也更加容易理解。

來自 Dropbox Design

四、不要隨波逐流

當(dāng)Dieter Rams做第一個(gè)設(shè)計(jì)師，流行的唱片機(jī)都長這樣：

Fairchild 411H

然而他設(shè)計(jì)的長這樣：

Braun PC-3

5.記?。汉迷O(shè)計(jì)不需要太甜

Frank Chimero將好設(shè)計(jì)比作香草冰淇淋：

我個(gè)人喜歡香草冰淇淋那樣的設(shè)計(jì)：簡單而甜美，平實(shí)而質(zhì)樸。當(dāng)有需要時(shí)，它應(yīng)該是“放縱”的體驗(yàn)的堅(jiān)實(shí)基礎(chǔ)，如巧克力塊和小甜餅。但這些時(shí)候并不常見。一個(gè)好的香草冰淇淋往往足夠了。

Zero君有話說

“視覺糖”，這個(gè)名字就總結(jié)了整篇文章的核心。之前我總是找不到一個(gè)合適的詞匯來描述一種設(shè)計(jì)里面添加了很多過度設(shè)計(jì)的元素的感覺。

“視覺糖”是個(gè)好詞。糖不一定是壞的：沒有糖，有些東西很難下咽。但小時(shí)候，我們愛喝汽水；長大了，我們卻更多喜歡咖啡和茶；而世界上永遠(yuǎn)不會消失的飲料，就是一碗干凈的白開水。

譯者：盧智雄，正在轉(zhuǎn)型為產(chǎn)品經(jīng)理的交互設(shè)計(jì)師

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

本文獲原作者Yuriy Oparenko授權(quán)翻譯，原文發(fā)表于Medium，題圖來自Attn。