編者按：許多設(shè)計(jì)師至今都活在被客戶(hù)/甲方/產(chǎn)品所支配的恐懼當(dāng)中。反復(fù)調(diào)整的細(xì)節(jié)和各種反趨勢(shì)的需求扼殺著設(shè)計(jì)師追求好設(shè)計(jì)的夢(mèng)想。今天的文章，我們來(lái)看看設(shè)計(jì)師 Rizwan Javaid 是如何解決留白的問(wèn)題~
“留白太多了?！?
從入行開(kāi)始到現(xiàn)在，我頻繁聽(tīng)到這樣的反饋，尖利而刺耳。然后我會(huì)抱著懷疑的態(tài)度重新審視我的設(shè)計(jì)。接下來(lái)的情況想必很多設(shè)計(jì)師都很熟悉了：用大量并沒(méi)有什么意義的裝飾元素，極不情愿地、一點(diǎn)一點(diǎn)地將精心設(shè)計(jì)的留白給填起來(lái)。最初的成就感逐漸消退，靠在椅子上全身不得勁，對(duì)于即將出貨的設(shè)計(jì)稿毫無(wú)熱情。生無(wú)可戀。
緊接著，還得悉心安撫提出意見(jiàn)的領(lǐng)導(dǎo)/客戶(hù)/運(yùn)營(yíng)/產(chǎn)品/甲方。
這種感覺(jué)很熟悉吧?
Oatmeal Comic 的漫畫(huà)“設(shè)計(jì)師是如何墜入地獄”將網(wǎng)頁(yè)設(shè)計(jì)師最常遭遇的坑爹局面勾勒了出來(lái)?！傲舭滋嗔恕逼鋵?shí)只是一個(gè)間接的要求，當(dāng)設(shè)計(jì)師的這個(gè)據(jù)點(diǎn)失守，再后退就是地獄和深淵了，因?yàn)橥ǔ＿@意味著，后面還有一大堆諸如“我不喜歡藍(lán)色”，“我要七彩的LOGO”以及“我覺(jué)得這種風(fēng)格不夠流行，能換個(gè)手寫(xiě)字體嘛?”這樣的問(wèn)題。這就是一個(gè)悲傷的故事，并且這個(gè)故事一再上演。
時(shí)至今日，我遭遇的針對(duì)留白的吐槽，背后基本都隱藏著一大堆別的修改意見(jiàn)。而作為設(shè)計(jì)師，我們的職責(zé)當(dāng)中有一項(xiàng)特別關(guān)鍵：說(shuō)服這些留白恐懼癥患者，留白是設(shè)計(jì)中重要的組成部分，也是帶來(lái)優(yōu)秀用戶(hù)體驗(yàn)的基石。
“通常留白被認(rèn)為是活躍的元素，并非固定不變的背景?！薄?Jan Tschichold
意大利出生的著名文學(xué)和藝術(shù)評(píng)論家 Mario Praz 曾經(jīng)創(chuàng)造過(guò)一個(gè)拉丁語(yǔ)詞匯，Horror Vacui，意為對(duì)留白的恐懼。這個(gè)詞是這位批評(píng)家對(duì)維多利亞時(shí)期凌亂冗雜的藝術(shù)風(fēng)格的吐槽，面對(duì)著這個(gè)追求繁復(fù)細(xì)節(jié)的時(shí)代，每一個(gè)細(xì)小的空間都需要被填充、塞滿(mǎn)，推動(dòng)這一“設(shè)計(jì)趨勢(shì)”的，難道不是對(duì)留白的恐懼么?
Horror Vacui 的典型案例
巴比倫的秋天，Jean Duvet ，1555.
The Fairy Feller’s Master， Richard Dadd ，1855–1864.
OB Log 的表單
Argren.net。這個(gè)網(wǎng)站的設(shè)計(jì)師是Frithjof Arngren。
概念想必大家都很熟悉。留白的另外一個(gè)名字是負(fù)空間，它并不一定非得是白色，它也是一種設(shè)計(jì)元素。留白是設(shè)計(jì)師手中的重要工具，合理的留白將內(nèi)容、文本、圖形、圖標(biāo)和不同的視覺(jué)元素分隔開(kāi)來(lái)，說(shuō)它是空間布局的框架也不為過(guò)。
留白有不同的類(lèi)型。文本的行間距和網(wǎng)格之間的間隙屬于小留白，它讓內(nèi)容具備了更強(qiáng)的可讀性。而頁(yè)面中大面積無(wú)內(nèi)容的區(qū)域則是大留白，它們讓視覺(jué)更容易向內(nèi)容聚焦。
留白的重要性：
·提升內(nèi)容的可讀性
·強(qiáng)調(diào)內(nèi)容
·闡明了其他視覺(jué)元素之間的關(guān)系
·提升復(fù)雜性
留白所構(gòu)建的空間關(guān)系，讓內(nèi)容的可理解性提高了20%，降低了認(rèn)知負(fù)荷。
客戶(hù)：首頁(yè)上的留白太多了吧?
你的回復(fù)：你網(wǎng)站的用戶(hù)打開(kāi)首頁(yè)會(huì)尋找特定的信息，如果添加太多非必要的信息，會(huì)極大的分散他們的注意力，這些令人分心的元素甚至可能讓他們忘記來(lái)這兒干啥。有個(gè)比較出名的Hick 定律，其內(nèi)容指的是，你給用戶(hù)提供的內(nèi)容越多，他們作出決定的時(shí)間就越長(zhǎng)。
客戶(hù)：產(chǎn)品頁(yè)面上留白太多了吧?
你的回復(fù)：這個(gè)頁(yè)面的目標(biāo)是增加產(chǎn)品的銷(xiāo)售。實(shí)際上用戶(hù)更傾向于低復(fù)雜度的信息，他們像要更快地搞明白產(chǎn)品本身的特點(diǎn)，易于理解的內(nèi)容與圖片能夠讓他們快速了解產(chǎn)品本身的功能和實(shí)用性。有個(gè)名為 Occam Razor 的規(guī)則指出，竟品當(dāng)中，更加簡(jiǎn)單直白的那個(gè)更容易被用戶(hù)所選擇。所以，使用簡(jiǎn)約大氣的布局更容易獲得用戶(hù)的青睞。
客戶(hù)：控制面板上的留白太多了!
你的回復(fù)：控制面板為用戶(hù)提供關(guān)鍵信息，希望用戶(hù)能夠借助這些信息作出正確的決策。關(guān)鍵意思是少而精，必不可少，如果額外的信息和非關(guān)鍵信息在控制面板上大量的堆砌，會(huì)將關(guān)鍵的信息給稀釋掉，影響整個(gè)決策的。突出重點(diǎn)，降低信噪是控制面板應(yīng)該具備的基本素質(zhì)。
客戶(hù)：功能介紹頁(yè)上的留白是不太多了?
你的回應(yīng)：簡(jiǎn)單清晰地在網(wǎng)頁(yè)上介紹產(chǎn)品的功能，本質(zhì)上是希望能幫用戶(hù)更好的了解產(chǎn)品特征。用戶(hù)想要找到真正對(duì)他們有用的信息，這是主要的需求，也是迫切的需求。根據(jù) 靈活性-可用性權(quán)衡機(jī)制，頁(yè)面設(shè)計(jì)需要在產(chǎn)品獲取信息的廣度和深度上達(dá)到平衡，也就是說(shuō)需要在靈活展示和重點(diǎn)突出上作出抉擇與平衡。有針對(duì)性地給用戶(hù)提供關(guān)鍵信息，謹(jǐn)防提供過(guò)多內(nèi)容導(dǎo)致用戶(hù)信息過(guò)載。
客戶(hù)：注冊(cè)表單上的留白多到爆了好么!
你的回應(yīng)：你的注冊(cè)表單頁(yè)面是用來(lái)給用戶(hù)注冊(cè)的，用戶(hù)通常希望能盡快完成注冊(cè)，開(kāi)始使用產(chǎn)品，而不是被冗雜的注冊(cè)字段淹沒(méi)!有些設(shè)置可以在用戶(hù)完成注冊(cè)之后再行添加，過(guò)多的注冊(cè)條目將會(huì)導(dǎo)致用戶(hù)注冊(cè)的比例降低。
現(xiàn)在你知道如何面對(duì)客戶(hù)和甲方的“留白恐懼癥”了吧?他們只是單純的希望不要那么空，而你需要解釋清楚其中的緣由。設(shè)計(jì)是講道理的，想要告別被客戶(hù)支配的恐懼，讓他們明白其中利弊是關(guān)鍵。
以上就是上海網(wǎng)站制作公司——海淘科技為你推出《如何看待網(wǎng)頁(yè)中的留白設(shè)計(jì)》的全部?jī)?nèi)容。想看更多的內(nèi)容，可點(diǎn)擊：企業(yè)微博運(yùn)營(yíng)方案，于此同時(shí)，海淘科技還提供了網(wǎng)站建設(shè)案例，可點(diǎn)擊：金融企業(yè)網(wǎng)站建設(shè)案例
