為什么一個簡單的界面，你做出來后總覺得不夠精致，很可能是因為你遺漏了一些容易忽略的設(shè)計細節(jié)。本文作者通過一個案例，細致入微的教你如何改良你的設(shè)計，一起學習起來吧！
我自己讀完此文有一個很大的感觸：做好設(shè)計不能全靠數(shù)學的精準實施，很多時候還是要相信自己的眼睛，以心理感知作為判斷標準來輔助優(yōu)化設(shè)計，最后的結(jié)果對用戶來說或許才是最優(yōu)的。
每當你看到一個界面時，你的大腦其實都在欺騙你。無論你如何努力使事物看起來一致——旁觀者的眼睛往往不會同意，因為我們在現(xiàn)實生活中是通過大腦來感知物體的。所以，作為設(shè)計師，我們唯一的選擇只能是反向「欺騙」用戶的大腦（譯者注：在視覺上）。在本文中，我將向你展示一個設(shè)計組件需要從哪些地方去做改善，一起來看看這個彈窗例子吧。
△7 處已經(jīng)做了調(diào)整
△ 沒有做調(diào)整
試著去比較調(diào)整前后的視覺感覺。直接對比的話可能很難看出區(qū)別，所以我做了一個 GIF 幫助大家進行對比。
現(xiàn)實世界中的任何物體都會受到重力的影響。意思是，一旦沒有支撐就會掉下來。我們的大腦將現(xiàn)實世界的期望自動應(yīng)用到界面的元素上，并假設(shè)屏幕上的任何物體都在「嘗試」掉下來。即使當物體完全靜止時，我們的大腦仍然認為它會向下移動（物體上方的空間會增加，下面的空間會減少）并對其進行視覺調(diào)整。一個完美垂直居中的對象，在實際中看到的時候會偏低。為了使物體在視覺上保持一致，我們必須反補償重力的「預期」，把物體略微上移。如下圖：
物體越大，它就越「重」，從而「下降」得更快。所以我們需要為更大的物體補償更多，而更小的物體補償更少。 粉色顯示容納「更小」按鈕的容器：
QQ客服