為什么要留白？
試想一下，當你進入一個擠滿各種物品和人的房間，到處都是東西和人，找到特定的東西肯定是一個非常艱難的事情。相應的，在干凈的地面上，擺放的唯一的物品肯定是非常醒目的，你不需要花費任何力氣就能注意到它。這也是留白發揮作用的原理所在。
在界面中如果有太多的元素會分散用戶的注意力，用戶會難以找到真正想要的信息。正如同 Aarron Walter 所說：“你想讓用戶注意到所有事情的時候，他們會感知不到任何東西的。”
UI設計中的留白
留白可以在網頁布局中各個元素之間，還可以在特定 UI元素的內部。留白賦予了頁面呼吸感，而它本身并不一定非得是白色的空白區域。
間距留白
元素的隸屬關系
格式塔原理（接近法則）
- 同等板塊字段，保持小距離
- 不同板塊間距，應有間距差異
間距留白體現在哪些方面
Banner板塊劃分
復雜圖標設計
等分原則
等分原則的好處
- 界面規范，防止參差不齊
- 利于規范，以及提高開發效率
五分原則
- 等級相同的板塊，保持相同間距，等分
- 等級不同的板塊，保持間距差異，5分
黃金分割比
解決留白呼吸感問題，更多的用在圖標方面
下面來欣賞下優秀的案例
Apple
造作
oppo
以上。希望這篇文章能對你有所幫助，歡迎轉發和留言、關注。
如果你看完這篇文章還有什么疑問，歡迎在添加我的留言與我交流。
我是@千千素材庫：免費分享最新精選的插畫設計教程、素材資源干貨，喜歡我的文章請點贊、關注、轉發、歡迎大家關注！
