排版《玉女心经》之字我感受(下篇)

用户头像
成都/设计爱好者/5年前/68645浏览
排版《玉女心经》之字我感受(下篇)
用户头像
大猫404

继续修炼排版神功!

今日,寡人又踏月而来!


有人问我,猫老师发生肾么事了?


还不是因为今儿个,

咱要传授这个「字我感受」的终篇,

美术字、字体疏密和字体搭配嘛!





闲话少说,咱赶紧开始,

先来看下字体疏密~


字体疏密其实就是字距和行距,

行距比较简单,中文一般设置1.5倍-2倍之间!

关于行距,可以看寡人两年前写的《内文编排》章~


所以这里的字体疏密,

咱们重点说说「字距」,

照例先来看俩问题~



下面俩版面,哪个更有品位?




看到「C」,我啪的一下就选了,很快呀!

为啥「郁郁寡欢C」显得更有品味呢?



主要是「C」的字距很大,看上去就透气,

给人感觉就有格调,有品位!

颇与本猫的气质相符~




而「洋洋得意A」,视觉效果也是可以的!没啥问题~

但在品位上,由于字距较小,所以不如 C


如果换种问法,比如说「整体性」之类的,

那「A」就可以翻身农奴把歌唱了~






下面看第二个问题~


下面俩版面,哪个更有冲击力?



听这名字也肯定是「气贯长虹A」鸭,

毕竟气息奄奄的「C」,打的拳肯定是软绵无力的!

难道说,这是混元形意太极……





眼看要被各位打,

寡人又比较大意,经常没有闪,

那就只好讲点武德,认真讲讲了~




「A」更有冲击力,是因为标题紧凑,

显得更有重量,冲击力和视觉张力自然就大!




而「C」标题比较放松,间隙就大,

力量不就被分散了咩~






试想一下,下面两种挨揍方式要二选一:


  1. 霸气老猫,战斗力 500,打你一拳~

  2. 透明小猫,战斗力 5,打你一百拳~



相信只要不是受虐狂,

都会选择被小猫打,

毕竟这么轻松,全当按摩捶背了~




有人问,选老猫的后来咋样了?

那可就好玩了,一拳就满地爬了,

真是妙哉妙哉!


理儿就是这个理儿,本猫真是个举例小天才~


所以要想重拳出击,

那一定是要一拳打到满地爬那种,

自然就选「气贯长虹 A」了!



上面俩例子,

造成不同结果的原因就是,

字距的不同~



而用好字距,记住两个关键点就阔以啦:


1.字距越紧凑,品质感越低;但冲击力、力量感会越强。

2.字距越宽松,品质感越强,给人感觉轻松、精致;但力量感、冲击力弱。



咱先看看紧凑字距的例子~


这图是老常客了,用粗衬线体加倾斜的形式表现冲击力,

理所当然,用紧凑字距~





这个映画祭的海报,标题又大又紧凑,

传达的冲击力也是非常强的~




运动、对抗类等强调冲击力的版面,

一般也会采用紧凑字距~





再来看看宽松型字距的例子~


这图又是一个老客人了,很精致,且又贵又高端,

这里又用了宽松型的字距,显得我等尘民更买不起了!





时尚优雅的版面,宽松型字距也能很好表现哟!






台湾一招生海报,标题文字均用了宽松型的字距,

给人感觉透气又精致!




《小森林 · 夏秋篇》的海报,

英文字距适当拉宽,给人感觉很惬意~






在寡人的小皮鞭下,

众爱卿已经对字距有了初步的了解~


那么咱们就继续往下看~

来说说「美术字」吧!



与「字我感受·上篇」结合来看,倍儿棒!

请戳这里~




在上篇中,咱们讲了前 6 种字型,

现在终于轮到「美术字」这个小尾巴啦!







原则上,所有设计的字体都可以算作美术字,

但在里鸭,寡人将那些无法划分到上述6类的字体,划分到这个分类里~


在寡人的功法中,

美术字可是保罗万象,

但大致上可分为三种:


1.常规美术字

2.复合美术字

3.新锐美术字


下面咱们分类讨论:





这类字体,可以看做是那种比较常见的标题字体,

比如「综艺体」「菱心体」「刚艺体」等等。



