怎么讓任何東西更好吃？加點(diǎn)糖吧。我們的大腦喜歡糖(有研究表示糖和咖啡因一樣讓人上癮)。
1822年，美國(guó)人每五天平均要吃掉45g糖?，F(xiàn)在，這個(gè)數(shù)字是756g！
怎么讓任何設(shè)計(jì)變好？加點(diǎn)視覺(jué)糖。
一、視覺(jué)糖是什么？
視覺(jué)糖是任何視覺(jué)裝飾元素。最常見(jiàn)的是icon，漸變，陰影，紋理，動(dòng)效等等。
設(shè)計(jì)師有時(shí)會(huì)用毫無(wú)意義和多余的方式來(lái)讓他們的設(shè)計(jì)看起來(lái)更好。“毫無(wú)意義”是關(guān)鍵。這些方式本身并沒(méi)有什么錯(cuò)誤，它們只是用來(lái)讓無(wú)味而無(wú)意義的設(shè)計(jì)甜起來(lái)。
為什么這會(huì)發(fā)生？我們其實(shí)都處于過(guò)這樣的境地:你已經(jīng)開(kāi)始做了一些設(shè)計(jì)，然后覺(jué)得它有些單調(diào)。你會(huì)怎么做？不如加些icon，或是一些漸變和陰影？好像你已經(jīng)讓你的設(shè)計(jì)變好了，但實(shí)際上，你只是掩蓋了一個(gè)膚淺的設(shè)計(jì)。
有些設(shè)計(jì)就真的是視覺(jué)糖果(eye candy)，這不是一件好事。它們里面有很多糖，卻沒(méi)有任何營(yíng)養(yǎng)。我們來(lái)看看Dribbble上的一個(gè)典型的控制臺(tái)設(shè)計(jì)。
來(lái)自 Medicon by Cosmin Capitanu
:white_check_mark: 重陰影
:white_check_mark: 一堆icon
:white_check_mark: 漸變
:x: 意義
二、多少糖是過(guò)多呢？
根據(jù)美國(guó)心臟病協(xié)會(huì)，男人每天最多攝入的糖分應(yīng)該是37.5 g，而女人是25 g。
而在產(chǎn)品設(shè)計(jì)中，放多少視覺(jué)糖是可以接受的？在 Visual Display of Quantitative Information一書(shū)中，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ù)可視化就可以被稱(chēng)作“大鴨子”——下圖這個(gè)鴨子形狀的商店。
對(duì)于這個(gè)鴨子建筑來(lái)說(shuō)，整個(gè)結(jié)構(gòu)本身就是裝飾，就像上文所說(shuō)的“鴨子設(shè)計(jì)”那樣。在Learning from Las Vegas一書(shū)中, 作者談及了現(xiàn)代建筑里的“鴨子”，他們的想法對(duì)于數(shù)據(jù)設(shè)計(jì)來(lái)說(shuō) 一樣適用：
當(dāng)現(xiàn)代建筑師去掉了建筑上的裝飾時(shí)，他們也無(wú)意識(shí)地將建筑物本身設(shè)計(jì)成了裝飾。當(dāng)把空間和接合提高到比符號(hào)學(xué)和裝飾更高的地位時(shí)，他們將整個(gè)建筑扭曲成了一只“鴨子”。 為了推廣一個(gè)“鴨子”，他們將常規(guī)建筑上無(wú)辜而廉價(jià)的裝飾換成了憤世嫉俗且昂貴的對(duì)結(jié)構(gòu)的扭曲。是時(shí)候來(lái)重新評(píng)估那個(gè)來(lái)自John Ruskin的曾經(jīng)恐怖的言論——建筑就是建造的裝飾，但我們要附上Pugin的警告：
裝飾一個(gè)建造沒(méi)問(wèn)題，但不要建造一個(gè)裝飾。
【譯者注】我認(rèn)為這段話(huà)翻譯得很差，歡迎給出更好的翻譯。原文可見(jiàn)此
三、如何減少視覺(jué)糖？
在設(shè)計(jì)時(shí)，有幾個(gè)簡(jiǎn)單的事情需要記住，才不會(huì)讓設(shè)計(jì)變成“視覺(jué)垃圾食品”。五種減少視覺(jué)糖的方法：
1、永遠(yuǎn)記住產(chǎn)品需求金字塔
先把產(chǎn)品功能性的部分做好，再設(shè)計(jì)形式。
一旦你弄清楚你的設(shè)計(jì)目標(biāo)，同時(shí)弄好信息架構(gòu)，每個(gè)元素都自然會(huì)落到它該在的地方。如果先設(shè)計(jì)視覺(jué)，這個(gè)金字塔就會(huì)倒塌。
來(lái)自 A checklist for design
iA也提出過(guò)一些很棒的建議:
不要因?yàn)槟愕脑O(shè)計(jì)感覺(jué)空白、冰冷或跟你想的不一樣而添加圖標(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里的動(dòng)效是為了增加更多的意義，而不是讓東西變得好看：
動(dòng)效不僅僅是簡(jiǎn)單的讓設(shè)計(jì)更加自然，最重要的是它能幫助引導(dǎo)用戶(hù)，在對(duì)的時(shí)機(jī)給他們對(duì)的信息。動(dòng)效能夠幫助用戶(hù)在復(fù)雜挑戰(zhàn)里導(dǎo)航，并且清晰地傳達(dá)給用戶(hù)一個(gè)元素的阻力、動(dòng)力和路徑。
3、如無(wú)必要，勿增視覺(jué)糖
在重設(shè)計(jì)之前，Dropbox在左側(cè)導(dǎo)航欄里每個(gè)菜單項(xiàng)里都有一個(gè)icon。他們看起來(lái)不錯(cuò)，但是幾乎沒(méi)有任何實(shí)際意義：如果你把每個(gè)icon里面的字隱藏，用戶(hù)不會(huì)記得icon代表什么。在右圖的新設(shè)計(jì)里，所有的icon都沒(méi)了，菜單不僅視覺(jué)上更加干凈，也更加容易理解。
4、不要隨波逐流
當(dāng)Dieter Rams做第一個(gè)設(shè)計(jì)師，流行的唱片機(jī)都長(zhǎng)這樣：
Fairchild 411H
然而他設(shè)計(jì)的長(zhǎng)這樣：
Braun PC-3
5、記?。汉迷O(shè)計(jì)不需要太甜
Frank Chimero將好設(shè)計(jì)比作香草冰淇淋：
我個(gè)人喜歡香草冰淇淋那樣的設(shè)計(jì)：簡(jiǎn)單而甜美，平實(shí)而質(zhì)樸。當(dāng)有需要時(shí)，它應(yīng)該是“放縱”的體驗(yàn)的堅(jiān)實(shí)基礎(chǔ)，如巧克力塊和小甜餅。但這些時(shí)候并不常見(jiàn)。一個(gè)好的香草冰淇淋往往足夠了。
Zero君有話(huà)說(shuō)：
“視覺(jué)糖”，這個(gè)名字就總結(jié)了整篇文章的核心。之前我總是找不到一個(gè)合適的詞匯來(lái)描述一種設(shè)計(jì)里面添加了很多過(guò)度設(shè)計(jì)的元素的感覺(jué)。
“視覺(jué)糖”是個(gè)好詞。糖不一定是壞的：沒(méi)有糖，有些東西很難下咽。但小時(shí)候，我們愛(ài)喝汽水；長(zhǎng)大了，我們卻更多喜歡咖啡和茶；而世界上永遠(yuǎn)不會(huì)消失的飲料，就是一碗干凈的白開(kāi)水。
文章轉(zhuǎn)載請(qǐng)保留網(wǎng)址：http://16qt59sf.cn/news/industry/1935.html
