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

2022-06-07 分類：網站建設

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

一．什么是疏密

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

成都網頁設計中的畫面疏密的應用1

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

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

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

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

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

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

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

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

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

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

本文標題：網頁設計中疏密板式的應用
網頁鏈接：http://m.kartarina.com/news/164657.html

成都網站建設公司_創新互聯，為您提供建站公司、定制網站、網站營銷、品牌網站設計、面包屑導航、外貿網站建設

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

猜你還喜歡下面的內容