設計中如何營造畫面的層次感
設計中如何營造畫面的層次感
在設計中為了營造一種更加真實和生動的畫面，我們通常會對畫面中的各個元素之間進行層次感的營造，但不管是設計師後期營造的，還是在畫面中所應用到素材和主體，本身都會存在一定的層次感，而對於層次感很多時候大家只是有一個模糊的概念，對於如何營造層次感以及什麼是層次也會存在的一知半解，本期文章將通過對層次感的闡述讓大家對層次感的概念以及營造有更加深入的認識，以及在以後的作品中如何去把控層次感的變化；
什麼是層次感？
層次感即是在符合視覺合理性的基礎上，把要強調或者要突出的主體與畫面中其他元素進行區分時所發生的關係；通過對版面中的元素大小，遠近，前後等多重關係原理，並運用色彩加以區分使元素和主體在畫面中具有一定的主次，當人眼通過觀看時會產生一定的視覺層次和心理變化；對設計師而言，可以通過技術手段對主體自身的層次感進行調整變化，使畫面的在傳遞的過程中更加具有視覺效果和層次變化；
如圖所示：通過兩張簡單的模特圖可以看出，左邊處理成黑白色，自身的層次感除了黑白灰並沒有其他的區分，而右邊則是正常色顯示，除了黑白灰之外還有黃色的皮膚，整體更加能夠突出人物，並且是真實存在的自然現象，即使換成不同風格的衣服和裝扮都是來襯託人的主體，衣服和裝扮與人物自身則會形成一種層次分明的感覺；
兩組同樣大小的案例使用不同的編排方式和表現形式，而畫面所傳遞出來的層次感完全是不一樣的；左邊的案例除了文字信息自身的編排營造的節奏感和層次感之外，主體的投影也是從上向下延伸沒有太多的層次變化；而右邊的案例在主體的倒影做了透視之後很好的與整個版面形成前後的層次感，文字的編排則會給人一種懸掛的感覺，在增加層次感的同時也增加了空間感，讓整個版面不再那麼平淡；
如兩組案例所示；在使用相同編排的同時，把畫面中的主體自身進行變化，左邊則是實心的線條沒有做任何的修飾和變化，而右邊的則是把主體處理成具有強烈層次感的形式，在改變自身變化的同時也可以為整個畫面增添不少視覺效果，很多時候對於主體自身的層次變化也是不可忽略的，主體的好壞則會直接的影響畫面的視覺效果，在選擇主體時也要進行全面嚴格的把控和篩選；
對於主體而言我們在進行明度對比調整，色彩調整和光影調整的時，以及使用材質進行刻畫和形式表現時，即是對層次感的把控和修飾；
實際案例分析
層次感既是通過層次的劃分，前後關係的對比，色彩明暗的調整，表現出圖案的主次，讓觀者在閱讀時可以有明顯的變化和喘氣的時間，同時也是區分出各個元素之間的關係但卻又存在一定的關聯。
在案例中整體採用單色色彩，但卻在表現形式上讓層次感發揮到極限，背景用線條繪製成抽象的真實場景，連綿不斷的線條錯落有致，即使是使用單色也可以讓畫面層次分明極具視覺效果；在繪畫和極簡的風格中對層次感的把控要求更高；
把案例簡單的分出三個部分之後可以看出，其主要的層次感就是表現在主體自身，而主體則是採用多色的形式形成色彩的層次感對比，以突出作為主體的重點，主體自身的每個顏色都可以與文字和背景形成一種層次，而主體自身雖然在一個層級上也會形成不同色彩所帶來的層次感；
如圖所示；案例中採用圖疊字的交叉處理方法，層次感比較明顯，由大到小從後到前的突出主體重點，給人一種生動真實的的感覺，黑色的文字則很好的把整個畫面向後壓回，在不失識別度的情況下更加能夠突出主體和白色小文字，讓觀者很容易分別出來圖中的主體與主次；
層次感的作用
強調重點、突出主題
提升畫面視覺表現力
豐富畫面建立主次關係
平衡單調與花哨
讓畫面更加生動真實
形式層次感
形式層次感作為最有力凸顯層次感的方式之一，同時也是兼具設計感和強有力的藝術性，包含多種設計中的風格，細節以及處理技法，其目的主要是在現有的基礎上進行另一種形式的變化，尤其是在主體較為固定的情況下，形式所營造的層次感尤為重要，且極具視覺衝擊力，重點的突出可以起到美而新的作用，而在立體和繪畫這種可控性較強且加持各種類型的層次感風格上，所起到的作用最為明顯；
從六個形式中可以看出，右邊的圖形與畫面中的文字信息和背景全部進行了區分，在較為固定的元素中同樣可以用很多種合適的形式營造層次感突出所要強調的，但需要注意不同形式對畫面整體風格所帶來的影響變化；
新建一個畫布，然後把找到的素材置入到畫面當中，所找到的素材則是立體的流體分裂球，其本身就帶有一定的層次感和極強的藝術性，對於優秀的素材可以省去我們很多功夫，但也需要根據實際的效果而定，然後根據主體所呈現的層次感對背景進行處理；
找到一個褶皺紙張的紋理素材，其目的主要是利用褶皺所呈現出來的層次感變化，然後對其執行圖層樣式－顏色疊加－正片疊底，選擇一個亮紅色得出右邊的效果，在此基礎之上可以利用曲線調整明暗關係；
用曲線調整完明暗關係之後可以看出左邊的圖的明暗關係稍微弱了一些，同時也與主體更加吻合，在此基礎之上再執行濾鏡－風格化－曝光過渡，最終得出右邊的效果，而此時調整出來的效果與主體的對比更加明顯，但在風格上面的差異比較打，接著對主體進行修飾刻畫；
對主體執行濾鏡－風格化－油畫效果，讓主體自身沒有那麼光滑，增加更加細膩的層次變化，然後再對其添加漸變疊加效果，加入紅色的泛光則是為了與背景中的紅色達到和諧統一的效果，並且讓主體也有一些色彩層次的變化，得出右邊的效果；從整體來看風格和形式比較和諧統一，但卻覺得主體不夠真實且空蕩不穩定，接著處理；
接著直接把主體複製一層，調整下面圖層的大小至合適的位置，然後調整混合模式為正片疊底，與上面的主體正好可以形成前後鮮明的對比，同時也是圖疊圖用法，讓主體更加突出，最後加入編排好的文字即可；
色彩層次感
無處不在的色彩作為營造層次感最強有力且最為直接的方式，不僅僅存在於設計當中，在生活當中也時刻對我們產生著久遠的影響，色彩作為一門學問，其作用和影響的廣泛度也是有目共睹的，在之前寫過色彩對風格的影響，而本期提及的色彩則是對層次感的營造和影響；
單色的層次感就是通過色彩的明暗度和飽和度的變化來營造明暗和深淺的層次關係，這種層次感也是在設計中最為常用的方式，但很多時候單色容易給人一種單調乏味的感覺，而這種時候就需要通過層次感來提高單色的檔次；
新建一個畫布，以文字信息為主體，把事先做好的字體設計置入到畫面當中，調整到合適的位置大小，然後針對版面進行編排設計；
如左圖；當把所有的信息都擺放好之後可以看出，整體全部使用一個顏色，這樣會讓整個版面過於平庸單調，且沒有視覺效果，在此基礎之上加入具有層次感變化的材質，即讓畫面更加真實同時也具有較好的視覺效果，而左上角的標誌則使用圖形和文字不同的單色，即使在版面中佔據較小的空間，也瞬間讓圖標更加醒目；
多色層次更多的是色相與色相上的變化，即包含了明暗度又涵蓋了飽和度，在使用是可以用不同的色變化來豐富畫面，同時也是在營造一種色彩的層次感，而當下用的最多的則是多彩漸變的方式，讓色彩發揮出自身獨有的視覺優勢；
在站酷海洛上找到一個比較優秀的素材，雖然是黑白的，但對比度強烈層次分明，在實際商業應用中也可以通過利用曲線色階等工具來調整素材的層次感；
由於這個素材自身不是全身展示，根據所建的畫布新建一個適量矩形並調整好位置置於版面中間，然後把人物素材剪切蒙版到矩形裡面並調整所要展示的部位，在這個時候其實畫面已經形成了一種層次，接著把文字置入到畫面當中；
如左圖所示；把文字編排好之後置入到畫面當中，根據人物自身的顏色選擇一個深灰偏藍的顏色，（在設計中很多設計師都會這麼用）又下角的文字會與人物重合，就選擇一個紅色作為區別，雖然模特有種邪魅的帥氣，整體看起來過於深沉，然後把所有文字的顏色全部統一用紅色，這個時候文字與主體之間則會有上下的層次，但卻與人物形成極大的反差，既能凸出人物，又能凸出文字，可以說到這裡基本上就可以了，然後利用多色的層次對人物主體執行漸變疊；
編排與主體層次感
在版面中的編排通常是只文字信息與文字信息之間，版面和元素之間的關係，通過層次感的編排劃分主次讓文字信息和版面中的其他元素都可以很好的傳遞給觀者，以達到一目了然的實際作用，為了突出文字信息通常會使用各種各樣的技巧和方法來滿足我們的目的；
同樣是在站酷海洛上面找到一個極具藝術性的素材，在新建的畫布當中把該素材置入畫面當中，高清大圖的優勢就是可以隨意截取想要的部位以達到最佳的畫面視覺效果；
把素材置入畫面之後並調整至合適的位置，然後轉為智能對象對齊添加曲線，調整素材的明暗對比度，增強素材自身的層次感，整體來看效果還行但就素材自身的色彩而言視覺效果稍微弱了一些，然後對齊調整；
在之前的基礎上對素材圖層添加漸變疊加，模式選擇為柔光，然後調整合適的顏色即可，如作圖所示，整體看起來更加的具有視覺效果和表現力，最後把文字置入到版面當中，文字則是使用襯線體和無襯線體兩種字體，再編排的過程文字之間形成一定的層次，同時通過文字的大小和顏色的明暗以及形式的編排上，讓重要的信息突出，不重要的信息弱化，並與主體之間不規則的形成錯落的層次和方形的引導，使版面更加和諧；
在設計中可以營造層次感的方法有很多種，需要根據畫面所傳遞的內容情況，再結合實際應用需求，選擇一個合適的方式進行表現，以滿足我們需要表達的內容和畫面傳遞出的目的，希望通過本期所闡述的營造層次感的方式可以為你帶來一些想法和對層次感的認識，在創作時把控好層次感不僅是細節的表現，更是決定作品程度的高低和自身對於設計的理解；
註：這個公眾號是個人小號，是我在日常見到好的商業設計，隨手收集並分享一下，不做廣告不盈利，如涉及到版權問題，請多包涵。
TAG:懂點設計簿 |