白色背景下，背景不要比邊框太深，再努力的調整區塊內容的顏色能與背景融合也于事無補，邊框成了毛邊。

在深色背景下，才使用加亮邊框。

關于圖片邊框，圖片本身就有背景，而且色彩是多樣的，在給圖片加邊框時也最好是與圖片背景同一個基色的背景，而且最好是取與圖片最邊上的色彩的深基色，如果是邊上有多種顏色，取最多的那顏色，例：

如果邊框是用CSS定義的，而且是圖列，比喻說是產品列表，而列表中的產品類別和背景色都不一致，就會出現邊框與背景同色或不協調的情況，例如：

上圖中間一排圖片邊框的色彩就不協調了，如果在圖片是不確定的情況下，加邊框時最好是給圖片與邊框之間加上邊框距。

在看看在深色背景下的效果，深色背景下可以有兩種方案，一是去掉外框，以白色間距邊框，二是加亮外框，留出與背景相同顏色的間距。如下圖：

3)關于邊距與對齊

設計師尋找靈感時，偶爾會隨意、自由的拖拉擺放區塊、填色、繪制等，直到滿意才會停下，在這個過程中會出現有與“經驗”掛鉤的細小漏洞，例如：

下圖表面看上去沒問題,細看之下有點小別扭,放大后就可以看清楚了,導航文字偏高,搜索框與導航沒有對齊,搜索框中Button圖標距離也有問題。

調整之后如下圖：