客戶說「留白太多了」,設計師翻了個大白眼
客戶說
「留白太多了。」
設計師
從入行開始到現在,我頻繁聽到這樣的反饋,尖利而刺耳。然後我會抱著懷疑的態度重新審視我的設計。接下來的情況想必很多設計師都很熟悉了:用大量並沒有什麼意義的裝飾元素,極不情願地、一點一點地將精心設計的留白給填起來。最初的成就感逐漸消退,靠在椅子上全身不得勁,對於即將出貨的設計稿毫無熱情。生無可戀。
緊接著,還得悉心安撫提出意見的領導/客戶/運營/產品/甲方。
這種感覺很熟悉吧?
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。
那麼,留白是什麼?
概念想必大家都很熟悉。留白的另外一個名字是負空間,它並不一定非得是白色,它也是一種設計元素。留白是設計師手中的重要工具,合理的留白將內容、文本、圖形、圖標和不同的視覺元素分隔開來,說它是空間布局的框架也不為過。
留白有不同的類型。文本的行間距和網格之間的間隙屬於小留白,它讓內容具備了更強的可讀性。而頁面中大面積無內容的區域則是大留白,它們讓視覺更容易向內容聚焦。
留白的重要性:
·提升內容的可讀性
·強調內容
·闡明了其他視覺元素之間的關係
·提升複雜性
留白所構建的空間關係,讓內容的可理解性提高了20%,降低了認知負荷。
如何正確回應「留白太多了」這種問題
客戶:首頁上的留白太多了吧?
你的回復:你網站的用戶打開首頁會尋找特定的信息,如果添加太多非必要的信息,會極大的分散他們的注意力,這些令人分心的元素甚至可能讓他們忘記來這兒幹啥。有個比較出名的Hick 定律,其內容指的是,你給用戶提供的內容越多,他們作出決定的時間就越長。
客戶:產品頁面上留白太多了吧?
你的回復:這個頁面的目標是增加產品的銷售。實際上用戶更傾向於低複雜度的信息,他們像要更快地搞明白產品本身的特點,易於理解的內容與圖片能夠讓他們快速了解產品本身的功能和實用性。有個名為 Occam Razor 的規則指出,竟品當中,更加簡單直白的那個更容易被用戶所選擇。所以,使用簡約大氣的布局更容易獲得用戶的青睞。
客戶:控制面板上的留白太多了!
你的回復:控制面板為用戶提供關鍵信息,希望用戶能夠藉助這些信息作出正確的決策。關鍵意思是少而精,必不可少,如果額外的信息和非關鍵信息在控制面板上大量的堆砌,會將關鍵的信息給稀釋掉,影響整個決策的。突出重點,降低信噪是控制面板應該具備的基本素質。
客戶:功能介紹頁上的留白是不太多了?
你的回應:簡單清晰地在網頁上介紹產品的功能,本質上是希望能幫用戶更好的了解產品特徵。用戶想要找到真正對他們有用的信息,這是主要的需求,也是迫切的需求。根據 靈活性-可用性權衡機制,頁面設計需要在產品獲取信息的廣度和深度上達到平衡,也就是說需要在靈活展示和重點突出上作出抉擇與平衡。有針對性地給用戶提供關鍵信息,謹防提供過多內容導致用戶信息過載。
客戶:註冊表單上的留白多到爆了好么!
你的回應:你的註冊表單頁面是用來給用戶註冊的,用戶通常希望能儘快完成註冊,開始使用產品,而不是被冗雜的註冊欄位淹沒!有些設置可以在用戶完成註冊之後再行添加,過多的註冊條目將會導致用戶註冊的比例降低。
結語
現在你知道如何面對客戶和甲方的「留白恐懼症」了吧?他們只是單純的希望不要那麼空,而你需要解釋清楚其中的緣由。設計是講道理的,想要告別被客戶支配的恐懼,讓他們明白其中利弊是關鍵。
原文地址:uxplanet
原文作者:Rizwan Javaid
優設譯文:@陳子木
封面設計:Mark Tipple
每天進步一點點
免費加入學習平台:http://t.cn/RaTxAI0
找到「平面設計」—「公開」直播課,進入教室,與老師互動答疑,每天兩節免費案例直播課。
※邢帥企訓:成長需要改變
※UI 是什麼?UI 設計需要學習什麼理論知識?
TAG:設計師王小小 |
※刷個大白牆就是留白?看完他家的牆面設計,後悔自己家裝早了
※留白太多,荒了人生
※櫥櫃的後面是留白還是貼磚?幸虧聽了師傅的
※老公把沙發牆留白,花錢少還大氣,比鄰居家好看多了!
※家裡多了一處留白,竟打造出了簡單清雅的氣氛!家人都說留對了
※留白,少即是多!
※一個人的留白
※書畫大師,個個都是留白大師
※留白,少即是多
※藝術大師都是留白的大師!看看張大千的這些山水!
※89㎡現代美式,多點留白,房子看起來都大了一倍!
※懂得「留白」的櫥窗,看起來就很貴!
※那些高級的人生里,都少不了留白
※熱巴最新的留白眼線也太好看了吧!眼妝4步就能學會!
※純粹的現代空間,大面積留白讓人看一眼就心動!
※極簡留白設計:給忙碌的自己一點空間!
※看了他的家讓我愛上輕奢風!全屋點綴式「留白」,買了房就照著裝
※30平的房子,五臟俱全,空間留白會讓小戶型看起來更大
※留白,大有深意啊
※不是大量留白就叫極簡!