分享

设计不会使用字体?分享几条技巧帮助你

 习悟斋 2019-01-30
设计不会使用字体?分享几条技巧帮助你

前言

字体对于很多设计师而言都是再熟悉不过,而在版式设计中它也充当着版面中的最小视觉识别单位,承载着项目名称和项目说明性信息的作用,而字体的字形种类繁多,应该如何选择更合适的字体是很多设计师再头疼不过的事情,本期就为大家分享关于选择合适字体的正确打开方式。


影响字体的三大因素

设计不会使用字体?分享几条技巧帮助你

项目调性

设计不会使用字体?分享几条技巧帮助你

受众人群

设计不会使用字体?分享几条技巧帮助你

信息权重


项目调性

项目调性,顾名思义,就是项目的气质。而对项目调性的把握能力则需要我们平时工作学习中所不断积累的对很多行业的相关知识(这也是对设计师后期水平制约的重要因素)。

当然除了知识经验之外就是我们对一些项目直接性的心理感受。这是从生活经历中体验所得。比如青春类题材,这是大多数人成长过程中都会经历到的阶段,基本上都会有个大概的印象:美好的而又值得回忆的,如风一样轻盈的感觉。那么在字体的选择上就不会去选择过于浑厚的字形了。


设计不会使用字体?分享几条技巧帮助你


演唱会项目 / 无衬线体(黑体)

这是一张国外演唱会的海报,具备比较强烈的商业气质,画面中运用无衬线体。通过数字和英文的图形化属性更好的增强了文字跳跃率,加上环绕文字周围的音乐元素和人物,视觉点塑造的很好。

设计不会使用字体?分享几条技巧帮助你


雅致项目 / 衬线体(宋体)

这个画面是关于地产类关于别墅的项目,在字体的选择上选用了宋体,用宋体本身字形上的精美特性表达别墅项目高端雅致,极有品质感。当然也可以用细黑去表达,海报也分主海报和分海报,有些分海报只用以销售用的,有时也会使用粗黑吸引人注意。

设计不会使用字体?分享几条技巧帮助你


民国风项目 / 书法体(民国符号)

上图是属于典型的民国时期的海报或者说是民国风格的海报,一般有明显时代感的项目,字体的选择上也尽量去匹配该项目本身的历史感和年代感,字体也多用特殊技法去呈现,比如用斑驳的肌理置入字体中,气质更为沧桑与厚重感。



案例实操


文案信息

设计不会使用字体?分享几条技巧帮助你


设计不会使用字体?分享几条技巧帮助你

梳理信息

第一步先梳理信息,将字距行距这些基本的规范做好,主标题的字距尽量小一点,视觉点会更好,说明性文字的行间距尽量保持在一个字符或者1.5倍(或者更大,取决于空间的分布情况,但是切不能过度)的高度。在一个版面中功能性文字行距一定要大于字距,否则会对信息的阅读性造成很大的干扰。

接着按照信息的重要性建立基本的大小层级关系,确保信息在版面中的跳跃率,比方说主标题大于副标题,副标题大于小标题,小标题大于内文信息等。


如何为项目选择合适的配图,

什么样的配图比较合适呢?


设计不会使用字体?分享几条技巧帮助你

图片选取

合适的图片首先取决于项目的主题,这次香港音乐节的主题:走!去香港狂欢。

主题的感觉给人以参与感与火爆感,那么找图的方向就要倾向于比较有热闹氛围的场面,通过上面两图的比较,很容易看出来2图更为合适,最上面的1图本身气质偏安静与品质,更适合表达一种音乐的格调。


确定版心

设计不会使用字体?分享几条技巧帮助你

确定版心

首先确定好版心,页边距比例设置为1:1:1:1的比例关系,比较正式规范。在分出六个分栏的网格,规范好信息间的位置关系。


图形属性

设计不会使用字体?分享几条技巧帮助你

图形属性

如何去文字去塑造一个视觉点,就要考虑到信息的图形式属性,英文本身就具备很强的图形属性,首先可以选用一款英文字体,字形上倾向于瘦长型,可以更大比例的占据空间,视觉美观而又有高级感。



版面分割


设计不会使用字体?分享几条技巧帮助你

版面分割

为了更加匹配项目的调性,采用了切斜的色块与线性元素分割了版面,这样可以使得画面氛围感更强,同时图片也进行了相应的分割。保持了方向上的统一性,而且图片裁切记得头颈肩关系的处理,不能将比较重要的部分裁掉。


色彩呼应

设计不会使用字体?分享几条技巧帮助你

色彩呼应