常规型美术字比较刚,

基本都是方方正正的,

比较适合做冲击力较强,

或者活动感强烈的的标题。




用了这种美术字,整体活动感就会变强~

适用于活动、促销Banner等。




很多战斗、机甲等电影海报标题,也会用这种字体,

方方正正,比较坚硬,也比较有冲击力!




运动类的海报,为了体现冲击力,也经常使用类似字体。







说完常规美术字了,那么复合美术字是撒子?




复合美术字,就是同时兼具两种及以上特征的字体~


比如「汉仪润圆」


他有宋体的感觉和结构,但却不是宋体,

没有宋体的三角特征,反而笔画比较圆润,


那么汉仪润圆就兼具了「宋体」和「圆体」的特征。




有这两种特征,也就有了这两种字体的部分感受,


所以汉仪润圆,

即有宋体的精致感,

又有圆体的丝滑圆润感,

比较优雅柔美。




咱又祭出了这张「窈窕淑女,大猫好逑」的图~

只不过右边的标题,

寡人换成了「汉仪润圆」,


他们的气质也发生了细微的变化~




相对于宋体,润圆更能表现女性优雅、精致的感觉~

而且比较圆润,更注入了一份「柔美感」





再比如日本的「すずむし体」


字的结构是跳跃的卡通字结构,

但笔画特征上却有宋体的感觉,


横画末端有隆起的装饰,

转折和链接处都有宋体的特征。



所以这个字体是「宋体+卡通体」的复合美术字,


传达的感觉嘛,

既有卡通字的活泼感,

又有宋体的秀气感,

跟普通的卡通字感受是不同的~


这系列的旅游海报,用的就是这款复合美术字,

所以既有轻松活泼的感觉,又非常秀气,

不会过于低龄幼稚~



另外,

复合型美术字,

不仅能结合中文字体的特征,


也可以结合英文体的特征,

而这个形式,

在「字体设计」中叫作「西文中用」~


这款「暗夜骑士」字体,是在宋体的基础上,

结合哥特英文的笔画特征设计而来,


所以虽然是中文,

却也能传达「哥特体」的感受~




通过这几个例子,

相信爱卿也晓得「复合美术字」的概念了,

那么众爱卿,平常可以多看看身边的美术字,

观察观察他们都结合了哪种字体特征哟~





接下来,咱们看一下「新锐美术字」






这种字体非常好区分,

多指形式非常有设计感的字体,

比如下面几个~



一看这形式就特立独行,很有设计感鸭!

新锐美术字给人的感受就是,

有设计感、形式感,并且不拘一格!



有些新锐美术字虽然形式感强,

但结构上还是具有其他字体的特征,


拿「方正基础像素」和「汉仪六字黑」来说,

他们的结构跟卡通字形一样,也是跳跃的,

所以在形式感强的同时,也能传达活泼的感觉~




下面看一下新锐美术字的例子~


这个海报主标题通过字体设计,让画面更有艺术感和独特感~




主标题有像素感,也能传达不一样的设计感受~




王志弘所作的《幽谈》封面,「幽谈」俩字经过图形化处理,也非常具有设计感!




这几个案例中,用的字体形式感都比较强,

相比字库字,能传达更独特的感受~





美术字这一尾巴也终于说完了,

最后,咱们来看一下字体搭配!



字体搭配


字体搭配,咱主要讲一哈中英文搭配~


下面那个搭配更和谐?


这一看就选了下面的!啪的一下,很快呀~


上面的组合为「方正风雅宋+自带的英文」,

虽然属于一套字库,

但看上去就是不和谐,

跟下面的相比差远了!


而下面组合,

虽然另外选了英文字体,

但却非常和谐舒适。


这和谐度,

简直跟大猫的黄金身材比一样~




所以,

为什么要做字体搭配呢?


正式因为,

大多数中文字库里的英文和数字并不精致,

与中文字的感觉也不匹配~


这种时候,要想做出和谐的设计,

那必须得掌握中英文搭配的法则~




搭配法则第一条:

字体的特征要基本一致~



同样拿风雅宋举例,

这款字体横画非常细,竖画比较粗,

粗细对比度很大~


默认的英文特征跟中文明显不同,

