重視留白,給設(shè)計(jì)一個(gè)呼吸
留白是一種智慧,也是一種境界。留白最講究的是,既有熱情又掌控?zé)崆椤H魺崆檫^(guò)度,勢(shì)必?zé)泼赖目臻g。
設(shè)計(jì)中的留白區(qū)域并不能顧名思義,設(shè)計(jì)中的留白區(qū)域不局限于白色,留白的”白”指的不是顏色的”白”,而是空白的”白”,留白區(qū)域指的是某一區(qū)域無(wú)額外元素,無(wú)裝飾,處于空白的狀態(tài)。
從本質(zhì)上講,留白區(qū)域是”未使用的區(qū)域”,盡管留白區(qū)域看起來(lái)未使用,沒(méi)什么作用,但實(shí)際上留白區(qū)域的作用相當(dāng)大,給予設(shè)計(jì)呼吸的空間,提供了布局上的平衡。留白區(qū)域的環(huán)繞與陪襯,良好的襯托出中心區(qū)域的表現(xiàn)。
?
?留白的優(yōu)秀案例-Layervault的個(gè)人網(wǎng)站
我們?yōu)楹我匾暳舭祝?/strong>
如果你在瀏覽網(wǎng)站,當(dāng)布局太糟糕時(shí),你會(huì)很費(fèi)力的才能確定信息內(nèi)容;太緊密的字間距、段間距,沒(méi)有明顯的區(qū)分隔斷(或者說(shuō)沒(méi)有足夠的留白空間),那么這個(gè)網(wǎng)站的用戶體驗(yàn)肯定是很差的。
?
Mailchimp的留白使用的很利索,突出了品牌信息
相似的,如果你的網(wǎng)站也這么”緊密”,沒(méi)有足夠的”留白”,那么用戶會(huì)對(duì)網(wǎng)站喪失耐心;盡管做一個(gè)優(yōu)秀的網(wǎng)站需要天賦、時(shí)間以及知識(shí),但不要忘了,用戶是很挑剔的,網(wǎng)站做的好,一般不會(huì)表?yè)P(yáng)你,網(wǎng)站一旦有問(wèn)題,立馬就指責(zé)你。我們應(yīng)該視留白為布局的最重要手段,多給元素點(diǎn)呼吸空間,這樣信息的層次感將更加明確,用戶指引效果也更好。
留白區(qū)域的好處
上面已經(jīng)提到過(guò),更平衡的布局,元素更清晰的呈遞效果,更能吸引用戶注意。
Dan Edwards 的個(gè)人網(wǎng)站,采用了很多留白,留給了字體和設(shè)計(jì)作品足夠的空間。保持層次感,留白區(qū)域能夠很好的指引用戶,如果元素過(guò)多,那么用戶的注意力會(huì)分散。留白能夠讓用戶盡快的尋找到所需要的信息,提高用戶體驗(yàn)。
如何在設(shè)計(jì)中使用留白?
了解重要性之后,下一步要做的事情就是學(xué)會(huì)去做。
KISS原則(Keep It Simple, Stupid)
保持一切簡(jiǎn)潔,是設(shè)計(jì)亙古不變的道理,沒(méi)有必要完全填滿。某些情況下“不完整才是完整,殘缺才是完美”。設(shè)計(jì)師的任務(wù)就是利用布局,留白,色彩,尺寸,字體來(lái)營(yíng)造一個(gè)視覺(jué)焦點(diǎn),吸引用戶的注意力。
設(shè)計(jì)做的簡(jiǎn)潔一點(diǎn),不但設(shè)計(jì)師輕松,開(kāi)發(fā)者也輕松,當(dāng)然,用戶瀏覽起來(lái)也輕松。去除不必要、不重要的元素,只保留必要元素。
而且不要為了留白而一味留白,要注意設(shè)計(jì)元素之間的聯(lián)系性。如果留白用的好,既能保持聯(lián)系性、一致性,又能讓設(shè)計(jì)通俗易懂,從而提高了網(wǎng)頁(yè)的適用性。
原文地址:webdesign ? ? ?via:優(yōu)設(shè)網(wǎng)
- 目前還沒(méi)評(píng)論,等你發(fā)揮!