色彩是直接影响心理感受的重要因素,这里的色彩提取了人物衣服色彩,产生了色彩上的关联性,统一感更强。加上红色本身会给人热烈激情的心理感受,进一步深化了项目主题。


设计不会使用字体?分享几条技巧帮助你

渲染氛围

将陈列好的信息放置在版面中,以英文作为大的装饰点,也渲染了热闹氛围。但是我们是否还可以以另外的中文字体表达呢?当然可以。

设计不会使用字体?分享几条技巧帮助你

书法体

将主标题的字体由黑体换成书法体,书法体尽量不要简单的陈列,需要将部分字体错位营造节奏感,并利用大小的层级关系做出空间感。这里的“走”字也变成了红色,为了产生色彩的呼应,对比中又有统一性。由于书法体的标题组合形式是纵向形式,所以副标题的内容就要相应的调整到合适的位置。


最终版面

设计不会使用字体?分享几条技巧帮助你

完成稿

完成稿(副标题和内文信息用了20%的灰度,用以反衬主标题,而且画册的设计中也要谨记一些要点,比如重要信息如人的面部,主标题的范围都不要放置在中间折痕的地方,特别是针对于P数比较多的画册,很容易折叠进去)



受众人群

在做一个项目或者产品营销时,前期很重要的就是做市场调研,其中受众人群就是市场调研的重要课题。毕竟一个新的项目或者产品推广市场时都要明确其相对应的人群,这样才能最大程度的规避营销定位上的失误。比如说剃须刀针对的是男士,若我们推向女性显然就不正确。而口红针对是对女士,反之也是不对的。

而有些项目比如地产小户型,针对的是年轻一族,再比如节日类项目,儿童节针对的是就是小朋友,而不能设计的太过于成熟化,那么在字体的选择上就会偏卡通体与手写体,更自由活泼,偏商业沉稳的黑体就尽量不去使用。


设计不会使用字体?分享几条技巧帮助你


案例实操

文案信息

设计不会使用字体?分享几条技巧帮助你


设计不会使用字体?分享几条技巧帮助你

同样先将信息的字距行距段间距规范好,主标题和内容信息建立基本的层级关系。

从内容可以得知该项目是一个促销类广告,受众人群是指3岁以上的儿童,在整体画面的构图形式上就要更加灵活自由,选用的字体也要更偏卡通手写体,色彩上也尽量以高明度的色彩为主。



设计不会使用字体?分享几条技巧帮助你

字体选择

这两张优秀的海报在字体选择上都选用了卡通体作为主字体,经过字体间的组合排列,整体圆润饱和,更为活泼童真。

设计不会使用字体?分享几条技巧帮助你

主体形象

在海报主体形象的塑造方面,左边海报是借助儿童套餐的食物与餐具组合成一个大大的笑脸,趣味性十足;右边海报则是通过儿童与卡通元素的组合凸显童真的特点,在主体形象方面都会使人印象深刻。


设计不会使用字体?分享几条技巧帮助你

信息规范

首先将信息分布在画面中,建立基本的大小层级关系。调整好字距行距段间距这些基本规范。


文字选择

设计不会使用字体?分享几条技巧帮助你

文字选择

主标题选用卡通体作为主字体,复制一层叠加出立体感。字体本身会更加饱满圆润,视觉感更好。


提取信息

设计不会使用字体?分享几条技巧帮助你

提取信息

乐涂十年校庆,提取最关键的信息,十年的“十”,作为主视觉点刻画,而且数字本身的图形属性也是比较强烈,同样的复制出一层叠加与主标题达成统一。


设计不会使用字体?分享几条技巧帮助你

图片分布

将处理好的信息按照层级分布在版面上,由于营销的信息点比较多,各信息组的间距就变得比较重要,否则就会感觉信息比较散乱。图片排布的形式整体上用曲线的形式表达,每个配图也都采用了和主标题与数字"10"相似的表达形式,灵活童趣,而且也更为统一。


设计不会使用字体?分享几条技巧帮助你

色彩运用

接下来将其他关键性的营销点也做个形式上的统一,数字“5”、“7”图形化处理,引导性更强;“手工类”和“绘画类”两个小标题用线框的形式去更好的归类,形式统一,视觉点也更好。色彩上选用了高明度的淡黄色,背景上用圆做了二次划分,明丽活泼。


最终版面

设计不会使用字体?分享几条技巧帮助你

最终版面

最后在背景的划分空间上置入点线的元素,点和线都分别采用了重复构成的形式,节奏感更强,色彩上用白色去作为视觉上的缓冲,与黄色之间的明度也更为接近,统一性较强。



信息权重

