如何在網(wǎng)頁(yè)設(shè)計(jì)中使用留白
發(fā)布者: 華企立方 發(fā)布時(shí)間:2014-12-19
更多的留白,等同于更奢華的品牌與網(wǎng)站
客戶(hù)往往要求設(shè)計(jì)師盡可能用盡網(wǎng)頁(yè)里的空間,因?yàn)榫W(wǎng)頁(yè)中的空間是昂貴的,只有有限的屏幕來(lái)展示信息。無(wú)論如何,反其道而行之——增加留白——促使設(shè)計(jì)師在更嚴(yán)格約束的空間中,打造更加光鮮的品牌信息。
另外,大家會(huì)覺(jué)得,留白更多的網(wǎng)站,它的內(nèi)容比屏幕空間更重要。所以,品牌也顯得更盡奢華,因?yàn)樗鼱奚烁嗥聊豢臻g,反而將焦點(diǎn)匯聚在內(nèi)容信息上。
奢華的品牌了解這層隱喻,通常都使用更多留白來(lái)達(dá)到這一確切效果。PotteryBarn是個(gè)知名的高檔家具零售商,它的網(wǎng)站很聰明地使用了留白,恰恰反映了這一點(diǎn)。留白支配了主頁(yè),頁(yè)面旁邊大片的留白,更好地將訪(fǎng)問(wèn)者的注意力集中在頁(yè)面中間的交易與促銷(xiāo)信息上。甚至頁(yè)面頂部的品牌名稱(chēng)本身,也在字符之間慷慨地運(yùn)用了留白。
留白提升搜索流暢度
兩大搜索引擎Google和Yahoo Search,詮釋了留白簡(jiǎn)潔有效,這個(gè)簡(jiǎn)單的例子再適合不過(guò)了。
Google準(zhǔn)確地理解了一點(diǎn),正在搜索某個(gè)話(huà)題的用戶(hù),不想被嘈雜的背景和廣告分散注意力。因此,留白支配了整個(gè)Google搜索引擎頁(yè)面,實(shí)際搜索框只占據(jù)頁(yè)面中央窄窄一絲空間。類(lèi)似的,Yahoo搜索也體現(xiàn)了使用留白的妙處。雖然這個(gè)頁(yè)面頂部有長(zhǎng)長(zhǎng)一條菜單欄,理念還是相同的:大量的留白,使用戶(hù)專(zhuān)注于搜索,別無(wú)他物。
可讀性和易讀性得到應(yīng)有的大幅提升
用好留白,任何網(wǎng)站的可讀性與易讀性都會(huì)得到改善。如果一個(gè)頁(yè)面上的文字過(guò)于擁擠,它就會(huì)妨礙舒適的閱讀體驗(yàn),從而阻礙整體用戶(hù)體驗(yàn)。更多的留白使文字更易瀏覽,從而提升閱讀體驗(yàn),也更易理解。
Information Highwayman是個(gè)掌握這項(xiàng)原則的個(gè)人站點(diǎn),是D Bnonn Tennant——一名文案和市場(chǎng)專(zhuān)員的個(gè)人網(wǎng)站。擅長(zhǎng)夸耀的他,知道什么樣的網(wǎng)頁(yè)內(nèi)容對(duì)任何小本經(jīng)營(yíng)管用,令人欣慰的是,Tennant在他自己的網(wǎng)站上實(shí)踐了他所宣揚(yáng)的東西。標(biāo)題的字間距、文字段落和菜單欄間距,有利于確保可讀性和易讀性。
留白也可以用于不同內(nèi)容區(qū)塊之間,不只是為了提升閱讀體驗(yàn),也為了將內(nèi)容分隔成不同部分,使得信息的吸收更加專(zhuān)注。
更多資訊來(lái)源于:佛山網(wǎng)站建設(shè)2800kj.cn/
此文關(guān)鍵字: