客戶說
▼
“留白太多了。 ”
設計師
▼
從入行開始到現在， 我頻繁聽到這樣的回饋， 尖利而刺耳。 然後我會抱著懷疑的態度重新審視我的設計。
緊接著， 還得悉心安撫提出意見的領導/客戶/運營/產品/甲方。
這種感覺很熟悉吧？
Oatmeal Comic 的漫畫“設計師是如何墜入地獄”將網頁設計師最常遭遇的坑爹局面勾勒了出來。 “留白太多了”其實只是一個間接的要求， 當設計師的這個據點失守， 再後退就是地獄和深淵了。
因為通常這意味著， 後面還有一大堆諸如“我不喜歡藍色”， “我要七彩的LOGO”以及“我覺得這種風格不夠流行， 能換個手寫字體嘛？”這樣的問題。 這就是一個悲傷的故事， 並且這個故事一再上演。
時至今日， 我遭遇的針對留白的吐槽， 背後基本都隱藏著一大堆別的修改意見。 而作為設計師， 我們的職責當中有一項特別關鍵：說服這些留白恐懼症患者， 留白是設計中重要的組成部分， 也是帶來優秀用戶體驗的基石。
“通常留白被認為是活躍的元素， 並非固定不變的背景。 ”— Jan Tschichold
留白恐懼症
義大利出生的著名文學和藝術評論家 Mario Praz 曾經創造過一個拉丁語詞匯， Horror Vacui， 意為對留白的恐懼。 這個詞是這位批評家對維多利亞時期淩亂冗雜的藝術風格的吐槽， 面對著這個追求繁複細節的時代， 每一個細小的空間都需要被填充、塞滿， 推動這一“設計趨勢”的， 難道不是對留白的恐懼麼？
Horror Vacui 的典型案例
巴比倫的秋天， Jean Duvet ， 1555.
The Fairy Feller’s Master， Richard Dadd ， 1855–1864.
OB Log 的表單
網站地址：Argren.net。
這個網站的設計師是Frithjof Arngren。
網站地址：http://art.yale.edu/
那麼，留白是什麼？
概念想必大家都很熟悉。留白的另外一個名字是負空間，它並不一定非得是白色，它也是一種設計項目。留白是設計師手中的重要工具，合理的留白將內容、文本、圖形、圖示和不同的視覺元素分隔開來，說它是空間佈局的框架也不為過。
留白有不同的類型。文本的行間距和網格之間的間隙屬於小留白，它讓內容具備了更強的可讀性。而頁面中大面積無內容的區域則是大留白，它們讓視覺更容易向內容聚焦。
留白的重要性：
·提升內容的可讀性
·強調內容
·闡明了其他視覺元素之間的關係
·提升複雜性
留白所構建的空間關係，讓內容的可理解性提高了20%，降低了認知負荷。
如何正確回應“留白太多了”這種問題
客戶：首頁上的留白太多了吧？
你的回復：你網站的使用者打開首頁會尋找特定的資訊，如果添加太多非必要的資訊，會極大的分散他們的注意力，這些令人分心的元素甚至可能讓他們忘記來這兒幹啥。有個比較出名的Hick 定律，其內容指的是，你給使用者提供的內容越多，他們作出決定的時間就越長。
客戶：產品頁面上留白太多了吧？
你的回復：這個頁面的目標是增加產品的銷售。實際上使用者更傾向於低複雜度的資訊，他們像要更快地搞明白產品本身的特點，易於理解的內容與圖片能夠讓他們快速瞭解產品本身的功能和實用性。有個名為 Occam Razor 的規則指出，竟品當中，更加簡單直白的那個更容易被用戶所選擇。所以，使用簡約大氣的佈局更容易獲得用戶的青睞。
客戶：控制台上的留白太多了！
你的回復：控制台為使用者提供關鍵資訊，希望使用者能夠借助這些資訊作出正確的決策。關鍵意思是少而精，必不可少，如果額外的資訊和非關鍵資訊在控制台上大量的堆砌，會將關鍵的資訊給稀釋掉，影響整個決策的。突出重點，降低信噪是控制台應該具備的基本素質。
客戶：功能介紹頁上的留白是不太多了？
你的回應：簡單清晰地在網頁上介紹產品的功能，本質上是希望能幫使用者更好的瞭解產品特徵。使用者想要找到真正對他們有用的資訊，這是主要的需求，也是迫切的需求。根據 靈活性-可用性權衡機制，頁面設計需要在產品獲取資訊的廣度和深度上達到平衡，也就是說需要在靈活展示和重點突出上作出抉擇與平衡。有針對性地給使用者提供關鍵資訊，謹防提供過多內容導致使用者資訊超載。
客戶：註冊表單上的留白多到爆了好麼！
你的回應：你的註冊表單頁面是用來給使用者註冊的，用戶通常希望能儘快完成註冊，開始使用產品，而不是被冗雜的註冊欄位淹沒！有些設置可以在用戶完成註冊之後再行添加，過多的註冊條目將會導致用戶註冊的比例降低。
結語
現在你知道如何面對客戶和甲方的“留白恐懼症”了吧？他們只是單純的希望不要那麼空，而你需要解釋清楚其中的緣由。設計是講道理的，想要告別被客戶支配的恐懼，讓他們明白其中利弊是關鍵。
原文作者：Rizwan Javaid
網站地址：Argren.net。
這個網站的設計師是Frithjof Arngren。
網站地址：http://art.yale.edu/
那麼，留白是什麼？
概念想必大家都很熟悉。留白的另外一個名字是負空間，它並不一定非得是白色，它也是一種設計項目。留白是設計師手中的重要工具，合理的留白將內容、文本、圖形、圖示和不同的視覺元素分隔開來，說它是空間佈局的框架也不為過。
留白有不同的類型。文本的行間距和網格之間的間隙屬於小留白，它讓內容具備了更強的可讀性。而頁面中大面積無內容的區域則是大留白，它們讓視覺更容易向內容聚焦。
留白的重要性：
·提升內容的可讀性
·強調內容
·闡明了其他視覺元素之間的關係
·提升複雜性
留白所構建的空間關係，讓內容的可理解性提高了20%，降低了認知負荷。
如何正確回應“留白太多了”這種問題
客戶：首頁上的留白太多了吧？
你的回復：你網站的使用者打開首頁會尋找特定的資訊，如果添加太多非必要的資訊，會極大的分散他們的注意力，這些令人分心的元素甚至可能讓他們忘記來這兒幹啥。有個比較出名的Hick 定律，其內容指的是，你給使用者提供的內容越多，他們作出決定的時間就越長。
客戶：產品頁面上留白太多了吧？
你的回復：這個頁面的目標是增加產品的銷售。實際上使用者更傾向於低複雜度的資訊，他們像要更快地搞明白產品本身的特點，易於理解的內容與圖片能夠讓他們快速瞭解產品本身的功能和實用性。有個名為 Occam Razor 的規則指出，竟品當中，更加簡單直白的那個更容易被用戶所選擇。所以，使用簡約大氣的佈局更容易獲得用戶的青睞。
客戶：控制台上的留白太多了！
你的回復：控制台為使用者提供關鍵資訊，希望使用者能夠借助這些資訊作出正確的決策。關鍵意思是少而精，必不可少，如果額外的資訊和非關鍵資訊在控制台上大量的堆砌，會將關鍵的資訊給稀釋掉，影響整個決策的。突出重點，降低信噪是控制台應該具備的基本素質。
客戶：功能介紹頁上的留白是不太多了？
你的回應：簡單清晰地在網頁上介紹產品的功能，本質上是希望能幫使用者更好的瞭解產品特徵。使用者想要找到真正對他們有用的資訊，這是主要的需求，也是迫切的需求。根據 靈活性-可用性權衡機制，頁面設計需要在產品獲取資訊的廣度和深度上達到平衡，也就是說需要在靈活展示和重點突出上作出抉擇與平衡。有針對性地給使用者提供關鍵資訊，謹防提供過多內容導致使用者資訊超載。
客戶：註冊表單上的留白多到爆了好麼！
你的回應：你的註冊表單頁面是用來給使用者註冊的，用戶通常希望能儘快完成註冊，開始使用產品，而不是被冗雜的註冊欄位淹沒！有些設置可以在用戶完成註冊之後再行添加，過多的註冊條目將會導致用戶註冊的比例降低。
結語
現在你知道如何面對客戶和甲方的“留白恐懼症”了吧？他們只是單純的希望不要那麼空，而你需要解釋清楚其中的緣由。設計是講道理的，想要告別被客戶支配的恐懼，讓他們明白其中利弊是關鍵。
原文作者：Rizwan Javaid