佈局和間距
從太多的空白開始
清理設計的最簡單方法之一是簡單地給每個元素更多的呼吸空間。
應該删除空白，而不是添加
在為Web設計時，空白幾乎總是添加到設計中。如果某些東西看起來有點太狹窄，你可以添加一點空白或填充物，直到事情看起來更好。這種方法的問題在於，元素只獲得必要的最低呼吸空間，以免看起來積極糟糕。為了讓一些東西看起來真的很棒，你通常需要更多的空白空間。更好的方法是從給一些東西太多的空間開始，然後删除它，直到你對結果感到滿意。
密集的使用者介面也有必要的
雖然具有大量呼吸空間的介面幾乎總是感覺更乾淨、更簡單，但在某些情况下，設計更緊湊無疑是有意義的。
建立間距和尺寸系統
在嘗試决定使用者介面中元素的完美大小時，您不應該在120px和125px之間挑剔。
痛苦地嘗試一次一個點數的任意值充其量會大大减慢速度，並在最壞的情况下創建醜陋、不一致的設計。相反，將自己限制在預先定義的一組受限值上。
線性刻度不起作用
創建間距和尺寸系統並不像“確保一切都是4px的倍數”那麼簡單——像這樣的天真方法不會使在120px和125px之間進行選擇變得更容易。
為了使系統真正有用，它需要考慮相鄰值之間的相對差异。
如果希望您的系統輕鬆做出尺寸決策，請確保您的規模中沒有兩個值接近25%左右。
定義尺寸系統
一個簡單的方法是從一個合理的基本值開始，然後使用該值的因數和倍數構建一個尺度。
使用尺寸系統
一旦您定義了間距和大小系統，您就會發現您可以更快地設計，特別是如果您在瀏覽器中進行設計（鍵入數位時，堅持使用系統比使用滑鼠拖動時更容易。）
不必填滿整個荧幕。只給每個元素它所需的空間。
縮小畫布
如果您在大畫布上設計小介面時遇到困難，請縮小畫布！很多時候，當約束是真實的時，設計一些小東西會更容易。
在分欄中思考
如果您想在不使表單更難使用的情况下更好地利用可用空間，您可以將支持文字分解為單獨的列：這使設計感覺更加平衡和一致，同時不影響表單本身的最佳寬度。
不要強迫
就像你不應該擔心填滿整個荧幕一樣，你也不應該試圖不必要地把所有東西都塞進一個小區域。
網格被高估了
使用像12列網格這樣的系統是簡化佈局決策的好方法，可以為您的設計帶來令人滿意的秩序感。但是，即使網格可能有用，將所有佈局決策外包給網格可能弊大於利。
並非所有元素都應該是流動的
從根本上說，網格系統只是為了給元素提供流暢的、基於百分比的寬度，您可以從一組受限的百分比中進行選擇。將網格系統視為宗教的問題在於，在許多情况下，元素具有固定寬度而不是相對寬度更有意義。
不要使用百分比來調整某物的大小，除非真的希望它縮放。
在需要之前，不要縮小元素
不要成為網格的奴隸——給你的組件他們需要的空間，在真正必要之前不要做出任何妥協。
相對尺寸不縮放
人們很容易相信，介面的每個部分都應該相對縮小，如果元素A需要在較小的荧幕上縮小25%，那麼元素B也應該縮小25%。
一般來說，大螢幕上的大元素需要比已經相當小的元素收縮得更快——在小螢幕尺寸下，小元素和大元素之間的差异應該不那麼極端。
元素內部的關係
東西應該獨立縮放的想法不僅適用於不同螢幕尺寸的元素大小；它也適用於單個組件的内容。
放弃一切都需要按比例縮放的想法——給自己獨立微調事物的自由，這使為多個上下文進行設計變得容易得多。
避免間距模糊
當元素組被顯式分隔時——通常由邊框或背景顏色——很明顯哪些元素屬於哪個組。
每當您依靠間距連接一組元`素時，請務必確保組周圍的空間比其中的空間多——難以理解的介面總是看起來更糟。