字体情感


「在商城众多作品中,无论是H5还是海报都离不开文字设计,文字是界面中最核心的元素,是产品传达给用户的主要内容,它的承载体即是字体。」

 

一、字体三大法则

在视觉传达设计领域,汉字字体设计既是视觉上的装饰设计,也是文字内涵的视觉化传达,其中包含了文字内容及其表现主题的感情色彩。利用人的视觉感知对字体设计所进行的指导,是基于文字的涵义及其情感的基础上的,在看似严谨或随意的设计中,总有一条线索牵引着设计的进行。

-------------------------------以下内容来源于网络------------------------------

我们先来看看,字体的三大法则:字重、字型和字体。

1、字重

照例,先来看俩问题。

为了更易理解,咱这俩问题案例,都用黑体来表现~

 

问题1:下面俩版面,哪个更具力量感?

图片

一番感受下来,必须是「霸气侧漏A」更有力量感鸭!

「A」字体比较粗,比较厚重,看上去就有力量!Power!

「C」这么细的字体,这叫“缚鸡之力”嘛?这叫“手无缚鸡之力”才对,更别谈什么力量了~

 

问题2:下面俩版面,哪个更轻盈?

图片

又是名字暴露了一切,肯定是「轻如鸿毛A」更轻盈嘛!

「A」的字体比较细,感觉没啥重量,自然就轻了!

「C」这字体也忒粗了,指不定我哪天就被这块板给砸了哈哈哈~

 

是什么传达了上述例子中不同的感受呢?

答曰:字重!

字重,说白了就是字体笔画的粗细程度~

细的字体,视觉上比较轻,没啥重量;

粗的字体,视觉上就比较重。

学名“字重”,也就是这么来的。

 

以思源黑体为例,它有七个字重,

(这里引用网上大神做的图表,标明了不同字重的感受。)

图片

实际运用时,对照图表,选择契合模板气质感受的字重即可。

 

2、字型

也是先来看俩问题~

 

问题1:下面俩版面,哪个感觉更契合主题?

图片

主题是“释放狂野”,那必须是「狂放不羁A」更贴合主题呀!

「A」用的是奔放的书法字,比较有气势,狂野感就强!

「C」用的比较细的宋体字,给人感觉就比较文艺典雅。

 

继续看第二个问题~

问题2:下面俩版面,哪个感觉更契合主题?

图片

主题是“窈窕”,也就是“窈窕淑女”,那必须是「阳光正好A」更适合呀!

「A」用的宋体字,且比较高挑优雅,就契合“窈窕淑女”的气质。

「C」用的厚大粗重的黑体字,这就不是窈窕淑女了吧,这是女汉纸呀,一巴掌下来能把五指山劈烂那种!

 

选择合适的字体,关键在于了解不同字体造成的感受!

我们中文字体,基本可以分为这么7大类~

图片

1)宋体

先来说说宋体

图片

宋体历史悠久,又具有一定的人文气息,

所以能传达传统、典雅、文艺的感觉。

所以想表现这种感觉,就用宋体吧~

 

那么,宋体可不可以有现代、时尚的感受?

其实是可以的~

宋体在横竖笔画对比度极大的时候,具有现代时尚感,如下面这几种宋体~

图片

 

2)黑体

说完了宋体,咱再来说说黑体~

图片

如果你想传达有力量、理性、现代、简洁的感受,就可以选择黑体哟!

图片

路飞在积攒怒气,他身后用的字体就是比较粗的黑体!

大字重的黑体让画面更稳重,也使力量感更强哟~

 

图片

学术类的严谨的版面,用黑体也是完全ok的!

能使画面看起来更专业、更严谨~

 

图片

想要现代高端的科技感?黑体也是不二之选哟!

 

3)圆体

然后我们接着看看圆体~

图片

圆体的现代感跟黑体差不多~

不过相较于黑体,圆体更丝滑圆润,

另外没啥棱角,感觉比较舒适~

除了上述感受,

圆体在小字重时具有女性感,这点跟字重那部分同样的原理,

但在大字重时会有更多的儿童属性,比较俏皮。

 

图片

大字重下的圆体,卡通感也比较强,适合表现一些趣味性的画面哟!

 

4)书法体

咱继续,说说书法体~

这里发书法体特指毛笔书法。

书法体大气磅礴,非常具有文化底蕴

图片

毛笔字给人的感受一向是比较厚重的

书法的历史,绝不比宋体短,

当然也就有很强的文化传统和历史底蕴~

行书书法字气势恢宏,颇有波澜壮阔的感觉~

所以想表现上述的感觉,用书法字准没错

 

图片

打击乐音乐会的海报用了书法字,放肆激昂!

把那敲击与激情表现的淋漓尽致~简直就是爆裂鼓手有木有!

 

