「在商城众多作品中,无论是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