網頁設計中疏密板式的應用

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

一．什么是疏密

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

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

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

一．疏密關系在網頁中的應用

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

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

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

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

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

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

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

分享名稱：網頁設計中疏密板式的應用
文章網址：http://www.bm7419.com/news7/164657.html

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

廣告

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