中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

如何看待網(wǎng)頁中的留白設(shè)計

2022-06-02    分類: 網(wǎng)站建設(shè)

編者按:許多設(shè)計師至今都活在被客戶/甲方/產(chǎn)品所支配的恐懼當(dāng)中。反復(fù)調(diào)整的細(xì)節(jié)和各種反趨勢的需求扼殺著設(shè)計師追求好設(shè)計的夢想。今天的文章,我們來看看設(shè)計師 Rizwan Javaid 是如何解決留白的問題~

“留白太多了?!?/p>

從入行開始到現(xiàn)在,我頻繁聽到這樣的反饋,尖利而刺耳。然后我會抱著懷疑的態(tài)度重新審視我的設(shè)計。接下來的情況想必很多設(shè)計師都很熟悉了:用大量并沒有什么意義的裝飾元素,極不情愿地、一點一點地將精心設(shè)計的留白給填起來。最初的成就感逐漸消退,靠在椅子上全身不得勁,對于即將出貨的設(shè)計稿毫無熱情。生無可戀。

緊接著,還得悉心安撫提出意見的領(lǐng)導(dǎo)/客戶/運營/產(chǎn)品/甲方。

這種感覺很熟悉吧?

Oatmeal Comic 的漫畫“設(shè)計師是如何墜入地獄”將網(wǎng)頁設(shè)計師最常遭遇的坑爹局面勾勒了出來?!傲舭滋嗔恕逼鋵嵵皇且粋€間接的要求,當(dāng)設(shè)計師的這個據(jù)點失守,再后退就是地獄和深淵了,因為通常這意味著,后面還有一大堆諸如“我不喜歡藍色”,“我要七彩的LOGO”以及“我覺得這種風(fēng)格不夠流行,能換個手寫字體嘛?”這樣的問題。這就是一個悲傷的故事,并且這個故事一再上演。

時至今日,我遭遇的針對留白的吐槽,背后基本都隱藏著一大堆別的修改意見。而作為設(shè)計師,我們的職責(zé)當(dāng)中有一項特別關(guān)鍵:說服這些留白恐懼癥患者,留白是設(shè)計中重要的組成部分,也是帶來優(yōu)秀用戶體驗的基石。

“通常留白被認(rèn)為是活躍的元素,并非固定不變的背景?!薄?Jan Tschichold

留白恐懼癥

意大利出生的著名文學(xué)和藝術(shù)評論家 Mario Praz 曾經(jīng)創(chuàng)造過一個拉丁語詞匯,Horror Vacui,意為對留白的恐懼。這個詞是這位批評家對維多利亞時期凌亂冗雜的藝術(shù)風(fēng)格的吐槽,面對著這個追求繁復(fù)細(xì)節(jié)的時代,每一個細(xì)小的空間都需要被填充、塞滿,推動這一“設(shè)計趨勢”的,難道不是對留白的恐懼么?

Horror Vacui 的典型案例


巴比倫的秋天,Jean Duvet ,1555.


The Fairy Feller’s Master, Richard Dadd ,1855–1864.


OB Log 的表單


Argren.net。這個網(wǎng)站的設(shè)計師是Frithjof Arngren。



那么,留白是什么?

概念想必大家都很熟悉。留白的另外一個名字是負(fù)空間,它并不一定非得是白色,它也是一種設(shè)計元素。留白是設(shè)計師手中的重要工具,合理的留白將內(nèi)容、文本、圖形、圖標(biāo)和不同的視覺元素分隔開來,說它是空間布局的框架也不為過。

留白有不同的類型。文本的行間距和網(wǎng)格之間的間隙屬于小留白,它讓內(nèi)容具備了更強的可讀性。而頁面中大面積無內(nèi)容的區(qū)域則是大留白,它們讓視覺更容易向內(nèi)容聚焦。


留白的重要性:

·提升內(nèi)容的可讀性

·強調(diào)內(nèi)容

·闡明了其他視覺元素之間的關(guān)系

·提升復(fù)雜性

