在我們做設計的時候，很多同學可能都會遇到一種情況，客戶或需求方看完設計稿后一邊摸著下巴一邊說：“我總感覺少了點什么…… 你再改改。” 或者說：“太平了”、“有點單調” 其實這些都是缺乏層次的表現。

而什么是層次感？

把畫面中的各個元素合理的、清晰的、有節奏的組合在一起，使整個畫面看起來更加的舒適、愉悅和協調。是不是感覺很深奧？好吧，換句簡單的話來說就是——不多、不少，看起來舒服正好！

我的這篇文章分為3個章節，而每個章節都有若干細分的知識點，各位看官請仔細看哦！

一. 畫面的層次

1. 使用點、線、面來分割畫面

點、線、面是設計中最基本的設計元素，學過平面構成的同學應該都有些了解，連點成線、連線成面、而面縮小到一定程度就是點。而面的邊界就是線，線的寬度增加和點擴散到一定的面積也就成為面。

2. 留白

留白是我們設計中很常用的手法，留白除了讓畫面整潔、干凈和透氣外，更是對“面”的更深刻的理解和使用。現在用的非常廣泛的極簡設計就是在留白的處理上用的比較好的一種設計類型，這在我上一篇文章《想做出極簡風格的電商設計，只需要學會這3個方法》也詳細的介紹過。

3. 在攝影中找層次

現在的設計中，攝影圖片的使用也是越來越多了，尤其是質量高的攝影作品往往能大限度的提高設計的品質。但是這是為什么大家想過嗎？其中一個原因是攝影中也存在著層次。

二. 色彩的層次

1. 顏色的對比

使用對比色和反差大的顏色來設計也是增加層次感的一個常用方法，因為有非常強烈的顏色對比，畫面的沖擊力會非常強烈，給人們的視覺觀感也會更加刺激。

2. 漸變色的流行

漸變色已經流行了幾年，今年淘寶的手機app也是以漸變色來設計的，可見漸變色的使用范圍也是越來越大了。而漸變色本身就具有層次豐富的特點，因此，使用漸變色加上合理的點線面元素的搭配會在具有沖擊力的同時大限度的豐富畫面的層次。

在我們日常的設計中漸變色的使用還是需要更加精心的選擇顏色的色值，一般來說會選擇同色漸變、鄰近色漸變和對比色漸變。而漸變的顏色數量也不宜超過2種。2種以上的漸變色就需要非常強的控色能力來駕馭了。

漸變色的使用大多都出現在UI設計中，而隨著UI設計的發展，Web端的設計，無論是網頁還是電商也有很多借鑒UI設計的設計方法和配色方法。

漸變色的配色是可以搭配使用的，例如上圖，都屬于同色漸變，但是這樣使用有一個規則，就是互相搭配的幾個漸變色的飽和度要基本一致，否則會出現顏色“花”的問題。

3. 多種顏色搭配的控制

對于多顏色的設計我們要做的就是控制飽和度和明度，盡量使各個顏色的飽和度和明度保持協調的一致。無論是清淡的中國風，還是濃烈的歐美風，都會讓畫面豐富有層次的同時不會“亂掉”、“花掉”。

三. 文字的層次

1. 字體的對比

字體是我們設計中必須使用并且比較難的一個環節，但是正是這個讓大家比較鬧心的環節會使畫面的層次變得異常豐富，即使在只有文字沒有圖案的時候，只要排版合理也可以得到驚人的效果。

不同的字體表達不同的意境和涵義，尤其是中文字體傳承幾千年，每一個字都有特定的涵義。而西文主要是以襯線體和非襯線體的字形裝飾的變化為主。時而粗獷，時而纖細。

2. 文字的對比

這里的對比包括文字的字體、大小、粗細、顏色等等。為什么單單要挑對比來說呢？因為對比是最能拉開并體現層次的方法，我們逐個來說。

總結

其實層次是在綜合運用了點線面的分割，色彩的搭配和文字的排版而形成的，并且在大小比例，顏色選擇，對齊等這些細節上精益求精，層次自然立現。

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！

本文名稱：三招提升你的設計層次感
當前路徑：http://www.js-pz168.com/news2/320002.html

成都網站建設公司_創新互聯，為您提供企業建站、網站設計、搜索引擎優化、App設計、品牌網站設計、品牌網站制作

廣告

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