- 相關(guān)推薦
如何有效利用網(wǎng)頁(yè)設計中的留白
留白一直是設計中不朽的話(huà)題，也是設計中最有難度的一個(gè)地方之一。如何有效利用網(wǎng)頁(yè)設計中的留白呢?下面小編為大家解答一下，希望能幫到您！
你是否發(fā)現自己曾經(jīng)盯著(zhù)一個(gè)已經(jīng)完成的設計在想，“是不是少了點(diǎn)什么？”更準確地說(shuō)，你是否曾經(jīng)對一個(gè)設計得出它“太空”或者“太滿(mǎn)”的結論？對于我們設計師而言，如果沒(méi)有遭遇到這種情況，就很難在技能上有所提升。
這確實(shí)也沒(méi)什么可驚訝的。畢竟，我們工作最基本的原則就是在圍繞著(zhù)如何創(chuàng )造性地去除空白區域。然而，盡管它是我們工作中最核心的部分，它仍然始終是設計中最困難的部分之一。
如何有效地利用空白區域呢？
留白真的是空白嗎？
你是否曾經(jīng)認為留白是“設計中的空間”？盡管對于設計中的空白處來(lái)說(shuō)這是一個(gè)普遍流行的觀(guān)點(diǎn)，但這種觀(guān)點(diǎn)是完全不正確的。留白不僅僅只是設計元素之間的填充物，它本身就是一個(gè)十分重要的設計元素！
留白就像是磚塊之間的灰泥或是彩色馬賽克玻璃之間的粘合劑。盡管我們的眼睛被訓練來(lái)欣賞內容——磚塊和多彩的玻璃——但是內容之間的部分才是將整個(gè)內容整合在一起，并幫助形成設計整體的形態(tài)。
Beatbox Academy
就像一個(gè)漂亮的馬賽克玻璃之間沒(méi)有膠水，我們的設計沒(méi)有了留白就只會(huì )成為一堆混亂的色塊。一旦你在設計中認識到了所謂的空白元素的重要性，你就能夠更好地去充分利用留白。
焦點(diǎn)
既然我們已經(jīng)建立了對于留白在設計中的重要性的認識，那么該怎么運用呢？
讓我們從一個(gè)小練習開(kāi)始。在你最喜歡的瀏覽器中打開(kāi)一個(gè)新的標簽頁(yè)并進(jìn)入google.com。你第一眼看到的是什么？ 我打賭是那個(gè)色彩明亮的Google的logo對不對？這個(gè)logo在哪里？它顯然不是在窗口的頂部邊緣——你的眼睛自然地開(kāi)始看的地方。那么你的注意力是如何迅速地被吸引到頁(yè)面的中心的呢？
你已經(jīng)猜到了，是留白。谷歌運用了大量的留白，很自然地將你的視覺(jué)焦點(diǎn)調整到了頁(yè)面的中心——谷歌極簡(jiǎn)化設計的精髓所在。留白是引導觀(guān)眾視線(xiàn)的最簡(jiǎn)單的方法之一。
我們可以利用這個(gè)設計工具在我們的布局中創(chuàng )造自然的焦點(diǎn)。當觀(guān)眾的焦點(diǎn)和注意力被吸引到這些區域時(shí)，我們可以把重要的內容放在其中來(lái)更有效地傳達信息。
組織
除了引導觀(guān)眾的聚焦點(diǎn)，留白還為設計師提供了一個(gè)簡(jiǎn)單的組織設計中不同元素的方式。就像我們運用留白把一整塊文字分成更易管理的段落，留白可以極有效地為我們的設計中的內容創(chuàng )造一個(gè)干凈的組織結構。
當用留白進(jìn)行組織的時(shí)候一個(gè)很有用的建議是要保持一致。當以這種方式運用留白時(shí)考慮內容分組是很有幫助的。盡最大努力想出一個(gè)用留白來(lái)組織邊距、模塊、文本和圖形元素的統一的方式。
運用留白進(jìn)行組織最棒的地方之一是這樣不僅很容易調整而且能對設計產(chǎn)生深遠的影響。所以，放手去嘗試吧！
強調
由于留白出色的引導觀(guān)眾視線(xiàn)的能力（已經(jīng)被再次提到），它確實(shí)可以幫助突出你的設計中特定的元素�；谇拔闹袨榱私M織內容而探討的一致性主題，當創(chuàng )造性地打破一致性時(shí)，就可以快速地抓住人的注意力。
Cultured Code
當你用留白在設計中創(chuàng )造了一個(gè)平穩的主旋律時(shí)，它會(huì )立即在觀(guān)眾的眼中營(yíng)造出一種熟悉感。當觀(guān)眾繼續探索這個(gè)設計的時(shí)候，任何對這個(gè)連續性的打斷，即使是很小的一點(diǎn)，都會(huì )很自然地脫穎而出。
關(guān)于這一點(diǎn)有一個(gè)很好的且很容易實(shí)施的例子，就是非常輕微地改變一下標題中你想要強調的字母的間距。掌握了這個(gè)技巧后，試著(zhù)在你的設計中通過(guò)改變元素部分之間的間距，以更微妙的方式來(lái)運用它。
留白未必白
以上的技巧都是圍繞著(zhù)引導觀(guān)眾的視線(xiàn)。畢竟那是留白最適合干的事。話(huà)雖這么說(shuō)，但是僅僅因為我們叫它留白并不意味著(zhù)它就像字面意思上所說(shuō)的必須是白色！在設計中沒(méi)有——或者說(shuō)缺少——這樣不成文的規定，要求一定要用什么顏色或者兩個(gè)主要元素之間要留多少間距。
事實(shí)上，單頁(yè)設計趨勢是一個(gè)可以說(shuō)明這一點(diǎn)的絕好的例子。當你只能在一個(gè)頁(yè)面上瀏覽全部?jì)热輹r(shí)，有效地利用留白最大化地實(shí)現焦點(diǎn)，組織和強調是非常關(guān)鍵的。
在這種情景下，內容模塊通常被設計成可持續滾動(dòng)的形式。這種情況下，簡(jiǎn)單地改變一下這些模塊中的留白的顏色不僅能幫助繼續保持我們之前所說(shuō)的設計中的三個(gè)方面，同時(shí)還可以在緊迫的空間中為內容提供一些透氣感。
希望通過(guò)這些技巧，你能夠從一個(gè)新鮮，嶄新的角度看待設計中的留白！
【如何有效利用網(wǎng)頁(yè)設計中的留白】相關(guān)文章：
網(wǎng)頁(yè)設計中如何把握視覺(jué)原則07-14
如何有效利用多媒體教學(xué)03-17
如何利用化妝水有效護膚07-04
如何利用薪酬制度有效留住核心07-14
留白在平面廣告設計中的運用論文07-03
如何評價(jià)亞馬遜的網(wǎng)頁(yè)設計？07-14
如何留人—企業(yè)薪酬與福利設計07-14