最新案例推薦
點擊查看
掃一掃查看
最新行業案例
最新行業案例
3招讓你的設計更有層次
發表于：2017-07-07
很多時候，設計師都會碰到這樣的問題，當客戶或者領導看完設計稿之后會說“有點單調，總覺得少了點什么，你再稍微修改一下。”
與其反復修改，還不如認真考慮設計稿真正所存在的問題。其實所謂的“有點單調”就是設計稿缺乏層次感的表現。何謂層次感?從設計的角度就是把設計頁面的各個元素合理的、清晰的、有節奏的結合在一起，使整個畫面看起來更加的舒適、愉悅和協調。從領導和客戶的角度就是讓他們看起來不單調，剛剛好。
設計稿的層次感主要涉及到畫面、色彩和文字三個方面。
1、畫面的層次
(1)使用點、線、面來分割畫面
點：是最有裝飾性的元素，因此大多情況下在畫面中起到裝飾作用
線：除了裝飾作用外還起到對畫面的分割、元素的穿插和對視覺引導的作用
面：往往起到穩定畫面和承載重要信息的作用
點、線、面是設計中最基本的設計元素，所謂的“點”并不只是圓形，任何在畫面中尺寸和面積相對最小的元素都可以看做成“點”。“線”的一個重要的用途——分割，一般“線”分割讓可以讓畫面更加有趣味性也更加有層次感。線分割出來的區域就是元素“面”，點線面是組合使用的，有效的利用點線面的組合可設計出層次豐富的作品。
(2)留白
留白是我們設計中很常用的手法，現在主流網站用的非常廣泛的極簡設計就是在留白的處理上用的比較好的一種設計類型，留白除了讓畫面整潔、干凈和透氣外，更是對“面”的更深刻的理解和使用。
一般性的頁面層次分成背景層，留白層，主體模特層，標題文案層和功能文案層，在留白的同時對畫面的層次進行了處理，這樣整體的設計稿的層次感就會凸顯出來。
(3)在攝影中找層次
現在很多的設計稿里都會加一些高清大圖作為背景或者素材，攝影圖片的使用也是越來越多了，尤其是質量高的攝影作品不僅看起來畫面非常細膩豐富，而且也品質感十足。在此基礎上，我們可以使用文字來做為圖案元素來增加畫面層次感。
2、色彩的層次
(1)顏色的對比
使用對比色和反差大的顏色來設計也是增加層次感的一個常用方法，因為有非常強烈的顏色對比，畫面的沖擊力會非常強烈，給人們的視覺觀感也會更加刺激。
(2)漸變色的流行
隨著漸變色的流行，使用范圍也越來越廣，甚至一些手機端的APP也會用漸變色來設計。其實漸變色本身就具有層次豐富的特點，因此，使用漸變色加上合理的點線面元素的搭配會在具有沖擊力的同時最大限度的豐富畫面的層次。
在日常的設計中漸變色的使用還是需要更加精心的選擇顏色的色值，一般來說會選擇同色漸變、鄰近色漸變和對比色漸變。而漸變的顏色數量也不宜超過2種。
3、文字的層次
(1)字體的對比
字體是設計中必須使用并且比較難的一個環節，但是卻能使畫面的層次變得異常豐富，即使在只有文字沒有圖案的時候，只要排版合理也可以得到驚人的效果。
不同的字體表達不同的意境和涵義，尤其是中文字體傳承幾千年每一個字都有特定的涵義，而英文主要是以襯線體和非襯線體的字形裝飾的變化。
(2)文字的對比
文字的對比主要體現在字體、大小、粗細、顏色等等，這種對比是最能拉開并體現層次的方法。通過不同字體的大小來把層次拉開，另外加一些元素將設計頁面分成不同的層次，畫面會更加統一。同時，文字顏色的不同，一方面可以增加文案的層次感，另一方面可以與視覺主體的顏色統一。
總結
在網站建設的過程中，層次感的設計還是要更多的回歸到設計稿的本身，需要從設計稿頁面的整體出發，細節上精益求精，層次感自然也會凸顯出了。為了能讓設計稿在客戶和領導那里一次性通過，相信可以從以上三點中找到很好的參考點。
（非特殊說明，本文版權歸原作者所有，轉載請注明出處 ）
標簽： 上海網站建設、上海網站制作、高端網站設計、邁若網絡
手機隨時獲取邁若動態，掃描左側二維碼
添加邁若微信公眾號【manro_since2005】
