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

一．什么是疏密

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

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

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

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

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

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

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

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

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

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

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

分享名稱：網(wǎng)頁設計中疏密板式的應用
文章網(wǎng)址：http://aaarwkj.com/news7/164657.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供小程序開發(fā)、品牌網(wǎng)站制作、品牌網(wǎng)站設計、外貿(mào)網(wǎng)站建設、品牌網(wǎng)站建設、商城網(wǎng)站

廣告

聲明：本網(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)