自然就十分不搭调了!


用寡人的话说就是,这么搭配欠抽!



而下面的Didot字体,

特征跟风雅宋太像了,

也是横画很细,竖画很粗,

粗细对比度很大,


两款字体特征一致,

那搭配在一起必须合适!



再看下面这个思源宋体


第一个同样是默认英文,

但英文的横比较粗,字体也不精致,

明显与中文字不能和谐的搭配到一块~


而下面搭配「Caslon」的,字体的感觉就差不多了!




再看下面这几个~



圆体配圆体,理所当然!


方正正纤黑具有黑体的特征,

又具有粗细变化,

所以搭配同样有粗细变化的无衬线体「Optima」,

必须非常和谐滴!



文悦古体仿宋,

搭配的「Schneidler」衬线特征也是差不多的!


至于最后面的濑户字体嘛,

默认的英文字体就很不错,比较匹配~

再说了,

卡通体配卡通体,也是理所当然的!





以上都是特征类似的字体搭配,

这种搭配,需要对字体比较敏感,


而培养字体敏感度并不难哟~

只需要平常多注意,

多去比对字体的特征,

不出几周,便可神功大成!




搭配法则第二条:

搭配字体的大小和字重要差不多!


这条很好理解,就是搭配的字体大小和粗细要差不多~



同样以「方正风雅宋」的搭配为例,

第一组中英文的字号一样,

但视觉上,英文比中文小一圈,

这是很不和谐的~


而第二组,

通过视觉调整,

两者视觉上差不多,

自然就更和谐!




说完了字体大小,

咱再来看看何为字重一致,

以「方正兰亭刊宋」为例~


第一组搭配的「ITC Garamond」,

虽然英文选得是这系列字体中最细的,

但视觉上还是比中文粗不少,视觉上也很不和谐~


第二组英文换成了

更细的「Cormorant light」,

就比较和谐了!



当然了,这么细的衬线体是比较少的,

如果找不到,我们也可以选择另一种方案,


也就是第三组,搭配「Helvetica Light」,

虽然是无衬线体,


但字重一致,问题也不大,

只是视觉呈现上,不如衬线体好~


这就是咱说的,字重一致!


第四种,刊宋自带的英文字重和风格都比较匹配,

也是一个比较好的选择~





总结来说,

要搭配和谐的字体,

那一定要遵循两点:


1.风格特征一致

2.大小粗细一致


简单粗暴!





字体搭配的方式,

不局限在同风格这一种,

但最基础的规则就是咱们今天说的,


在掌握这天地法则的基础上,

各位道友日后便可以「信手拈来,不破不立」,

到时便可突破天地法则,渡劫飞升!




毕竟设计做到最后,

你会发现,

所有的规则都不算规则,

都是可以突破的!


咱们《玉女心经》

自然也不例外~





Ps:

近些年,国内字体厂商也越来越重视英文适配的问题,

所以一些新字体,英文适配已经做的不错,

且,有些老字体也在翻新适配英文~




至此,咱们「字我感受」神功,终于完结了~

上中下三篇,洋洋洒洒一万五千字,

众爱卿可要在寡人的皮鞭下好好修炼哟!


「字我感受」完结,

下回,咱们就讲讲新东西啦~


以上~




咱也不知道咱这套《玉女心经》有木有把「字我感受」说清楚,


所以各位大佬,留言告诉寡人吧!


这篇文风这么搞,咱就要这种不正经的,轻松愉快的氛围。所以,点个赞吧~

2674
阅读原文
|
举报
|
1676
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
活动,优惠,平面,海报,特惠
空的平台平面和自然景观
金色颗粒质地的平面
平面人物插画
平面书法字手写
海底世界插画
玄关入门地毯印花图案红地毯
倒计时,海报,平面
中国传统纹样创新图案设计
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
平面男孩喝咖啡插画设计
平面设计 吊牌设计
金色颗粒质地的平面
城阙凡花
金色颗粒质地的平面
城市园林平面布局航拍
金色颗粒质地的平面
平面插画设计女孩喝咖啡
学习,优惠券,平面,海报
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
课程海报,平面素材
城市园林平面布局航拍
城市园林平面布局航拍
空的平台平面和自然景观
登录注册