设计易容术!如何设计一张高品位高水准的海报?

2016-01-29 09:14 8 1 收藏

设计易容术!如何设计一张高品位高水准的海报?,最适合大学生社团的海报教程!今天的教程跟平时不一样,我们从一张糟糕透顶的海报开始,一步一步教你改善它,直到…变成一张特别有设计感的海报。这是一个非常具有可操作性,非常适合零基础新手的设计教程, ...

【 tulaoshi.com - PS 】

design-high-end-poster-1

编者按:最适合大学生社团的海报教程!今天的教程跟平时不一样,我们从一张糟糕透顶的海报开始,一步一步教你改善它,直到…变成一张特别有设计感的海报。这是一个非常具有可操作性,非常适合零基础新手的设计教程,赶快来近距离感受专业设计师的改善思路吧。

《设计易容术!如何设计一张高品位高水准的海报?》《设计易容术!如何设计一张高品位高水准的海报?(二)》《设计易容术!如何设计一张高品位高水准的海报?(三)》@Simmy小敏 :先祭出设计四大基本原则:

重复,对比,亲密,对齐。

1,重复

重复指的是,设计中的视觉要素在整个作品中重复出现。

可不是说放几个一样的小方块就是重复了哦,仔细看上图,颜色重复出现,高度、宽度重复出现,元素间距重复出现,可以预见的是,如果我们在最后再加一个小方块,一定还是同样的颜色、高度、宽度、间距,如果不是为了突出,我们不会引入新的元素。

应用上来说就是,如果我要加一行字,第一反应是,用之前用过的颜色和字体,如果没有确凿的理由,就坚决不出现新的要素。这是设计的克制,也是初学者最最先要学会的一件事!

来我们根据这个原则,对海报进行第一次手术,手术的奥义是——重复。

完全按照原海报的意图和内容,将文字提了出来,字体全部用微软雅黑(新手用这个字体没错就是啦),大小和位置也没有改,只是扔掉了花花绿绿的视觉元素(字体样式、大小、行间距),按照重复的原则进行整顿。

什么,一点都不高大上?都说了这是科学!要一步一步来!

2,对比

……?

对比指的是,避免页面元素的太过相似,如果元素不相同,那就请深深的不相同。

有重复就一定有对比,重复是基调,对比就是焦点。重复一定要精确,对比一定要大胆。

对比可以有多种方式产生。大字体与小字体,oldstyle与sanserif,粗线条与细线条,冷色与暖色,平滑与粗糙,长宽与高窄,小明与大明(咦?)……等等。

关于字体,有一篇有趣的好文,对理解设计也很有帮助呦:《设计师必看!为什么英文要比中文在设计中显得高大上》

see-more-english-font-better

正所谓密不透风,疏可跑马,放手去搞不要逃,不强烈的对比宁可不要。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

好吧其实原本的对比已经很明显了(我指字号),我稍微调整一下,再配张小图,形成图与文的对比。(图是百度来的,百度图片现在很好用哒,还有推荐的是昵图网,设计师标配,不过切记要注意版权问题~)

是不是看着很乱,找来找去找不到想要的信息累觉不爱?不急,下一步。

3,亲密

亲密性指的是,物理位置的接近意味着内容的关联,所以要将相关的项目组织在一起

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

新手的设计总是元素四散,杂乱无章,看似是他们不懂留白的奥义,但实际上是不懂亲密。相关内容得到有效组织,空间自然会空出来,就像Club感觉会场都是人,但要是让他们按照大小个以男左女右前后相隔一臂左右相隔一拳原则立正看齐排排站,我保证还能塞进500人(……我在说什么)。

标题要对应相关文本,图片要响应对应内容,大小层次,尊卑有序,亲密,保证了内容传达的有效性。

稍微有点样子了吧~?再来本阶段最后一步。

4,对齐

对齐指的是,任何元素都不能在页面上随意安放,每一项都应当与页面上的某个内容存在某种视觉联系。

对齐是地心引力,一根参考线立在那里,就要求所以被选中的元素死死的贴在上面,不允许有一像素的叛离。

同一根参考线意味着某种联系,将依附于它的元素建立起亲密以外的秩序。

由于对齐原则在以上的示范中其实无处不在,我已经默默遵循了(不对其会死晚期),就不再单独示范啦。需要强调的是,在物理位置相聚太远的情况中,要熟练运用辅助元素将不同的对齐联系起来。比如:

右边利用辅助线,将上半部分的左对齐与下半部分的右对齐联系起来,使得画面稳定,内容具有连续性。

到现在为止,我们利用设计四项基本原则对海报进行了初步的处理,使其基本达到【及格】标准。

这是一个非常具有可操作性,非常适合零基础新手的设计方法,各位切记设计也是门科学,谨记原则多加练习才是正道哦~~

当然,最后这张成果仅仅是初步处理,完全算不上高品位也完全算不上优秀,颜色上氛围上,字体的考究选择上依然有非常大的改进空间,但是路要一步一步走嘛,由于时间(拖延)和精力(太懒)原因,我下次再慢慢写:)

来源:http://www.tulaoshi.com/n/20160129/1478738.html

延伸阅读
标签: PS
PS设计一张创造日落效果   设计一张创造日落效果!光线(www.tulaoshi.com)射入大气时的低角度,令日出和日落拥有一天中最漂亮的颜色。 PS设计一张创造日落效果(2) PS设计一张创造日落效tulaoShi.com果(3)
巧用phTuLaoShi.comotoshop易容术之卷福真人大圣效果   巧用photoshop易容术之卷福真人大圣效果,简单粗暴又好玩,创意来源于民间啊,只有想不到的没有做不到的,思路清晰,素材有提供,有兴趣的动手试试,为大圣贺彩
本教程简单利用一些素材图片制作出潮流的音乐海报。作者的变现手法比较随意,用到的元素比较多。颜色方面作者把握的很好,不过教程很多参数是英文的,需要多对照下中文。 最终效果 素材图片 1、在动用素材之前,我们首先要做一个简单的材质效果,之后会需要它为素材添加效果。 新建一个800×600像素的空白文档,按下“D”设置前景色...
本教程的制作有点另类,产品图不像平常的那样处理得非常精美,而是故意处理成颓废的感觉。制作难度不大简单的调色再刷上一些笔刷即可。如果你还没有安装笔刷可以去网上下载。 最终效果 1、打开下面的纹理素材。 2、复制2层得到图层1、图层1副本,图层1副本混合模式为正片叠底、图层1混合模式为柔光。 3、背景看起来有点暗,我们...
来源:pconline 作者:木易 本教程介绍介绍古典艺术海报的制作方法。作者对PS非常娴熟,用滤镜制作出淡淡的背景,然后用画笔画上水墨荷花,再加上一些装饰元素,效果非常不错。 最终效果 1、按Ctrl+N组合键新建一个文件,在弹出的对话框设置"宽度"为1024像素,"高度"为768像素,"分辨率"为72像素,"颜...

经验教程

185

收藏

28
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部