為什么一個簡單的界面，你做出來后總覺得不夠精致，很可能是因為你遺漏了一些容易忽略的設計細節。本文作者通過一個案例，細致入微的教你如何改良你的設計，一起學習起來吧！

我自己讀完此文有一個很大的感觸：做好設計不能全靠數學的精準實施，很多時候還是要相信自己的眼睛，以心理感知作為判斷標準來輔助優化設計，最后的結果對用戶來說或許才是最優的。

每當你看到一個界面時，你的大腦其實都在欺騙你。無論你如何努力使事物看起來一致——旁觀者的眼睛往往不會同意，因為我們在現實生活中是通過大腦來感知物體的。所以，作為設計師，我們唯一的選擇只能是反向「欺騙」用戶的大腦（譯者注：在視覺上）。在本文中，我將向你展示一個設計組件需要從哪些地方去做改善，一起來看看這個彈窗例子吧。

△7 處已經做了調整

△ 沒有做調整

試著去比較調整前后的視覺感覺。直接對比的話可能很難看出區別，所以我做了一個 GIF 幫助大家進行對比。

一、調整重心

現實世界中的任何物體都會受到重力的影響。意思是，一旦沒有支撐就會掉下來。我們的大腦將現實世界的期望自動應用到界面的元素上，并假設屏幕上的任何物體都在「嘗試」掉下來。即使當物體完全靜止時，我們的大腦仍然認為它會向下移動（物體上方的空間會增加，下面的空間會減少）并對其進行視覺調整。一個完美垂直居中的對象，在實際中看到的時候會偏低。為了使物體在視覺上保持一致，我們必須反補償重力的「預期」，把物體略微上移。如下圖：

物體越大，它就越「重」，從而「下降」得更快。所以我們需要為更大的物體補償更多，而更小的物體補償更少。 粉色顯示容納「更小」按鈕的容器：