領導和客戶經常說的一個問題就是，這個設計總是感覺少了點什么東西，做的太‘平’了，缺少層次啊，你再改改吧，你腦海中可能一篇霧水，層次聽過也知道，但是怎么做呢？視覺層次其實沒有明確的官方定義，但是我們可以理解為通過點，線，面，色彩，圖形等造型元素來表達平面構成與空間構成的方式，合理的點線面以及色彩，圖形的排版會讓平面和空間更加合理，既視覺層次。

視覺層次通過很多方面體現，比如顏色，元素大小和對比等等。下面我們可以以游戲網站講解，設計都是相同的。

一、畫面元素的層次

在做設計的時候，如果你只是把素材啪啪放上去，而沒有處理畫面元素之間的層次關系，比如元素之間的光影和透視，那么做出來的東西肯定會顯得平!亂！花！如下圖

大家可能有疑問，該放的元素我也放了呀，怎么還是會顯得沒有層次呢，咱們可以從一些好的攝影作品去學習他們的處理元素的手法，視覺層次和攝影中的透視其實是一個道理，這會讓你受益匪淺。

上圖這些都是我對照片的一些解析，大家從圖中可以看出，攝影師處理視覺層次的一些手法，一般攝影照片中都會存在前，中，遠三景，并且通過對著三者的不同處理手法來實作為現視覺層次。

如果把前景作為視覺中心如圖一圖二，那么前景一定是最大高清晰明朗可見，遠景一定是模糊視覺上最弱的，如果把中景作為視覺中心如圖三，那么前景和遠景在視覺上最弱的，這樣處理的話，整個照片就顯得很有層次，看著也自然，因為人眼也是這樣看事物的，至于如何加強或者弱化，無非就是大小，明暗，清晰度。

說了這么多，那么這些跟咱們的設計有什么關系呢，這些如何用到咱們的設計中呢，大家一起看看優(yōu)秀的設計師怎么處理的吧！

上面的這個網頁是EA旗下一款棒球優(yōu)秀的展示頁面美工招聘，做的很棒，大家可以看到這個網站層次鮮明，那么他們又是如何做的呢？下面咱們來解析下他們的處理手法吧！

可以清晰的從網頁中看出網頁分為前，中，遠三景，以前景為視覺中心點，并通過對不同層次的元素進行不同的處理手法，如圖所示，前景做了銳化，中景和遠景都做了高斯模糊處理。

跟上圖比這個處理手法有些不同，是以中景為視覺中心的，所以中景的元素是清晰可見的，前景和遠景都是通過縮小，模糊等弱化處理，這種處理手法會顯得更加有層次感。

二、顏色的層次

顏色的層次，你光做好元素的層次是遠遠不夠的，顏色也至關重要，關于如何配色，網上的教程非常多，這里不多說了，這里主要說下怎么通過配色來表現層次感。

大家都知道做網店裝修設計時候會有主色和輔色，對比色，但是不知道為什么做出來的東西不是單調就的花哨，那么這可能就是色彩層次沒有處理好，色彩的層次是指的我把作品顏色去掉之后，作品中沒有表現出從黑到白的存在比例，如果一個作品的黑色比較多那么整體的效果就顯得很沉重，如果白色比較多那么效果就很蒼白，如果灰色比較多，白色黑色較少，那么畫面就顯得很臟！

通過上圖，大家可以看到，就算圖片去色后，只剩下黑白灰，圖片也不顯得單調也不平，是因為設計師在顏色的明暗度和純度上做了調整，所以就算去色后看著也很有層次感。

顏色之間的比例也會影響色彩層次，如下圖，主色是藍色，黑色，輔色是白色和黃色，大家可以看到這幾種顏色的比例并不是均等的，如果所有地方只有一個顏色，那么這個網頁肯定又掉入色彩單調的坑中了，如果各種顏色太多，每種顏色占的比例都很大，那么肯定掉入顏色花哨的坑中了，所以顏色自己的比例已一定要把握好，一般都是重點的地方想辦法突出，作為視覺中心點，弱化不重要的，加強對比，這樣層次就能出來，如下圖

大家看到重要的信息是在整個網頁中突出的，通過明暗，大小的對比，以突出視覺層次，從而實現視覺層次，這樣做出的網頁看著不單調也不花哨，方便瀏覽者找尋重要信息！

總結：

視覺層次是小伙伴們值得好好研究的一個地方，單視覺層次只是設計的一部分，除此之外還有字體排版，素材的選擇等都需要好好鉆研的，講的不是很詳細，但是希望大家都知道本文所講的都是設計中需要注意以及思考的。