實(shí)操篇-「傾斜構(gòu)圖」巧破畫面呆板！
當(dāng)想要設(shè)計(jì)更靈動(dòng)活潑的版面，營(yíng)造輕松、動(dòng)感、刺激等氛圍時(shí)，“傾斜構(gòu)圖”是更適合運(yùn)用的構(gòu)圖表現(xiàn)形式，本期就來分析傾斜構(gòu)圖的使用方法。
「傾斜構(gòu)圖」是版面整體或部分元素以傾斜的角度呈現(xiàn)在畫面上，可以產(chǎn)生不穩(wěn)定的動(dòng)感，畫面顯得更具創(chuàng)意性，充滿活力，也更有視覺沖擊力。為了讓大家加深對(duì)傾斜構(gòu)圖的理解，運(yùn)用以上知識(shí)點(diǎn)進(jìn)行一則運(yùn)動(dòng)海報(bào)實(shí)操演示。
海報(bào)主題為運(yùn)動(dòng)俱樂部的宣傳海報(bào)，首先選擇與版面相契合的字體。主標(biāo)題中文字體選擇「字魂-正酷超級(jí)黑」，英文和數(shù)字字體選擇「DINPro-Black」，兩款字體有著相似的特征，筆畫厚重，棱角分明，粗獷而具有力量感。其他信息使用嚴(yán)謹(jǐn)規(guī)整的「思源黑體」，保證良好的識(shí)別性。
方案一
在進(jìn)行設(shè)計(jì)前，可以尋找關(guān)于運(yùn)動(dòng)的優(yōu)秀案例進(jìn)行分析，參考其圖片選取、色彩搭配、空間構(gòu)圖等。方案一參考的是采用高視角俯視角度的案例，使用人物和傾斜的文字營(yíng)造特殊的空間感，能夠給人帶來的嶄新視覺印象。
接下來進(jìn)行文案信息的優(yōu)化排版，通過字體的大小、粗細(xì)，按主次區(qū)分，建立好視覺層次。
把刻畫好的文字放置到版面中，并進(jìn)行傾斜處理，傾斜角度不要太大，既能夠讓畫面變得活潑起來，又不會(huì)影響到圖文的識(shí)別性，設(shè)計(jì)時(shí)也比較容易把控。
加入俯視角度的運(yùn)動(dòng)人物素材，注意盡量不要影響中文標(biāo)題的識(shí)別性。并把其他信息和點(diǎn)綴元素平穩(wěn)的排列在畫面四角，形成動(dòng)靜對(duì)比，也可以保持畫面的穩(wěn)定性。
現(xiàn)在整體畫面比較單調(diào)，在背景加入網(wǎng)球場(chǎng)的素材，也進(jìn)行傾斜處理，傾斜角度可以大些與文字形成對(duì)比。
整體效果已經(jīng)設(shè)計(jì)好，但版面還是比較平淡，缺少層次感。使用半透明的黑色畫筆壓暗畫面邊緣，形成聚光效果，讓主體更突出；最后使用灰色畫筆給主體文字添加光澤效果。設(shè)計(jì)完成：
方案二
方案二設(shè)計(jì)「雙方向傾斜」構(gòu)圖，是將設(shè)計(jì)元素朝兩個(gè)對(duì)立的角度傾斜，產(chǎn)生了方向上的對(duì)比，可以形成視覺沖突，營(yíng)造出空間立體感。參考案例如下：
把文字重新進(jìn)行排版，分為中文和英文兩部分：
在AI中使用「透視網(wǎng)格工具」，采用兩點(diǎn)透視，讓兩部分文字形成交叉同時(shí)也具有空間縱深感;
把刻畫好的文字主體導(dǎo)入PS中，加入人物素材：
把人物素材調(diào)整為黑白色，并加強(qiáng)對(duì)比度，穿插疊壓在文字中，盡量不要影響到中文的識(shí)別性。
最后給背景加入點(diǎn)狀紋理豐富畫面，并壓暗四角使主體更突出，方案二設(shè)計(jì)完成：
方案三
方案三參考一則汽車海報(bào)，將文字加入傾斜角度變化，通過不平衡感產(chǎn)生了「動(dòng)感」，增強(qiáng)了版面的趣味性，也產(chǎn)生良好的視覺沖擊力。
重新排版文字，并進(jìn)行傾斜處理：
加入人物素材，做出前后疊加的效果，其他文字信息放置在畫面下方，平衡穩(wěn)定畫面。
方案四
方案四嘗試設(shè)計(jì)一款黑金風(fēng)格海報(bào)，如圖，畫面具有良好的厚重感和力量感，可以產(chǎn)生強(qiáng)烈的視覺沖擊力。
尋找黑白色調(diào)的運(yùn)動(dòng)人物素材，把人物皮膚部分與背景分離，新圖層命名為「皮膚」。
分別給兩個(gè)圖層使用「色相/飽和度」，勾選「著色」，調(diào)整為金色調(diào)。皮膚圖層使用「色階」命令增強(qiáng)對(duì)比度，
接下來制作皮膚的金屬反光效果。復(fù)制皮膚圖層移動(dòng)到圖層最上方，執(zhí)行「反相」（ctrl+i）命令，調(diào)整「色階」壓暗反光效果:
擦除不需要反光的五官、頭發(fā)、部分皮膚（左圖紅色部分）：
使用「色相/飽和度」給反光部分添加偏紅的色調(diào)，并調(diào)整 「色階」加強(qiáng)對(duì)比度：
接下來給皮膚加強(qiáng)金屬質(zhì)感，復(fù)制皮膚圖層移動(dòng)到圖層最上方，執(zhí)行「濾鏡-濾鏡庫(kù)-素描-鉻黃漸變」，圖層混合模式改為「柔光」，降低圖層透明度50%，擦除紅色部分。
最終效果：
重新排版文字進(jìn)行適當(dāng)傾斜，放置到皮膚圖層下方，形成文字疊壓效果：
使用「圖層樣式」給文字加入金屬特效，參考數(shù)值如下：
右鍵「拷貝圖層樣式」，給其他文字「粘貼圖層樣式」，因字體大小不一致，需進(jìn)行「斜面和浮雕」中「深度」的微調(diào)。最后在背景加入傾斜的線條進(jìn)行裝飾，設(shè)計(jì)完成：
方案匯總：
總結(jié)
「傾斜構(gòu)圖」可以打破常規(guī)構(gòu)圖橫平豎直的視覺思維，產(chǎn)生不穩(wěn)定的動(dòng)感，畫面顯得更具創(chuàng)意性，也更有視覺沖擊力。當(dāng)想要設(shè)計(jì)靈動(dòng)活潑的版面，營(yíng)造輕松、動(dòng)感、刺激等氛圍時(shí)，「傾斜構(gòu)圖」是更適合運(yùn)用的構(gòu)圖表現(xiàn)形式。
