该文章未提交审核, 请编辑完成后提交审核。
该文章未通过审核,感谢您对字由的贡献。
该文章正在审核中,通过后将会自动显示在字说字话页面。
如何让一张海报流量和颜值兼得?
在平时工作中,很多设计师往往会遇到这种情况,领导和自己的想法有比较大的冲突,一边是想把信息放大再放大,另一边则是想把画面做得更漂亮,其实谁都没错,主要是考虑角度不一样,找到中间的平衡点就可以了。
所以今天这篇你一定要好好看完,它会帮你系统地学习版式的识别属性。
信息叠压顾名思义就是不同信息间的位置相互叠压,比如图片与文字信息的位置叠压,图形与文字信息的位置叠压,以及文字信息之间的位置叠压等。
根据叠压面积的大小,会影响信息的识别性,即相互之间叠压的面积越大,文字信息的识别属性就越弱,相反识别属性就越强。
举个栗子,左边海报主要体现在大的标题信息与图形建筑的叠压上,其叠压面积相对较小,而且文字信息字号偏大,所以在文字识别性上不太影响。再看右边的海报,大量的小字信息与视觉图形主体大面积叠压,识别性就会显得比较弱。
再看一个,左边的海报属于偏文艺的画面,主体是画面中的主图,平稳安定,主标题与主图进行了很小面积的位置叠压,识别性相对较强。而右边的海报主体是人物,信息与人的手臂进行路径上的穿插叠压,形式感十足,但是识别性比较弱。
正确的方式是这个,左边的海报以深蓝色作为背景,文字信息上并没有与其他图片或者图形产生位置上的叠压,所以识别性很强。右边的海报同样也是纯净的背景,只有大的主标题与人物进行了叠压,所以在识别性上影响很小。
除了不同信息之间的叠压,直接影响文字信息的识别性之外,明度上的影响也是比较大的。
白色圆心代指文字信息,不同的灰度代指画面的背景,通过上面的图表对比,可以看到文字与画面背景明度对比小,文字的识别属性就相对较弱;文字与画面背景明度对比大,则识别属性就相对较强。
左边的海报背景以深色为主,色调为深色调。文字信息一方面没有与图片进行叠压,另一方面在明度上的对比特别鲜明;右边的海报整体以浊色调为主,文字信息与背景的明度差相对较弱,综合左边识别性要优于右边,但都很好传达了各自气质,左边的偏格调感,右边则更偏复古感。
这两张海报在色相上的对比鲜明,一个背景为绿色,另一个背景为蓝色,但是如果将其转化为灰度时,会发现其实明度差是很接近的,所以两个画面在文字信息的识别性上几乎是持平的。
不要觉得色彩丰富就好,看看这两张,整体都有点偏文艺,左边以浅灰色背景与白色信息对比,右边用高明度的绿与白色信息对比,但明度对比却是左边高于右边,整体识别性上都比较弱。
除了明度对比,有时候我们也要看一下色相上的对比,比如这个画面,虽然在明度差上表现很弱,但是文字信息用了纯度比较高的红色,同样识别性不会太差。在这里要强调一点,一个画面的好坏与否不是按识别性决定的,需要结合项目调性去综合考虑,而非是绝对的。
主标题的分布形式,主体的分布形式以及核心辅助要素的分布形式,都会影响到信息的识别性,从而推出分布形式与项目调性之间的关系。
比如点,线,面不同的分布形式,就会反映到信息识别性上的差异,以及其与项目调性的微妙联系。
点的分布形式大体上分为自由的点与规律的点,自由的点在分布位置上没有具体的方位,随性自由,在画面中更能体现氛围性。而规律的点在分布位置上一般都趋于某一个具体的形状,有一定的轨迹可寻,比较规范。
这三张摄影图都是比较纯粹的画面,我们可以看到,画面中的鸭子,飞鸟和太阳都是焦点,画面中的点其实是相对而言的,鸭子相对于湖面,飞鸟相对于天空和海面,太阳相对于海面和天空来说都是点,海面和天空属于面。
这张海报在项目气质上偏格调感,背景用明黄色给人以积极正向的感觉,画面中核心辅助文字,在分布形态上均以规律的点(呈方形)分布,视觉上比较疏散,很难聚焦,但是氛围性比较强,这种分布形式识别性会偏低。
海报以明灰色调为主,细腻,高级,核心文字以点的形式分布,且在位置上比较自由,随性,聚焦性也不是特别强,产生视线上的游离,但却能给人更好的想象空间,与项目气质比较吻合。
与点不同的是,线更具有引导性与指示性,在分布形式上大体分为直线分布,斜线分布以及曲线分布,直线给人以正式,稳定的感受,斜线多了一份动感,活泼,而曲线则给人以柔和,婉转的心理感受。线在文字信息的识别性上,要比点更高一些,阅读上更加流畅。
如上图,在生活中存在着很多的线元素构成,比如建筑物群,垂直的线给人以挺拔高大的感觉,大桥上的直线与曲线,直线更有支撑力,曲线更有韧性,包括森林中蜿蜒盘曲的公路,给人以柔和婉转之感,线的引导性和指示性以及灵动性比较好。
以满版构图为主,背景色与产品色相呼应,在氛围的营造上特别好,文化感跃然纸上,产品本身形成了大小层级的对比,画面会显得丰富而不单调,主标题字体以直线分布的形式,识别性比较好。
以倾斜构图为主,文字信息层级划分比较清晰,倾斜的角度只要不是特别大,对于文字信息的识别不会有太大的影响,反而画面更动感灵活,趣味性强,但尽可能不要超过45度。
以中心构图为主,画面中用抽象图形作为主体,给人以更强的想象空间,主标题的字体打散分布在对角的位置,呈现点的状态,而圆形轮廓则很好的将点连接了起来,给人以阅读上的引导性,识别性相较于直线稍微弱一些。
面相对于点与线来说,是视觉性最强的,通过调整文字信息的字距,将文字的分布形式趋向于面,或者通过添加色块达到面的形式,大体上分为方形,圆形与三角形,三种不同的形态,传达的情感也不尽相同。
站在点元素的角度上,越大的点越趋向于面,越小的点越趋向于点,所以在一个画面中往往大的对象会相对看成面,小的则看成点,而面的形成也可以通过点的聚焦或者线的聚集而成,都可以看成不完全闭合轮廓的面。
海报以橙蓝对比色为主,背景选用橙色,核心文字选用了深蓝色并与其他信息产生了透叠效果,视觉点很清晰,字符间距非常紧凑,整体呈现方形的面,虽然有叠压效果,但是明度拉开了,文字信息的识别性比较好。
海报是美术馆的展览海报,选择了宋体形态的字型,雅致文艺,画面中选用了一幅美术作品作为主体,配色上以浊色调为主,文化的韵味比较强烈,主标题用两个圆形承载,呈现面的分布方式,识别性比较好。
海报中最醒目的区域,就是和浮世绘海浪叠压的视觉文字信息,整体以三角形的分布形式,从远到近形成了大小对比关系,拉开了空间层次,重复的单元强化了视觉印象,识别性也相当好。
下面用一个案例来演示一下,看如何把握其识别性以及在项目调性下的合理可控范围
这个项目的主题是日式饮食,提到日式文化很容易联想到的就是手工感,格调感与温度感,所以字体选用手写体,构图上体现格调感。
先划分空间,确定构图形式,这里选择了满版构图的形式,绘制网格系统,大致确定图片的位置,自由分布即可。
文字信息这里选用的是直线分布,阅读识别性上更好,编排可以选用纵向与横向综合运用,匹配空间的形态。
根据空间的形态选择相应的配图,由于图片比较多,所以可以根据空间的形态去调整图片的方向或者大小,裁切或者遮挡即可。主标题选用的是手写体,日字笔画比较少,所以缩小一些,食字笔画多,可以放大一些,字体的内白控制更均匀。
接着添加画面的细节,首先添加分割线,用线将元素之间的空间划分的更清晰。接着优化主标题,添加太阳,樱花以及鲤鱼旗元素。
如果想让画面的统一性更强的话,可以同类色搭配,也可以选用对比色。
字体形态指字体用的特殊形态效果,比如描边,二次设计,裁切,模糊等,以及字型本身对信息识别性的影响。
线描的字体形态由于其线元素的特征,相较于面的形态识别性会弱,但是会更灵动;而裁切的效果则是通过二次设计,将文字通过删减笔画达到一种设计效果,识别性虽然不如完整性,但是更有视觉性;模糊的效果就更直观,识别性肯定低,但是用在氛围表现中还是不错的;书体本身的结构比如草书识别性就相对较弱,但是艺术性比较强;最后就是字重的区别,比如纤细与粗犷的字型识别性都相对较弱,但是具体应用中,纤细的字型往往用在文艺的项目中,粗矿的字型往往用在有冲击力的项目中,都会取得不错的效果。
海报以满版构图的形式烘托了画面氛围,字型上都是偏纤细的形态,细腻,素雅。效果上通过模糊的手法进行了二次处理,识别性降低,但是营造了氛围性,具有表达事物某种影像的视觉感受。
海报整体以暗灰色调为主,项目气质上偏沉稳,格调感,主视觉文字以线描的形态展现,识别性比较低,但是比较有逼格,字型上也是选择的比较粗犷的形态,如果选择纤细的字型再加上线描的形态,我们可想而知,文字已经很难识别出来。
海报的主视觉焦点是书法体与人物的组合,通过穿插叠压,且人物下部分以水墨笔触进行置换,中国风的韵味十足,书法体以洒脱张扬的草书字型表达,识别性虽然低,但是与项目调性非常吻合。
海报中主视觉是上半部分现实空间的营造,悬浮的人物与台阶,共同构成了下面的投影,非常巧妙的形成了标题字,场景感与寓意感都不错,主标题以裁切的形态呈现,识别性虽然降低,但是格调,文艺。
下面用一个案例来演示具体在实际设计中,字体形态对识别性的影响,以及在项目调性下合理可控范围。
这个项目的主题是汉服之美,气质就偏汉文化与格调感,使用上以宋体与书法体为主,宋体更加雅致,书法体更偏飘逸,留白的空间可以更大。
构图上选用的是上下分割构图,气质上更偏平稳,安定,版心收缩,留白空间扩大,透气性更强。
确定文字信息整体呈现点的分布形式,气质上更加随性,自由,识别性不是特别好,但是氛围性强,采用了局部笔画裁切手法。
主标题用圆形线框修饰,双圆形比较符合文化的特征,另外画面中添加短斜线,灵动自由,符合气质的同时使画面更丰富。
提取人物身上的蓝色,稍作调整填充画面背景,裁切的点文字用人物身上的粉色填充,形成冷暖对比,色彩上较丰富。
好了,今天的课程就到这,篇幅比较长,你可以收藏起来慢慢看~
版权声明:{{article.isOrigin?'本文系字由用户的原创内容,未经许可不得以任何形式进行转载':'本文转载自互联网,如有问题请通过意见反馈与我们联络'}}
文章评论
还没有人留言
查看更多 >