虽说书法字气势如虹,

但不同的书法体也要分类讨论。

比如,

比较安静的、没啥飞白的楷书和隶书,

图片

传统感和文化底蘊感都有,

但相对于行书等比较张扬的字体来说,气势上输了很大一截。

 

5)手写体

继续,说道说道手写体~

手写体,就是指不加雕琢的手写字。

字库里的手写字,跟实际的手写体还是有很大差别的,

毕竟,字库字是单个的字,无法模拟字与字之间的笔画连带关系~

图片

手写体最大的特点就是随性,

根据不同的写法,会出现不同的风格~

可以青春放肆,亦可以岁月静好~

其次,手写体是很亲切的!

可以说亲和力相当高了~

毕竟手写字,是有温度,有情绪的,

不像黑体或宋体那版冰冷。

 

图片

百乐笔的海报,标题直接是用百乐笔写出来的!

既亲切,又直接体现了产品能力!

 

图片  图片

对比两张图,如果图里的手写体换成比较正式的字体,就会有点距离感了~

 

6)卡通体

咱再来看看卡通体~

卡通字相对于普通的字体,结构跳跃,大小不同,

且东倒西歪,看上去不是很严谨。

图片

 

卡通体淘气、活泼,是表现趣味和轻松的不二之选!

图片

儿童插画,自然也要搭配能代表童真轻松的卡通体啦~

 

7)美术字

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

但在这里,我们将那些无法划分到上述6类的字体,划分到这个分类里~比如「综艺体」「菱心体」「刚艺体」、「汉仪润圆」等字体都划分为美术字。

由于篇幅问题,我们在这里就不做赘述,感兴趣的同学可以看我们课后的补充资料,里面有详细讲解。

 

3. 字距

照例先来看俩问题~

问题1:下面俩版面,哪个更有品位?

图片

那答案当然是C!

主要是「C」的字距很大,看上去就透气,给人感觉就有格调,有品位!

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

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

 

问题2:下面看第二个问题~

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

图片

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

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

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

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

 

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

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

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

---------------------------------以上内容来源于网络----------------------------

 

「讲了这么多不知道大家有没有深刻的理解到呢~?

什么?还差点感觉?

那我接下来用商城的几个轻设计模板举几个例子吧~」

 

二、常见问题与案例

【常见问题】

制作模板时,标题字体选择与整体版面设计不搭;

整个版面字体使用过多,显得杂乱无章;

排版好看但是整体效果却不尽人意;

正文容易看不清楚。

【案例教程】

案例1>>

 

【模板】

图片

  • 问题分析

原模板:先来看看这个标题,标题字体字号非常小,一点自信的感觉都没有~所以我们应该从字重的角度去分析;而“我能行”这行字又过于纤细,整体就非常轻盈,还是一点自信的感觉都没有~~;最后正文那是各种看不清楚鸭!!总之就给人感觉“不自信X3"!!

  • 修改建议
    • 风格:整体风格因为有了那朵梅花,显得较为古典简约洋气,但是下面的拳头就非常的碍眼了哈哈哈~给我一种要打破这种风格平衡的感觉~
    • 字体:标题需要更具力量,感建议选用较粗的字体增加字重;正文字体是主要内容,所以应该清楚明显一些;

 

  • 效果对比

                      【修改前】                                                  【修改后】

图片     图片

 

案例2>>

【模板】

图片

  • 问题分析

原模板:标题使用白色不合适,且过于单调。因为添加了国风元素,整个风格应该较为古风。

  • 修改建议

风格:整体风格加上卷轴和战马所以偏向于武侠风;

字体:所以字体应该选择较为狂放不羁的书法字,正文字体颜色也相对维和。

  • 效果对比

                        【修改前】                                                          【修改后】

图片     

 

三、方法总结

总结来说,

要搭配和谐的字体,

那一定要遵循两点:

 

1.风格特征一致

2.大小粗细一致

 

在想做一个模板时,如何选择合适的字体呢~

第一步:分析模板气质,根据图片、文案和需求来选择合适的整体风格;

第二步:根据整体风格,遵循字体三大法则,确定初步采用的字体类型;

第三步:确定适合的字体后反复调试优化。

 

字体搭配的方式,

不局限在同风格这一种,

但最基础的规则就是咱们今天上面说的。

 

四、补充资料

排版《玉女心经》之字我感受!(上篇)https://mp.weixin.qq.com/s/uFR3AsIY0jYi1ny9qJ4VfA

排版《玉女心经》之自我感受!(中篇)https://mp.weixin.qq.com/s/q3qaigA9GLZ71C5mbGqgIw

排版《玉女心经》之字我感受!(下篇)https://mp.weixin.qq.com/s/lbjO3Agk80ScOrtIa6TFcw

 


了了 2023年2月23日 18:17 收藏文档