平面設(shè)計(jì)公司
+ 關(guān)注 查看全部作品聯(lián)系方式：
1449300445
未填寫(xiě)
未填寫(xiě)
未填寫(xiě)
本作品由“1449300445”轉(zhuǎn)載，版權(quán)歸原作者所有；如果侵犯到您的權(quán)益，請(qǐng)與“1449300445”聯(lián)系，如需商用須取得原作者授權(quán)。
重要聲明：
設(shè)計(jì)網(wǎng)為開(kāi)放交流平臺(tái)，不擔(dān)保任何私下交易。是否使用本網(wǎng)站服務(wù)及資料應(yīng)由用戶自行考慮并自負(fù)風(fēng)險(xiǎn)。用戶以自己的獨(dú)立判斷從事私下交易行為，將獨(dú)立承擔(dān)可能產(chǎn)生的不利后果和責(zé)任，設(shè)計(jì)網(wǎng)不承擔(dān)任何法律責(zé)任。
如何有效利用網(wǎng)頁(yè)設(shè)計(jì)中的留白
留白一直是設(shè)計(jì)中不朽的話題，也是設(shè)計(jì)中最有難度的一個(gè)地方之一。如果你還僅僅把留白當(dāng)作設(shè)計(jì)中空白的區(qū)域，那你就永遠(yuǎn)無(wú)法體會(huì)到留白的妙處。作者為我們提供了一個(gè)全新的視角，將留白作為一個(gè)獨(dú)立的設(shè)計(jì)元素來(lái)看待，它可以幫助我們實(shí)現(xiàn)聚焦，組織和強(qiáng)調(diào)的目的。一起來(lái)學(xué)習(xí)下留白的運(yùn)用吧~
你是否發(fā)現(xiàn)自己曾經(jīng)盯著一個(gè)已經(jīng)完成的設(shè)計(jì)在想，“是不是少了點(diǎn)什么?”更準(zhǔn)確地說(shuō)，你是否曾經(jīng)對(duì)一個(gè)設(shè)計(jì)得出它“太空”或者“太滿”的結(jié)論?對(duì)于我們?cè)O(shè)計(jì)師而言，如果沒(méi)有遭遇到這種情況，就很難在技能上有所提升。
這確實(shí)也沒(méi)什么可驚訝的。畢竟，我們工作最基本的原則就是在圍繞著如何創(chuàng)造性地去除空白區(qū)域。然而，盡管它是我們工作中最核心的部分，它仍然始終是設(shè)計(jì)中最困難的部分之一。
如何有效地利用空白區(qū)域呢?
留白真的是空白嗎?
你是否曾經(jīng)認(rèn)為留白是“設(shè)計(jì)中的空間”?盡管對(duì)于設(shè)計(jì)中的空白處來(lái)說(shuō)這是一個(gè)普遍流行的觀點(diǎn)，但這種觀點(diǎn)是完全不正確的。留白不僅僅只是設(shè)計(jì)元素之間的填充物，它本身就是一個(gè)十分重要的設(shè)計(jì)元素!
留白就像是磚塊之間的灰泥或是彩色馬賽克玻璃之間的粘合劑。盡管我們的眼睛被訓(xùn)練來(lái)欣賞內(nèi)容——磚塊和多彩的玻璃——但是內(nèi)容之間的部分才是將整個(gè)內(nèi)容整合在一起，并幫助形成設(shè)計(jì)整體的形態(tài)。
Beatbox Academy 就像一個(gè)漂亮的馬賽克玻璃之間沒(méi)有膠水，我們的設(shè)計(jì)沒(méi)有了留白就只會(huì)成為一堆混亂的色塊。一旦你在設(shè)計(jì)中認(rèn)識(shí)到了所謂的空白元素的重要性，你就能夠更好地去充分利用留白。 焦點(diǎn) 既然我們已經(jīng)建立了對(duì)于留白在設(shè)計(jì)中的重要性的認(rèn)識(shí)，那么該怎么運(yùn)用呢? 讓我們從一個(gè)小練習(xí)開(kāi)始。在你最喜歡的瀏覽器中打開(kāi)一個(gè)新的標(biāo)簽頁(yè)并進(jìn)入google.com。你第一眼看到的是什么? 我打賭是那個(gè)色彩明亮的Google的logo對(duì)不對(duì)?這個(gè)logo在哪里?它顯然不是在窗口的頂部邊緣——你的眼睛自然地開(kāi)始看的地方。那么你的注意力是如何迅速地被吸引到頁(yè)面的中心的呢?
你已經(jīng)猜到了，是留白。谷歌運(yùn)用了大量的留白，很自然地將你的視覺(jué)焦點(diǎn)調(diào)整到了頁(yè)面的中心——谷歌極簡(jiǎn)化設(shè)計(jì)的精髓所在。留白是引導(dǎo)觀眾視線的最簡(jiǎn)單的方法之一。 我們可以利用這個(gè)設(shè)計(jì)工具在我們的布局中創(chuàng)造自然的焦點(diǎn)。當(dāng)觀眾的焦點(diǎn)和注意力被吸引到這些區(qū)域時(shí)，我們可以把重要的內(nèi)容放在其中來(lái)更有效地傳達(dá)信息。 組織 除了引導(dǎo)觀眾的聚焦點(diǎn)，留白還為設(shè)計(jì)師提供了一個(gè)簡(jiǎn)單的組織設(shè)計(jì)中不同元素的方式。就像我們運(yùn)用留白把一整塊文字分成更易管理的段落，留白可以極有效地為我們的設(shè)計(jì)中的內(nèi)容創(chuàng)造一個(gè)干凈的組織結(jié)構(gòu)。
Bigigia 當(dāng)用留白進(jìn)行組織的時(shí)候一個(gè)很有用的建議是要保持一致。當(dāng)以這種方式運(yùn)用留白時(shí)考慮內(nèi)容分組是很有幫助的。盡最大努力想出一個(gè)用留白來(lái)組織邊距、模塊、文本和圖形元素的統(tǒng)一的方式。 運(yùn)用留白進(jìn)行組織最棒的地方之一是這樣不僅很容易調(diào)整而且能對(duì)設(shè)計(jì)產(chǎn)生深遠(yuǎn)的影響。所以，放手去嘗試吧! 強(qiáng)調(diào) 由于留白出色的引導(dǎo)觀眾視線的能力(已經(jīng)被再次提到)，它確實(shí)可以幫助突出你的設(shè)計(jì)中特定的元素?；谇拔闹袨榱私M織內(nèi)容而探討的一致性主題，當(dāng)創(chuàng)造性地打破一致性時(shí)，就可以快速地抓住人的注意力。
Cultured Code 當(dāng)你用留白在設(shè)計(jì)中創(chuàng)造了一個(gè)平穩(wěn)的主旋律時(shí)，它會(huì)立即在觀眾的眼中營(yíng)造出一種熟悉感。當(dāng)觀眾繼續(xù)探索這個(gè)設(shè)計(jì)的時(shí)候，任何對(duì)這個(gè)連續(xù)性的打斷，即使是很小的一點(diǎn)，都會(huì)很自然地脫穎而出。 關(guān)于這一點(diǎn)有一個(gè)很好的且很容易實(shí)施的例子，就是非常輕微地改變一下標(biāo)題中你想要強(qiáng)調(diào)的字母的間距。掌握了這個(gè)技巧后，試著在你的設(shè)計(jì)中通過(guò)改變?cè)夭糠种g的間距，以更微妙的方式來(lái)運(yùn)用它。 留白未必白 以上的技巧都是圍繞著引導(dǎo)觀眾的視線。畢竟那是留白最適合干的事。話雖這么說(shuō)，但是僅僅因?yàn)槲覀兘兴舭撞⒉灰馕吨拖褡置嬉馑忌纤f(shuō)的必須是白色!在設(shè)計(jì)中沒(méi)有——或者說(shuō)缺少——這樣不成文的規(guī)定，要求一定要用什么顏色或者兩個(gè)主要元素之間要留多少間距。
Huge Inc 事實(shí)上，單頁(yè)設(shè)計(jì)趨勢(shì)是一個(gè)可以說(shuō)明這一點(diǎn)的絕好的例子。當(dāng)你只能在一個(gè)頁(yè)面上瀏覽全部?jī)?nèi)容時(shí)，有效地利用留白最大化地實(shí)現(xiàn)焦點(diǎn)，組織和強(qiáng)調(diào)是非常關(guān)鍵的。 在這種情景下，內(nèi)容模塊通常被設(shè)計(jì)成可持續(xù)滾動(dòng)的形式。這種情況下，簡(jiǎn)單地改變一下這些模塊中的留白的顏色不僅能幫助繼續(xù)保持我們之前所說(shuō)的設(shè)計(jì)中的三個(gè)方面，同時(shí)還可以在緊迫的空間中為內(nèi)容提供一些透氣感。 希望通過(guò)這些技巧，你能夠從一個(gè)新鮮，嶄新的角度看待設(shè)計(jì)中的留白! 首發(fā)地址: 如何有效利用網(wǎng)頁(yè)設(shè)計(jì)中的留白_網(wǎng)頁(yè)設(shè)計(jì)_絲路教程網(wǎng) 資源地址: http://blog.silucg.com/UI/wy/203.html(分享請(qǐng)保留)
聲明：設(shè)計(jì)網(wǎng)為開(kāi)放交流平臺(tái)，不擔(dān)保任何私下交易。是否使用本網(wǎng)站服務(wù)及資料應(yīng)由用戶自行考慮并自負(fù)風(fēng)險(xiǎn)。用戶以自己的獨(dú)立判斷從事私下交易行為，將獨(dú)立承擔(dān)可能產(chǎn)生的不利后果和責(zé)任，設(shè)計(jì)網(wǎng)不承擔(dān)任何法律責(zé)任。
轉(zhuǎn)載自：絲路教程網(wǎng)
