AAA教育

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

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

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

答案是顏色對(duì)比

我們來(lái)切出一片漢堡，并把它們拉伸查看，這樣我們就可以看到簡(jiǎn)化的顏色。

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

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

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

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

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

當(dāng)表情變小后，就會(huì)變?cè)谀：榱烁嗤怀?，這里的案例把模糊加強(qiáng)了），可以看出Apple公司的表情符號(hào)仍然是一個(gè)漢堡，而Google的表情看上起只是一個(gè)巨大的顏色。特別是奶酪和包子的黃色不能區(qū)分開(kāi)來(lái)，番茄的紅色和肉餅的棕色也混在了一起。

然而，簡(jiǎn)單的移動(dòng)這個(gè)「奶酪」，就能解決這個(gè)問(wèn)題。

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

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