AAA教育

近日一則推特火了起來，轉(zhuǎn)發(fā)量高達(dá)17K，主要是討論Apple與Google的漢堡包表情：到底是奶酪放在肉餅上還是放在肉餅下。

該話題是由一網(wǎng)友發(fā)表，但卻引起了蘋果與谷歌的漢堡包表情大戰(zhàn)！Google 的 CEO Sundar Pichai也參與進(jìn)來，在推薦中表示：“如果大家能達(dá)成一致，我們周一什么都不干，只解決此問題。”

按道理，奶酪應(yīng)該放在肉餅才對的，當(dāng)然，作為設(shè)計(jì)師，我們討論下為什么蘋果的漢堡包表情UI設(shè)計(jì)才是對的。

答案是顏色對比

我們來切出一片漢堡，并把它們拉伸查看，這樣我們就可以看到簡化的顏色。

在Google的表情中，紅色、棕色（肉餅）、黃色（奶酪）和橙色（底層面包）放在一起才是真正的問題所在。這些顏色彼此間太接近了。

另一方面，蘋果的表情黃色（奶酪）放在紅色和棕色之間是一個很好的緩沖區(qū)，這也可以防止接近橙色面包。

還有蘋果的設(shè)計(jì)更加精細(xì)，使用了一個黑色稍微烤焦的肉餅，這樣對比更加突出。

為什么設(shè)計(jì)對比度非常重要？

原因是一個表情符號的設(shè)計(jì)，在一般情況下，尺寸可能會非常的小，下面我們做一個模糊處理：

當(dāng)表情變小后，就會變在模糊（為了更多突出，這里的案例把模糊加強(qiáng)了），可以看出Apple公司的表情符號仍然是一個漢堡，而Google的表情看上起只是一個巨大的顏色。特別是奶酪和包子的黃色不能區(qū)分開來，番茄的紅色和肉餅的棕色也混在了一起。

然而，簡單的移動這個「奶酪」，就能解決這個問題。

漢堡的味道實(shí)際上怎樣的并不重要，設(shè)計(jì)一個美味的漢堡包，但以看不懂是沒意義的。

設(shè)計(jì)不僅僅是外觀和感覺，重要的是它如何工作的。
相關(guān)文章《Macy.js網(wǎng)頁流布局js插件》