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

用户头像
成都/设计爱好者/5年前/68741浏览
排版《玉女心经》之字我感受(下篇)
用户头像
大猫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:

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

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

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




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

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

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


「字我感受」完结,

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


以上~




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


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


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

2675
阅读原文
|
举报
|
1677
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
中国传统纹样创新图案设计
牛奶乳液层次梯田平铺平面
城阙凡花
金色颗粒质地的平面
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
平面插画设计女孩喝咖啡
玄关入门地毯印花图案红地毯
空的平台平面和自然景观
水蜜桃和李子的平面水果图案
倒计时,海报,平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
平面书法字手写
平面设计 吊牌设计
平面风格黄绿色系花朵装饰
城市园林平面布局航拍
古风平面仕女与瓷器
金色颗粒质地的平面
海底世界插画
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
平面人物插画
城市园林平面布局航拍
金色颗粒质地的平面
平面男孩喝咖啡插画设计
你可能喜欢
相关收藏夹
大家都在看
登录注册