信息的相对权重就是指在一个版面中各信息的重要性(这里单指字体信息,信息还包括图片信息与图形信息),根据重要性去匹配信息的展现形式,比如说字体粗细的变化,字体大小比例的变化,字体灰度的变化,当然也有字形的变化。

信息权重在版面中针对于信息层级的对比是非常重要的,特别是距离比较近的信息,比如说主标题与副标题,小标题与内文信息,距离越近信息权重的视觉感受就会影响越大。反之亦然。当然还包括一些点线面与字体的混搭也是如此。


设计不会使用字体?分享几条技巧帮助你

线性框与主要信息的搭配

这个画面的主要信息除了从色彩上与其他信息进行了区分,而且位置也是比较考究,与人的眼睛放置在平行空间,再者线性框的运用呢,再次深化了这种关系,而且线性框的粗细与字体的粗细相差无几,这样在信息权重上就是比较均衡的,反之线性框太粗或太细都会显得比较突兀。如果线性框离信息比较远的时候这种突兀的感觉则会根据距离弱化。


设计不会使用字体?分享几条技巧帮助你

标题与主要信息之间的搭配

这个画面标注的信息就属于标题信息间的权重关系,最简单的区分方法就是主标题如果是粗体,那么离主标题比较近的重要信息比方说副标题就尽量也使用粗体的字形,反之亦然,这里指的是字形,不限于字体本身,也就是说不是说黑体只能与黑体进行搭配,而不能与其他字体混搭。

设计不会使用字体?分享几条技巧帮助你

线性框与主标题以及副标题的混搭

这个画面属于线性框与主标题以及副标题的混搭形式,我们可以观察到,副标题的字体粗细还有线性框的粗细都不会过粗或过细,这就是信息之间的相对权重,对于主要信息组的刻画起到很好的引导作用。


案例实操

文案信息

设计不会使用字体?分享几条技巧帮助你


设计不会使用字体?分享几条技巧帮助你

信息规范

第一步还是先将信息的阅读性规范好,处理好各信息间的层级关系。在版式设计的前期一定要先将这些基本规范处理好,不要急着去找素材,那样会浪费掉很多的时间,规范才是第一步。


设计不会使用字体?分享几条技巧帮助你

图片确定

最终选择这个图片,一个女孩的笑容,放松自然,无忧无虑的笑,幸福满满。可以依据这个感觉设计一个清新文艺的画面。所以在前期构思画面时尽量去寻找一个感觉,感觉的寻找是通过不断的思考与经验的总结才获得的,也称之为设计的“意识”。


设计不会使用字体?分享几条技巧帮助你

图片的二次加工

将主要的配图放置在画面中,绘制1:1.4的白银比例网格,将人物的位置做个调整,左边的配图人物比例相对于右边的更大,从整体思路上的文艺清新的调性上来看,右边的画面更加的适合,且右图的空间感与呼吸感更加良好,需要注意一点裁图的技巧,即裁图的时候如果要保留上半身,一定要让人物的手漏出来,视觉感受会更加良好。


设计不会使用字体?分享几条技巧帮助你

信息分栏

绘制三个分栏,利用分栏让信息变得更规范,而且信息体量相对较少,画面气质偏文艺,将信息分栏出来会更轻盈,信息之间也会产生更多的变化,丰富画面,且信息的灰度需要降低两个级别。


设计不会使用字体?分享几条技巧帮助你

编排形式

文字的编排形式由横排变成了纵排,由于纵向排列在阅读性上要弱于横向编排,所以字距和行距都要比横排时要设置的大。

接着就是字体的变化,用宋体要比黑体显得更清新文艺,这里并不是说不能用黑体,而是宋体进一步深化了画面清新文艺的气息。


最终版面


设计不会使用字体?分享几条技巧帮助你

字体视觉点

提取主标题作为一个大的视觉点,这里用的字形就要考究了,不可以用一般的黑体,更不能用粗黑,当然也不能偏卡通体。

字体可以选用宋体,但是用细黑体同样也是可以表现出干净简约的效果,所以宋体和黑体并不是说不能并存的,而是取决于字形。也就是我们所说的信息相对权重。


设计不会使用字体?分享几条技巧帮助你

最后再尝试一版日文款,选用的字形也要是满足细体,相对权重也是均衡状态,其实道理都是相通的。由于日文的图形属性更强,所以变成黄色也是很有设计感。


总结

本期教程重点讲述了影响字体的三大因素——项目调性,受众人群和信息权重,也通过实例更加详细的说明了字体的使用方法。

不论是任何方法都需要我们平时不断的积累总结与思考,把理论与实践相结合,才能进一步突破自己。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多