在好的網(wǎng)頁設計中我最留意的是那些對設計元素之間留白的聰明運用。留心不同內(nèi)容區(qū)塊之間的間距和排列方式,能讓你的設計的整體感官大不一樣,從而提升設計的品質(zhì)。
-
“高品質(zhì)”是所有人追求的目標,在網(wǎng)頁設計的世界中也不例外。不過何為“品質(zhì)”,如何判斷一項設計的品質(zhì)是好還是壞?筆者恰好有一套找出網(wǎng)頁設計中品質(zhì)焦點的方法。一旦你了解到如何判斷一項高品質(zhì)的設計究竟好在哪里,你就掌握了讓自己的設計更趨完美的大量技巧。
這里,為大家列一些要點,并附上相應的例子,分享在其他優(yōu)秀網(wǎng)頁設計中尋找“高品質(zhì)”的過程。
1、留白
在好的網(wǎng)頁設計中我最留意的是那些對設計元素之間留白的聰明運用。留心不同內(nèi)容區(qū)塊之間的間距和排列方式,能讓你的設計的整體感官大不一樣,從而提升設計的品質(zhì)。
我覺得處理好留白的關(guān)鍵是從整體上感知設計元素。把設計稿縮小觀看會是個好辦法。
出色的留白處理的實例:Good.Is
頁面整潔而有開放感,全都得益于設計師對文字和圖像之間留白量的準確把握。
Digital Mash
在大空白上展示的元素往往更具吸引力。Digital Mash的網(wǎng)站創(chuàng)造了極佳的親和力
Creatica Daily的大量空白
優(yōu)秀的留白運用又一次讓網(wǎng)頁內(nèi)容成為焦點。每篇文章中都有大量內(nèi)容,不過該站點的設計師們并不憚于給這么多內(nèi)容之間填上大量留白。并不是說你的文字不夠多,就不能用很多留白。
Postbox上也有很多空白
仔細觀察Postbox的網(wǎng)站,你能看到邊緣處的留白應該如何處理。它的方框邊緣有60像素的邊內(nèi)留白。聽起來似乎挺大的,實際看起來效果卻好極了。
留白時的錯誤
大家在設計留白時的最常見問題就是各個區(qū)塊的內(nèi)容到邊緣距離太小。不論你的設計多么有風格,如果你硬要把東西塞得緊緊的,這些風格連同設計的品質(zhì),就都流失了。
留白不夠的例子
我們已經(jīng)看到PostBox的網(wǎng)站那些大留白創(chuàng)造了多么動人的效果,所以下面我們修改一下它的頁面,看看減少留白會是什么效果。品質(zhì)感明顯下降了。留白的影響就有這么大。
高效控制留白的技巧
各種不同情況下,留白要求都不盡相同。你需要不斷訓練自己,做到對留白所能帶來的改變時刻心中有數(shù),從而有效地利用留白滿足設計需求。這要靠個人感覺的,不過都能從實踐中鍛煉出來。
·使用網(wǎng)格輔助設計:利用網(wǎng)格當然能幫助你理解元素之間的空白。
·不斷嘗試:不斷嘗試—失敗—嘗試,直到找到最佳方案。
·留白并不是浪費空間:空白并不總是等著你去填充的。
·沒錯,少就是多:與其用盡心思填滿某個區(qū)域,不如就把它留空,只保留至關(guān)重要的信息就好。