留白所構(gòu)建的空間關(guān)系,讓內(nèi)容的可理解性提高了20%,降低了認(rèn)知負(fù)荷。

如何正確回應(yīng)“留白太多了”這種問題


客戶:首頁上的留白太多了吧?

你的回復(fù):你網(wǎng)站的用戶打開首頁會尋找特定的信息,如果添加太多非必要的信息,會極大的分散他們的注意力,這些令人分心的元素甚至可能讓他們忘記來這兒干啥。有個比較出名的Hick 定律,其內(nèi)容指的是,你給用戶提供的內(nèi)容越多,他們作出決定的時間就越長。


客戶:產(chǎn)品頁面上留白太多了吧?

你的回復(fù):這個頁面的目標(biāo)是增加產(chǎn)品的銷售。實際上用戶更傾向于低復(fù)雜度的信息,他們像要更快地搞明白產(chǎn)品本身的特點,易于理解的內(nèi)容與圖片能夠讓他們快速了解產(chǎn)品本身的功能和實用性。有個名為 Occam Razor 的規(guī)則指出,竟品當(dāng)中,更加簡單直白的那個更容易被用戶所選擇。所以,使用簡約大氣的布局更容易獲得用戶的青睞。


客戶:控制面板上的留白太多了!

你的回復(fù):控制面板為用戶提供關(guān)鍵信息,希望用戶能夠借助這些信息作出正確的決策。關(guān)鍵意思是少而精,必不可少,如果額外的信息和非關(guān)鍵信息在控制面板上大量的堆砌,會將關(guān)鍵的信息給稀釋掉,影響整個決策的。突出重點,降低信噪是控制面板應(yīng)該具備的基本素質(zhì)。


客戶:功能介紹頁上的留白是不太多了?

你的回應(yīng):簡單清晰地在網(wǎng)頁上介紹產(chǎn)品的功能,本質(zhì)上是希望能幫用戶更好的了解產(chǎn)品特征。用戶想要找到真正對他們有用的信息,這是主要的需求,也是迫切的需求。根據(jù) 靈活性-可用性權(quán)衡機制,頁面設(shè)計需要在產(chǎn)品獲取信息的廣度和深度上達到平衡,也就是說需要在靈活展示和重點突出上作出抉擇與平衡。有針對性地給用戶提供關(guān)鍵信息,謹(jǐn)防提供過多內(nèi)容導(dǎo)致用戶信息過載。


客戶:注冊表單上的留白多到爆了好么!

你的回應(yīng):你的注冊表單頁面是用來給用戶注冊的,用戶通常希望能盡快完成注冊,開始使用產(chǎn)品,而不是被冗雜的注冊字段淹沒!有些設(shè)置可以在用戶完成注冊之后再行添加,過多的注冊條目將會導(dǎo)致用戶注冊的比例降低。

結(jié)語

現(xiàn)在你知道如何面對客戶和甲方的“留白恐懼癥”了吧?他們只是單純的希望不要那么空,而你需要解釋清楚其中的緣由。設(shè)計是講道理的,想要告別被客戶支配的恐懼,讓他們明白其中利弊是關(guān)鍵。

網(wǎng)站題目:如何看待網(wǎng)頁中的留白設(shè)計
URL網(wǎng)址:http://www.rwnh.cn/news41/162641.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、網(wǎng)站收錄、電子商務(wù)、建站公司、用戶體驗、企業(yè)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
宜兴市| 乃东县| 济阳县| 防城港市| 榆林市| 静安区| 南靖县| 惠来县| 苏尼特右旗| 怀仁县| 松溪县| 乐昌市| 武义县| 白玉县| 射洪县| 绵阳市| 嘉禾县| 弋阳县| 新巴尔虎左旗| 涿州市| 棋牌| 武城县| 奈曼旗| 土默特左旗| 蕉岭县| 朝阳市| 乳山市| 成武县| 天长市| 长子县| 友谊县| 张家界市| 兰州市| 涞水县| 青田县| 襄汾县| 贞丰县| 泸溪县| 崇州市| 佛教| 始兴县|