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