網(wǎng)頁設(shè)計中疏密板式的應(yīng)用

我們常常聽到一些老師或設(shè)計大神在點評某個作品時會說到畫面缺少疏密關(guān)系或是缺少節(jié)奏感。那么疏密關(guān)系或節(jié)奏感是怎樣在設(shè)計中體現(xiàn)的呢？

一．什么是疏密

“疏密”顧名思義就是稀疏、密集，在設(shè)計中它們就是一組對比?！懊堋苯o人一種緊張感、窒息感和厚度感，如下圖：

而“疏”則給人一種空間感、輕松感和秩序感。如下圖：

這兩種關(guān)系相互互動才能產(chǎn)生和諧的氣氛，如畫面中僅存在一種形式就很容易形成過于單調(diào)而缺乏變化的作品了。

一．疏密關(guān)系在網(wǎng)頁中的應(yīng)用

A.banner中文字的疏密關(guān)系。初學(xué)者在疏密對比上常犯的錯誤就是給的字符間距不寬不窄，給人感覺很松垮，這是不妨收緊一些字間距，放大另一段文字的字間距。

如上圖中文字部分，作者縮小了主標(biāo)題的字間距，而放大副標(biāo)題的字間距，這樣就有了疏密關(guān)系的對比，疏的更疏，密的更密，顯得畫面更加和諧。反之，如果副標(biāo)題的字間距縮小和主標(biāo)題一樣呢:

以上可以看出文字之間的疏密關(guān)系對比對整個畫面的影響，太過擁擠的文字使得畫面層級關(guān)系凌亂，且不利于文字的閱讀。

如果把主標(biāo)題的字間距放大又是什么結(jié)果呢：
過于松散的文字又不利于觀眾的閱讀。所以，把握好文字的疏密關(guān)系會給你的畫面帶來穩(wěn)定感。
B.網(wǎng)頁版式中的疏密關(guān)系。版式的疏密關(guān)系其實就是板塊之間的疏密關(guān)系對比，一個板塊排得密集，下一個板塊就相對于上一個板塊顯得松散點。
如下圖所示，banner的內(nèi)容較少，顯得稀疏，那么下一個板塊文字多，圖片大就顯得密集。
再到下一板塊，圖小，文字少又顯得稀疏。

以此類推，整個版面都是稀疏、密集、稀疏、密集來搭建的。整個頁面就像一首歌曲有平緩又有高潮，從而形成了我們常說的節(jié)奏感。所以疏密關(guān)系貫穿于整個設(shè)計之中，有疏就有密，有密就有疏，它們是相互影響，相互搭配的。而疏密關(guān)系也是在同一畫面中相對而言的，必須根據(jù)具體畫面具體應(yīng)用。

在設(shè)計中，大家可以找一些好的設(shè)計進(jìn)行疏密關(guān)系的分析，并在自己的設(shè)計中有目的的進(jìn)行訓(xùn)練，掌握好疏密關(guān)系你的作品才能具有可看性，具有真正的節(jié)奏感?，F(xiàn)在有很多的培訓(xùn)機(jī)構(gòu)只將設(shè)計軟件作為教學(xué)的重點而忽略了設(shè)計的理論培養(yǎng)，使得很多同學(xué)只知軟件應(yīng)用而不知設(shè)計其根本。做的東西都是一些效果的堆砌，缺乏設(shè)計感。所以大家在學(xué)習(xí)設(shè)計的時候，要更深入的了解設(shè)計的本質(zhì)，沒有設(shè)計理論做支撐，不管軟件再熟練都不能做出成熟的設(shè)計。

本文來自創(chuàng)新互聯(lián)品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-創(chuàng)新互聯(lián)
標(biāo)簽：重慶網(wǎng)站建設(shè)公司,成都網(wǎng)頁設(shè)計公司,成都網(wǎng)站設(shè)計公司

本文標(biāo)題：網(wǎng)頁設(shè)計中疏密板式的應(yīng)用
網(wǎng)頁鏈接：http://muchs.cn/news/164657.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、定制網(wǎng)站、網(wǎng)站營銷、品牌網(wǎng)站設(shè)計、面包屑導(dǎo)航、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)