海报设计全方位指南!高手教你零基础搞定海报设计(一)

2015/01/26 62874

head-first-poster-design-1-1

编者按:最适合新手的海报设计教程!即使你是完全没有设计经验的小白,跟着赵星总监的教程一步步来,也能完成一张相当有水准的海报。讲解精辟,案例生动,特别献给众多的大学生社团科技部,新年来学点实在的 >>>

大家好,我是弹幕:本教程系列为作者授权的优设专稿,请勿转载噢。

另外,之前两篇海报教程也非常赞,原理是一样的,一起学起来:

—————————————————— 正文开始噜 ——————————————————

赵星:设计与PS无关,与任何软件无关。

画家不是因为熟练使用画笔而成为画家,作家不是因为熟练操作word而成为作家。

软件只是工具,设计是靠脑子。

一、海报是商业行为

客户找你来设计海报是希望把东西卖出去。

客户不是来看你显摆PS水平的,不是来看你秀创意的。

假设,客户给我1w真金白银设计海报,我首先要想到的是要让客户因为我这个设计而赚到超过1w的钱,这样客户才会不亏,下次还会找我做,而我做为设计师也才有存在的价值,我值1w。

反之,我做的不能产生商业回报,甚至是负回报,坏影响。哪怕是客户只花了十块钱找的我,客户也是亏的。

我做的东西垃圾不如。

商业设计师,是要帮客户赚钱的,脑子里要时刻绷着这根弦。

客户的产品如是奢侈品,那你的海报从里到外每一个细节都为表达极尽尊贵奢华。客户要是路边清仓大甩卖,那你的海报就要Low逼土暴极致廉价感。客户要卖给女人,你要问他卖给哪种女人,几岁的女人,什么性格的女人…

市场在不断细分,你的东西茏统模糊不直击目标内心,卖不出去。

设计的高下之分不在高大上土逼LOW,而在准确。

做设计是帮客户传递他们想表达而不会表达的信息给精准目标受众的过程。搞清楚客户想传递什么,传递的对不对,人说的话往往与其内心想要的东西有着差别,甚至截然不同,再搞清楚传递的东西适不适合,客户不专业。

搞清楚目标受众,客户往往只有笼统的概念,我们要帮他抽丝剥茧明晰方向。这就是设计师拿到单后的第一部份的工作。

二、设计动手从信息分类分级开始

当定好了营销方向,写好了文案,设计师就要开始设计了,摆在手里有一堆文字,我们要区分:主标题(广告语)、副标题(一般为主标解释性文字)、二级标题、内文。

一般海报,尽量文案要控制在二级标题以内,不是说明书、不是画册。

拿本问题来设计海报的话:

  • 主标题——大师是如何设计海报的?
  • 副标题——不知道高手是怎么设计一张海报的?
  • 二级标题“答案一”、“答案二”、“答案三”……
  • 内文是“答案内的内文”

我们第一步,先把文字放上去——

image002

刚刚我们已经对信息分了类,但这里看起来还是阅读困难,Why?

对于不同级别的元素,要给以不同的属性,给不同的东西要给相应的地位。

这里的属性,包括空间、字体,大小,颜色,修饰……

给属性的同时,你应该知道视觉流程是什么:从左到右、从大到小、从上到下、从近到远、从清到糊、从暖到冷、从明到暗…

最重要的东西,当然要最先看到,最醒目,前三项视觉流程是最基本的,设计里有打破的情况,但那不是初学者的范踌。

如下:

image004

上面的图,仅仅是用到了空间、距离、大小,就让文字清淅可读。

但如果仅仅是这样,还远远不够,一步步来:

image006

仍然只是用了大小位置,空间,字体,颜色这一些最基本的东西,多少有点像海报了。可以看到,我利用了信息分级,把最重要,次重要,给它相应的地位,相应地位依靠视觉流程知识,作为海报来说,只有当主标题吸引了目光,并让受众感兴趣后,他才会细看详情。

有些海报只有主标,或着加一个副标,无内文,这种,就要拿标题来做文章。

一张海报,中文字体两到三种,主标字体可以大胆应用,内文及二级标题尽量就常用字体,微软雅黑就是不错的内文字体,这是属于“等线体”一种,特点是简约现代。

英文一到两种。

同样等级的元素,给同样的属性。比如“回答-、二、三、四”,一样的大小、一样的字体、一样的空间、一样的距离、一样的颜色。通过画面让人一看就知,这是同一类。

举一个反例:

image008

人的眼睛总喜欢有规律的东西,清淅的分级,给不同等级元素相应的地位,符合视觉流程的属性,这是动手做海报的第一步,这张海报才刚刚开始。

三、点个睛

就上面这个海报来说,虽然一堆信息分好级,给其相应的属性后,这幅东西能顺畅的看下去,但在一堆设计中并没有太多的吸引力,吸引力当然是非常重要的。吸引力能让眼球转过来,内涵能让人思考记忆。

我们要给它加点创意的部分,也把它从普通设计区分出来。

image010

把问号变成了人头,排版逼格再高点,随便做一下字体,就成这样了。

字体设计也是一个大范踌,往细了写,可以写一本书。把字体做的有足够创意,有时候都不需要有其它外在的元素来增加设计感。但是仔细做一款字,很花时间。

好吧,仔细做一个设计,各个方面都很花时间。

四、设计师的误区

其一,认为风格有优劣,错,其实风格无优劣。

