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

2015/03/26 69447

design-high-end-poster-3-1

编者按:授人以渔的教程来了!今天@木东__  的教程从零开始梳理了海报的设计思路,从信息归纳到版式、字体、配色方案等,都有相应的方法可借鉴,力求帮同学们学到海报设计的深层功夫,以不变应万变 >>>

前两期教程:

  1. 《设计易容术!如何设计一张高品位高水准的海报?》
  2. 《设计易容术!如何设计一张高品位高水准的海报(二)》

一、信息整理

制作海报的第一步是整理海报的文字信息,这一点很重要。比如当我们在看一则新闻的时候,我们首先是看到标题、然后是副标题、最后是正文。这是新闻在排版的时候已经为我们预设好的阅读顺序,方便我们看新闻。这样的例子同样在报纸上,头条会首先吸引你的注意,然后才是其他的新闻。一张海报和报纸的文案都一样,都先要有重要的内容先给我们看到,然后再依次看其他的信息,本质上就是要迎合人们在阅读上的习惯。

信息整理主要分成三步

全部列出 : 先把所有的文字列出来(要敲定,不要海报做到一半又加字进来)

排列顺序 : 哪些是你想让我们最先看到,然后是哪些内容是被我第二看到的。然后 排列出顺序来。

我整理了一下原先那张海报的文案,分成主要、次要内容和四个小块。(见 图1)

主要内容,次要内容

  1. 标题
  2. 活动简介
  3. 联系方式
  4. 主办承办

元素归纳 : 把文案归纳成“点、线、面”的形式。

hb201503259

二、重心轴线

重心与轴线是版面的核心,它们决定了一张的海报最后出来的样式。版面的三个主要元素“点、线、面”围绕着轴线与重心排版。

什么是“点、线、面”?

点 : 通常是指重点内容(通常会被优先看见) 它可以是一个字或者符号

线 : 通常是一条单独的内容 例如一串电话号码 一个标题 一句话

面 : 一大段文字或一张图片 它们通常是版面的重心

“点、线、面”是人们视觉上概括文字信息的方法,好的排版就是运用这一方法进行归纳。好的归纳可以使得我们阅读地非常方便,相反就会变得各种阅读困难

以下是举例:

hb201503258
hb201503256
通过上面的举例大家应该明白了“点、线、面”的用法了吧?《写给大家看的设计书》提到是一种“对比”的原则,实际上在排版叫做“区分元素”;就是两个相同的元素,转换其中一个元素,使之与另一元素区分开来,达到“对比”的效果。

所有的文字都可以归纳成“点、线、面”三种元素,这个在“整理信息”这一步骤就已经归纳好了(见上图),文字的组织和思路便一目了然。

什么是重心和轴线?

重心 : 是一块大小占据版面四成以上规则或不规则的“面” 是海报是视觉中心

轴线 : 分主轴和副轴 把某一类文字信息联系在一条线 (可以成为“文字轴”)

注意: 要分清楚参考线和轴线的区别,它们的功能一个是对齐,一个是联系

以下是对轴线的举例说明:

hb201503257

这个简单的例子是说明当你看到某一类文字全部对齐在某一条线上面时,你会自然把他们联系起来看成是一个整体。当这类文字有一部分都离开这条轴线时,在你的视觉变成了有两条轴线,自然就看成了两个没有联系的内容。

两个重要的步骤就讲完,现在开始制作。

hb201503255

首先明确海报的视觉中心,我用了一个黑色块压住了版面

然后设立一条清晰的主轴,还有副轴。

hb201503254

现在整理好的文案可以往上面放了,把主要内容的三块从上往下 从左到右(迎合大多数人的阅读习惯)在主轴上排列,标题是最重要的内容,所以我放在了视觉中心里。次要内容在副轴上排列。

三、3种就好

当你做一张海报时,字体的种类太多,就会显得乱。但是太少或只有一种,又会让人觉得单调。我个人觉得,无论是字体、颜色、字号、字距都控制在三种之内就好,但必须用心谨慎地去选择。任何选择都要迎合海报主题的需要!

我个人的选择如下:

hb201503253

标题 : 方正清刻本悦宋简体

标题是最重要的,又在视觉中心,所以这个字体只用在标题。这个字体字重大,有韵味,适合这张海报的标题。

副标题 : 方正正纤黑简体

由于海报受众的主体是学生,所以我选择一种比较受年轻人喜欢的字体做副标题。

正文 : 仿宋

易读性强的字体,于是我用在正文里。

附字体选择指南:《超实用!有哪些活泼而高端且不俗套的中文字体?》

颜色 : 白色 黑色 天蓝色

白底、黑块已经占了两个颜色了。这次主题是与风筝有关,我加上一个天蓝色。

附配色方法指南:《色彩搭配速成!3个实用方法帮你全面搞定配色》

以上就是文字的排版做完了,最后可以把黑色块换成图片。

我百度了一张关于风筝的图片,代替了黑色块(为突出标题,标题字体换成了白色)

最后与原来的海报比对,你们感受一下:

hb201503252

我开始使用黑色块而没有直接上图片,是因为我想让大家知道重心的重要。重心和轴线是版面的核心是绝对不可以没有的!

最后附上海报的大图:

hb201503251

有哪些受益无穷的渔之技?学一次就成!

设计心理学的最佳教程之一!
《设计师必看!为什么英文要比中文在设计中显得高大上》

设计心理学的最佳教程之二!
《涨姿势!设计作品中的“廉价感”是如何产生的?》

懂文化的设计师才不会闹笑话呦!
《设计师必看!LOGO设计的忌讳有哪些?》

原文地址:zhihu
作者:@木东__

uisdc-tuweia-2

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

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

sdcweixin

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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