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