当一个设计说他喜欢做某风格的设计,我会判定他还没入门。风格可以说是方向,方向是没有对错的,设计本质而言是可以任何方向的,只有做的好坏之分。(具体个案会有范围)

比如大家热议的简繁之争,很多人大言不惭喊“简单就是美”,这是完全不懂的门外汉说的谬论。现在扁平化是很流行,但以前的拟物风就不美吗?

拿标志来举例:

loho20150126

你能说他们两谁更漂亮吗?不能,你只能说你更喜欢哪一个。苹果是被咬了一口,联合利华是自然和生命。这两个都是高水平的设计。

奢侈品,大量应用繁复的设计,你能说它不高档吗?不能。

卢浮宫,大教堂,故宫以及里面的雕刻壁画,不美吗?繁复到极致。美到极致。

简单有简单的美,繁复有繁复的美,没有高下之分。水平高,就都能做的美,水平低都LOW。风格的流行是不断变化的,是螺旋上升的。

这几年黑白灰,下几年多彩变化,随时在变化。下图为美国药店实拍:

image012 image014 image016

美国药品包装大量应用对比,渐变,你能单纯的评论它好不好看吗?苹果盒子装药放这里能卖的动吗?

成熟的商业设计,都有其它背后深层次的道理。

比如美国药包装明显比国内色彩搭配更丰富,这是因为多年市调,药品包装往糖果化方向靠,更利于人群减缓吃药的心理负担。所以,一个设计师是否成熟,就在于他是否有一套自己的方法论,可以做好任何一种风格的设计。

其二,设计师审美要高,错,设计师审美要准确。

设计师成长的过程是不断消灭个人审美并拥抱大众审美的过程。成熟的设计师没有个人审美,当你听到某设计师说我喜欢哪种哪种设计,你可以判断他还没入门。成熟设计师只有大众审美,如下图:

image018

这个圆,是总人群,愈往中间愈中庸,愈往边上愈极端,越往上越前卫,越往下越保守。

可以看到,最外圈的人,极前卫和极土逼都不是设计师要把握的人。人受教育不一样,知识结构不一样,层次不一样,审美都不相同。我们要知道,做一个设计,不可能所有人都喜欢,任何一个设计出来,都会有三种人,很喜欢的,不喜欢的,有人觉得无所谓喜欢不喜欢。

成熟的设计师要抓住的是,中圈和内圈的这80%人口,什么叫抓住,就是你做一个设计,至少80%的人不反感,这就是我定义的大众审美。

要求不高,做起来很难。你做到了80%的人不反感,你就拥有了大众审美。这80%的人里,当然也有喜欢、勉强、还行的不同种人。不断的做作品,把个人审美慢慢抛弃,用大众审美替代个人审美,这才是算入门。而大众审美,往复杂了说,你的目标客户都又要细分,做化妆品设计,你要知道用这些东西的人,是什么大众审美;做快销品,你要知道这类快销品的受众审美。

成熟设计师的追求,是在明晰大众审美逻辑链之后,做出预测,以稍稍领先时代的方式做设计,并且能被大部份人接受,这是真牛,这就是引领潮流。

他们做的设计是往下图的红点上去靠:

image020

我也曾在某行业的某类风格大规模流行前,提前预感到,并执行于设计。

领先半步,是天才,领先一步是疯子。

五、设计中最重要的概念——对齐

对齐这个概念很普通,咋一听人人都明白,但实际上弄懂它的人不多,灵活运用的更少。平面里元素的摆放都要有其依据,这里抛开商业目的,单纯以设计角度来谈依据,对齐是最重要的依据之一。

大家都知道的对齐:左中右、上中下对齐。如果仅有这些,必死板无比。

升一阶:视觉对齐,焦点对齐、重心对齐,虚实对齐,延伸对齐、比例对齐……

最高阶:为特定目的,精准定点打破对齐,以达到更强的视觉冲击。

左中右,上中下就不讲了,太简单。

视觉对齐:

用最简单的文字来举例——————

image022

这两行字,左边对齐了吗?是否会有第一行偏右了一点的感觉。

image024

实际上这两行文字已完全对齐,这叫物理对齐,视觉不齐。而做设计当然是追求视觉上的,人的眼睛很容易产生错觉,大部份时候要避免,有时候要利用。

把第一行左移一点:

image026

这样,左对齐的感觉更明显,实际上金字的边已往左超过了D字的边。为达到视觉对齐的目的,而实际是不齐的,原因是因为边界面积。

大标题与小字,艺术字与黑体,不规则元素与方块……随时都出现这种情况。

今天就到这里,对齐是个大话题。

想提前了解的同学可以参考:《设计基础功!帮你彻底掌握设计四大原则中的对比原则》

未完待续,期待后续。顺便强烈推荐以下的相关知识科普:

【上文提到的基础知识——这儿都有详述!】

中文字体设计篇:
《平面排版时,教你突出中文美感的几种方法》
《平面排版时,教你突出中文美感的几种方法第二集(基础篇)》

廉价感的产生与避免方法:
《涨姿势!设计作品中的“廉价感”是如何产生的?》
《秒变专业范儿!如何避免设计中有廉价的感觉》

 作者:赵星

uisdc-tuweia-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量90万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
官方微信:想在手机上、被窝里获取设计教程和各种意想不到的”福利”吗?添加优设哥微信号:youshege

chat-yinliu-pic

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/head-first-poster-design-1

界面设计 交互设计师 HTML5 素材 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 设计规范 扁平化设计 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 用户体验 ui设计 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里