2020-6-9 资深UI设计者
日常设计中,我们可以收集一些类型海报,去分析它们的特点进行练习,逐渐熟练掌握各个风格特征。
我们知道,透过现象看本质,才能实现真正意义上的认识。其实版式设计也是一样的,归根到底,版式要素就是由文字与图形或者图片组成的,因此文字的编排、图形或图片的运用以及色彩的搭配将成为我们学习的重点。
前几天抽空看了一些美国西部电影,发现西部牛仔的形象真的是一个字,帅。他们头戴墨西哥式宽沿高顶毡帽、腰挎柯尔特左轮手枪或肩扛温彻斯特步枪、身缠子弹带、穿着牛仔裤皮上衣、以及束袖紧身多袋牛仔服、足蹬一双饰有刺马钉的高筒皮套靴、颈围一块色彩鲜艳夺目的印花大方巾、骑着快马风驰电掣,形象威猛而洒脱。
今天我们就以西部牛仔为命题设计一幅海报,看看这类海报的具体设计思路是怎样的,说到牛仔电影,就不得不提克林特伊斯特伍德演的「镖客三部曲」,牛仔的机智、勇敢、沉着、冷静体现的淋漓尽致,还有那深邃的眼神,真的是被圈粉。
那时的电影海报不多,多为手绘的形式展现,可以看出三幅海报中文字的编排跟主人物的结合非常巧妙。第一幅主标题的梯形形式,第二幅居中形式,第三幅左右环绕人物的形式,充分的使用信息解决了空间问题。
下面这三幅是电影「被解放的姜戈」的宣传海报,这是我几年前看的了,里面还有帅帅的小李子,在电影里有点坏。
上面三幅都是以剪影为主视觉,以裂开的链子为最主要视觉点,呼应电影中的核心主旨——被解放,后面两幅通过移动主视觉的位置换了构图,信息编排也随之改变。这种剪影效果十分值得借鉴。
下面进入今天的分享时间,噔噔噔噔~
我们将从网上整理好的文案进行简单的层级划分。
STEP 01 :构图方式
这里我选用上下分割构图来进行设计,上方准备放个牛仔的形象,下面放置信息。
STEP 02 :主体刻画
接下来我们选择一个极具张力的素材图,素材有透视的效果,枪口还起到了聚焦的作用。
下面我们来刻画主标题,牛仔的形象是硬朗冷静,所以椅子选用粗黑体,同时结合有肌理的英文字体进行编排。
这里我用封套工具做了透视的效果,同时加上色块来承载信息,这样视觉上有远近的感觉,视觉效果更丰富。
最后我们将处理好的主体和主标题都放入画面中,对人物进行适当旋转,同时标出剩余信息的大概位置。
STEP 03:信息处理
接下来我们将剩余的信息做个处理,文字右侧,加上一个牛仔骑马的剪影。
我们将处理好的信息全部放入到画面中,版式的骨骼基本就确定了。
STEP 04:优化版面
之后来搭配颜色,我们选用复古的颜色做背景,同时文字根据人物的颜色进行搭配。
做到这里,画面还是略显单薄,而且很多空间位置都没有解决,那么这个时候我们需要增加相关的元素去丰富画面,人物后面我们用混合工具做一个发射型的方框;最左侧的空间用「马背上的英雄」英文翻译占据,缩小文字部分让出空间,同时加上掉落的子弹,这里需要注意子弹的疏密关系,画面立刻就丰富起来了。
最后我们加上一个类似通缉令的复古纸张效果,同时微调信息的大小,这样整个画面就完成了。
技法讲解
画出两个大小不一样的矩形,改变矩形角度和矩形框的粗细,选中混合工具。
调整渐变的矩形数量。
用混合工具选中小巨星,拖住鼠标从小矩形中心往大矩形拉,然后松开鼠标,渐变效果就完成了。
STEP 05:样机效果
OK,设计做完了,这篇海报主要就是给大家讲解利用一些简单的几何形如何丰富画面,还有一些特殊的小技巧,比如字体的简单变形,元素的重复渐变,这些都是一些小细节,却能使你的画面上升一个档次,有时不是我们不会,而是我们没有深入的思考与借鉴。
文章来源:优设 作者:趣设记