2017-02-13
3097
我們常常聽到一些老師或設計大神在點評某個作品時會說到畫面缺少疏密關系或是缺少節奏感。那么疏密關系或節奏感是怎樣在設計中體現的呢？
一．什么是疏密
“疏密”顧名思義就是稀疏、密集，在設計中它們就是一組對比?！懊堋苯o人一種緊張感、窒息感和厚度感，如下圖：
而“疏”則給人一種空間感、輕松感和秩序感。如下圖：
這兩種關系相互互動才能產生和諧的氣氛，如畫面中僅存在一種形式就很容易形成過于單調而缺乏變化的作品了。
一．疏密關系在網頁中的應用
A.banner中文字的疏密關系。初學者在疏密對比上常犯的錯誤就是給的字符間距不寬不窄，給人感覺很松垮，這是不妨收緊一些字間距，放大另一段文字的字間距。
如上圖中文字部分，作者縮小了主標題的字間距，而放大副標題的字間距，這樣就有了疏密關系的對比，疏的更疏，密的更密，顯得畫面更加和諧。反之，如果副標題的字間距縮小和主標題一樣呢:
以上可以看出文字之間的疏密關系對比對整個畫面的影響，太過擁擠的文字使得畫面層級關系凌亂，且不利于文字的閱讀。
如果把主標題的字間距放大又是什么結果呢：
過于松散的文字又不利于觀眾的閱讀。所以，把握好文字的疏密關系會給你的畫面帶來穩定感。
B.網頁版式中的疏密關系。版式的疏密關系其實就是板塊之間的疏密關系對比，一個板塊排得密集，下一個板塊就相對于上一個板塊顯得松散點。
如下圖所示，banner的內容較少，顯得稀疏，那么下一個板塊文字多，圖片大就顯得密集。
再到下一板塊，圖小，文字少又顯得稀疏。
以此類推，整個版面都是稀疏、密集、稀疏、密集來搭建的。整個頁面就像一首歌曲有平緩又有高潮，從而形成了我們常說的節奏感。所以疏密關系貫穿于整個設計之中，有疏就有密，有密就有疏，它們是相互影響，相互搭配的。而疏密關系也是在同一畫面中相對而言的，必須根據具體畫面具體應用。
在設計中，大家可以找一些好的設計進行疏密關系的分析，并在自己的設計中有目的的進行訓練，掌握好疏密關系你的作品才能具有可看性，具有真正的節奏感?，F在有很多的培訓機構只將設計軟件作為教學的重點而忽略了設計的理論培養，使得很多同學只知軟件應用而不知設計其根本。做的東西都是一些效果的堆砌，缺乏設計感。所以大家在學習設計的時候，要更深入的了解設計的本質，沒有設計理論做支撐，不管軟件再熟練都不能做出成熟的設計。
下一篇：零基礎學UI書目推薦
