三招提升你的設(shè)計(jì)層次感

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

而什么是層次感？

把畫面中的各個(gè)元素合理的、清晰的、有節(jié)奏的組合在一起，使整個(gè)畫面看起來更加的舒適、愉悅和協(xié)調(diào)。是不是感覺很深?yuàn)W？好吧，換句簡(jiǎn)單的話來說就是——不多、不少，看起來舒服正好！

我的這篇文章分為3個(gè)章節(jié)，而每個(gè)章節(jié)都有若干細(xì)分的知識(shí)點(diǎn)，各位看官請(qǐng)仔細(xì)看哦！

一. 畫面的層次

1. 使用點(diǎn)、線、面來分割畫面

點(diǎn)、線、面是設(shè)計(jì)中最基本的設(shè)計(jì)元素，學(xué)過平面構(gòu)成的同學(xué)應(yīng)該都有些了解，連點(diǎn)成線、連線成面、而面縮小到一定程度就是點(diǎn)。而面的邊界就是線，線的寬度增加和點(diǎn)擴(kuò)散到一定的面積也就成為面。

2. 留白

留白是我們?cè)O(shè)計(jì)中很常用的手法，留白除了讓畫面整潔、干凈和透氣外，更是對(duì)“面”的更深刻的理解和使用?，F(xiàn)在用的非常廣泛的極簡(jiǎn)設(shè)計(jì)就是在留白的處理上用的比較好的一種設(shè)計(jì)類型，這在我上一篇文章《想做出極簡(jiǎn)風(fēng)格的電商設(shè)計(jì)，只需要學(xué)會(huì)這3個(gè)方法》也詳細(xì)的介紹過。

3. 在攝影中找層次

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

二. 色彩的層次

1. 顏色的對(duì)比

使用對(duì)比色和反差大的顏色來設(shè)計(jì)也是增加層次感的一個(gè)常用方法，因?yàn)橛蟹浅?qiáng)烈的顏色對(duì)比，畫面的沖擊力會(huì)非常強(qiáng)烈，給人們的視覺觀感也會(huì)更加刺激。

2. 漸變色的流行

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

在我們?nèi)粘５脑O(shè)計(jì)中漸變色的使用還是需要更加精心的選擇顏色的色值，一般來說會(huì)選擇同色漸變、鄰近色漸變和對(duì)比色漸變。而漸變的顏色數(shù)量也不宜超過2種。2種以上的漸變色就需要非常強(qiáng)的控色能力來駕馭了。

漸變色的使用大多都出現(xiàn)在UI設(shè)計(jì)中，而隨著UI設(shè)計(jì)的發(fā)展，Web端的設(shè)計(jì)，無論是網(wǎng)頁(yè)還是電商也有很多借鑒UI設(shè)計(jì)的設(shè)計(jì)方法和配色方法。

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

3. 多種顏色搭配的控制

對(duì)于多顏色的設(shè)計(jì)我們要做的就是控制飽和度和明度，盡量使各個(gè)顏色的飽和度和明度保持協(xié)調(diào)的一致。無論是清淡的中國(guó)風(fēng)，還是濃烈的歐美風(fēng)，都會(huì)讓畫面豐富有層次的同時(shí)不會(huì)“亂掉”、“花掉”。

三. 文字的層次

1. 字體的對(duì)比

字體是我們?cè)O(shè)計(jì)中必須使用并且比較難的一個(gè)環(huán)節(jié)，但是正是這個(gè)讓大家比較鬧心的環(huán)節(jié)會(huì)使畫面的層次變得異常豐富，即使在只有文字沒有圖案的時(shí)候，只要排版合理也可以得到驚人的效果。

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

2. 文字的對(duì)比

這里的對(duì)比包括文字的字體、大小、粗細(xì)、顏色等等。為什么單單要挑對(duì)比來說呢？因?yàn)閷?duì)比是最能拉開并體現(xiàn)層次的方法，我們逐個(gè)來說。

總結(jié)

其實(shí)層次是在綜合運(yùn)用了點(diǎn)線面的分割，色彩的搭配和文字的排版而形成的，并且在大小比例，顏色選擇，對(duì)齊等這些細(xì)節(jié)上精益求精，層次自然立現(xiàn)。

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

本文名稱：三招提升你的設(shè)計(jì)層次感
當(dāng)前路徑：http://www.muchs.cn/news2/320002.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、網(wǎng)站設(shè)計(jì)、搜索引擎優(yōu)化、App設(shè)計(jì)、品牌網(wǎng)站設(shè)計(jì)、品牌網(wǎng)站制作

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)