什么是視覺糖以及如何不濫用它們?

7 評論 5484 瀏覽 18 收藏 9 分鐘

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

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

1822年,美國人每五天平均要吃掉45g糖?,F(xiàn)在,這個數(shù)字是756g!

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

怎么讓任何設計變好?加點視覺糖。

視覺糖是什么?

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

設計師有時會用毫無意義和多余的方式來讓他們的設計看起來更好?!昂翢o意義”是關鍵。這些方式本身并沒有什么錯誤,它們只是用來讓無味而無意義的設計甜起來。

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

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

來自Medicon by Cosmin Capitanu

?重陰影

?一堆icon

?漸變

?意義

多少糖是過多呢?

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

而在產品設計中,放多少視覺糖是可以接受的?在 Visual Display of Quantitative Information一書中,Edward Tufte給出了一個完美的答案:

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

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

如何減少視覺糖?

在設計時,有幾個簡單的事情需要記住,才不會讓設計變成“視覺垃圾食品”。

五種減少視覺糖的方法:

1.永遠記住產品需求金字塔

先把產品功能性的部分做好,再設計形式。

一旦你弄清楚你的設計目標,同時弄好信息架構,每個元素都自然會落到它該在的地方。如果先設計視覺,這個金字塔就會倒塌。

來自A checklist for design

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

不要因為你的設計感覺空白、冰冷或跟你想的不一樣而添加圖標。圖標不能解決一個結構破損的設計。在設計環(huán)節(jié)的最后再添加圖標,在原型圖階段不要玩弄圖標。一個圖片往往能表達一千個完全不同的意思;只有健壯的信息架構能夠賦予這些圖片一個在合適的環(huán)境下正確的意義。先符合理性,再取悅感性。

2.你的設計中的每個元素都應該有個目的

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

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

來自Google Design – Making Motion Meaningful

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

在重設計之前,Dropbox在左側導航欄里每個菜單項里都有一個icon。他們看起來不錯,但是幾乎沒有任何實際意義:如果你把每個icon里面的字隱藏,用戶不會記得icon代表什么。在右圖的新設計里,所有的icon都沒了,菜單不僅視覺上更加干凈,也更加容易理解。

來自 Dropbox Design

四、不要隨波逐流

當Dieter Rams做第一個設計師,流行的唱片機都長這樣:

Fairchild 411H

然而他設計的長這樣:

Braun PC-3

5.記住:好設計不需要太甜

Frank Chimero將好設計比作香草冰淇淋:

我個人喜歡香草冰淇淋那樣的設計:簡單而甜美,平實而質樸。當有需要時,它應該是“放縱”的體驗的堅實基礎,如巧克力塊和小甜餅。但這些時候并不常見。一個好的香草冰淇淋往往足夠了。

Zero君有話說

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

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

 

譯者:盧智雄,正在轉型為產品經理的交互設計師

本文由 @盧智雄 翻譯發(fā)布于人人都是產品經理。未經許可,禁止轉載。

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 最近正在做多個系統(tǒng)的原型設計,昨天突然意識到在系統(tǒng)原型設計的過程中,主要分成兩個大階段:1是系統(tǒng)大框架以及系統(tǒng)功能性的內容,2是系統(tǒng)樣式的美觀。前期工作重點一定得是1,等到1基本滿足了用戶對系統(tǒng)的需求,再把工作重心放在2上,才是合理的原型設計思路。今天就看到了這篇分享,正好驗證了我工作經驗總結的正確性,很開心。

    來自吉林 回復
    1. ??
      iA提出的設計金字塔(http://www.hailpixel.com/articles/checklist-for-design)就是你說的先后順序問題

      來自廣東 回復
    2. 嗯嗯,謝謝

      來自吉林 回復
  2. 我覺得那只鴨子挺好看的。。。

    來自北京 回復
    1. ??

      來自廣東 回復
  3. 糖量的多少,眾口難調,只能一點點地調配了~

    來自北京 回復