2020-6-9 資深UI設(shè)計(jì)者
日常設(shè)計(jì)中，我們可以收集一些類型海報(bào)，去分析它們的特點(diǎn)進(jìn)行練習(xí)，逐漸熟練掌握各個(gè)風(fēng)格特征。
我們知道，透過現(xiàn)象看本質(zhì)，才能實(shí)現(xiàn)真正意義上的認(rèn)識。其實(shí)版式設(shè)計(jì)也是一樣的，歸根到底，版式要素就是由文字與圖形或者圖片組成的，因此文字的編排、圖形或圖片的運(yùn)用以及色彩的搭配將成為我們學(xué)習(xí)的重點(diǎn)。
前幾天抽空看了一些美國西部電影，發(fā)現(xiàn)西部牛仔的形象真的是一個(gè)字，帥。他們頭戴墨西哥式寬沿高頂氈帽、腰挎柯爾特左輪手槍或肩扛溫徹斯特步槍、身纏子彈帶、穿著牛仔褲皮上衣、以及束袖緊身多袋牛仔服、足蹬一雙飾有刺馬釘?shù)母咄财ぬ籽?、頸圍一塊色彩鮮艷奪目的印花大方巾、騎著快馬風(fēng)馳電掣，形象威猛而灑脫。
今天我們就以西部牛仔為命題設(shè)計(jì)一幅海報(bào)，看看這類海報(bào)的具體設(shè)計(jì)思路是怎樣的，說到牛仔電影，就不得不提克林特伊斯特伍德演的「鏢客三部曲」，牛仔的機(jī)智、勇敢、沉著、冷靜體現(xiàn)的淋漓盡致，還有那深邃的眼神，真的是被圈粉。
那時(shí)的電影海報(bào)不多，多為手繪的形式展現(xiàn)，可以看出三幅海報(bào)中文字的編排跟主人物的結(jié)合非常巧妙。第一幅主標(biāo)題的梯形形式，第二幅居中形式，第三幅左右環(huán)繞人物的形式，充分的使用信息解決了空間問題。
下面這三幅是電影「被解放的姜戈」的宣傳海報(bào)，這是我?guī)啄昵翱吹牧?，里面還有帥帥的小李子，在電影里有點(diǎn)壞。
上面三幅都是以剪影為主視覺，以裂開的鏈子為最主要視覺點(diǎn)，呼應(yīng)電影中的核心主旨——被解放，后面兩幅通過移動(dòng)主視覺的位置換了構(gòu)圖，信息編排也隨之改變。這種剪影效果十分值得借鑒。
下面進(jìn)入今天的分享時(shí)間，噔噔噔噔~
我們將從網(wǎng)上整理好的文案進(jìn)行簡單的層級劃分。
STEP 01 ：構(gòu)圖方式
這里我選用上下分割構(gòu)圖來進(jìn)行設(shè)計(jì)，上方準(zhǔn)備放個(gè)牛仔的形象，下面放置信息。
STEP 02 ：主體刻畫
接下來我們選擇一個(gè)極具張力的素材圖，素材有透視的效果，槍口還起到了聚焦的作用。
下面我們來刻畫主標(biāo)題，牛仔的形象是硬朗冷靜，所以椅子選用粗黑體，同時(shí)結(jié)合有肌理的英文字體進(jìn)行編排。
這里我用封套工具做了透視的效果，同時(shí)加上色塊來承載信息，這樣視覺上有遠(yuǎn)近的感覺，視覺效果更豐富。
最后我們將處理好的主體和主標(biāo)題都放入畫面中，對人物進(jìn)行適當(dāng)旋轉(zhuǎn)，同時(shí)標(biāo)出剩余信息的大概位置。
STEP 03：信息處理
接下來我們將剩余的信息做個(gè)處理，文字右側(cè)，加上一個(gè)牛仔騎馬的剪影。
我們將處理好的信息全部放入到畫面中，版式的骨骼基本就確定了。
STEP 04：優(yōu)化版面
之后來搭配顏色，我們選用復(fù)古的顏色做背景，同時(shí)文字根據(jù)人物的顏色進(jìn)行搭配。
做到這里，畫面還是略顯單薄，而且很多空間位置都沒有解決，那么這個(gè)時(shí)候我們需要增加相關(guān)的元素去豐富畫面，人物后面我們用混合工具做一個(gè)發(fā)射型的方框；最左側(cè)的空間用「馬背上的英雄」英文翻譯占據(jù)，縮小文字部分讓出空間，同時(shí)加上掉落的子彈，這里需要注意子彈的疏密關(guān)系，畫面立刻就豐富起來了。
最后我們加上一個(gè)類似通緝令的復(fù)古紙張效果，同時(shí)微調(diào)信息的大小，這樣整個(gè)畫面就完成了。
技法講解
畫出兩個(gè)大小不一樣的矩形，改變矩形角度和矩形框的粗細(xì)，選中混合工具。
調(diào)整漸變的矩形數(shù)量。
用混合工具選中小巨星，拖住鼠標(biāo)從小矩形中心往大矩形拉，然后松開鼠標(biāo)，漸變效果就完成了。
STEP 05：樣機(jī)效果
OK，設(shè)計(jì)做完了，這篇海報(bào)主要就是給大家講解利用一些簡單的幾何形如何豐富畫面，還有一些特殊的小技巧，比如字體的簡單變形，元素的重復(fù)漸變，這些都是一些小細(xì)節(jié)，卻能使你的畫面上升一個(gè)檔次，有時(shí)不是我們不會(huì)，而是我們沒有深入的思考與借鑒。
文章來源：優(yōu)設(shè) 作者：趣設(shè)記
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com