本篇文章是前几日聚会上做的一点小分享,现简单整理成图文形式再次分享给大家!现场有各路大咖当然更多的是一些设计新手,所以决定给分享一些字体设计的基础知识,相对于操作而往往这些讲起来不免有些枯燥,于是就想着用类比的手法讲字体的结构、笔画和细节,或许会轻松、有趣一些。
当拿起手中的笔设计一款字体的时候,你究竟在设计字体的什么?难道是简简单单做些变形或是拿字库字体稍稍修改即可完成?我觉得这或许是很多朋友的一个误区。
我不止一次的拿这组字当做反面教材,因为实在是太“经典”了。小到笔画细节,大到整体美感这组字显然都是欠缺的,整组字的状态像极了一个国外组合!
没错,我猜你甚至不知道这组合具体的名字,但杀马特、洗剪吹你肯定会脱口而出!你设计出来的字体设计作品肯定不愿意让人用类似词汇去描述吧。
当我们接到任务或者去做一组字体练习的时候,心里规划都是美好的高大上的,我敢肯定并不是一开始就奔着“杀马特”的目标设计的。那么为什么会跑偏呢?你可以归结到方法技巧不对又或是软件操作不熟练,是原因之一二但不完全是,更重要的一点是对字体本身了解的还不够。
就好似战场上的你兵书阵法了然于心,大军在握装备精良,只可惜对对手却只知一二,胜有几成?《孙子兵法》上讲“知彼知己,百战不殆;不知彼而知己,一胜一负;不知彼,不知己,每战必殆。”
所以想要设计好字体,除了必要的方法技巧,字体了解的是否透彻也相当重要。
一般来讲可以简单的将一个字体设计流程规划为:需求、过程、结果。先是有一个具体的需求,然后明确问题并制定设计方案着手设计,最后得出结果并评估是否符合最初的需求。其中的过程有多少辛酸故事就不描述了,但需要明确的是这一点,看下图。
结构、笔画和细节是字体的三个基本要素,我们把它具体到设计过程中你就会明确,每一个要素的设计都是要符合我们最初的需求的,而非随心所欲任性设计的。只有把每个要素做到位,并且三要素能够融合统一得到的结果才可能更符合需求。
下面就具体聊聊如上所提的三个基本要素,希望能够帮你更好的了解字体。
三个基本要素在过往的文章中也或多或少的提及过,今天咱们来点不一样的解读。
虽然现代简体字已经变得抽象,但依然有很多有象形的影子,字体也是有性格会表达,有着千变万化的形态,就像是一个个活生生的人一样,接下来我们一个一个来看。
结构×骨骼
结构是一个字的基础,就好像骨骼对于一个人的重要性。我们做字的时候可能有这样的经验,先去画一个基础的字体框架,然后依据框架再去填充笔画调整细节之类,这个框架就可以理解为基础的结构。
字体的结构和人体的骨骼一样是相对固定又是灵活多变的,这个应该如何理解呢?
首先人体的骨骼数量、位置是相对固定的,说白一点就是胳膊腿什么的都长在该有的位置上,字体结构亦是如此,就像上图的“永”字,笔画数量结构位置是相对固定的;
其次,灵活多变说的是骨骼可以在关节活动范围内任意变化,就像是我们看到的可以做出不同的动作,而字体的结构也同样可以在一定范围内做变形,甚至还可以伸长缩短比起骨骼更为灵活。
那么显然不是想怎么变都可以的,还是有一定的规律范围的,那么结构变化具体需要注意那几点呢?
以上三点,是我总结出几个结构变化中很容易入坑的点,特别是对于刚刚接触字体设计的朋友,看名字是比较抽象,且听我细细说来。
1.基础之上
我们去设计一款字体的时候设计的并不是结构本身,结构是相对固定的,我们要做的其实是在原有基础上做一些“动作”,并不是去生造一个结构生造一个没有的字,不要觉得夸张,不少朋友设计了半天自己都不认得到底是什么字了!
2.副笔变化
结构中的每一笔是有主副之分的,在一组字体设计中我们去做结构变形时,尽量选择一些副笔变化,也是因为副笔可变性要更灵活,且不太容易影响整个字的识别性。
主副笔没有绝对的划分,一般的起到绝对支撑作用的我们就可以理解为是主笔,像是一些撇捺点之类的一般为副笔。
3.有章可循
很多朋友以为像是笔画需要有一定的规律统一,其实结构也是要有一定的规则约束的。结构是灵活多变的,但总归是有一定的范围和规则,就像是跳一只芭蕾舞动作的幅度、位置变化等是有规律有标准的。
笔画×肌肉
笔画像是人体上的肉一样,看起来会更饱满。我们先通过下图卡看人体的肉基本上有那几种“状态”。
瘦、胖、肌肉、肥肉基本上会这样形容一个人身上的肉,这四个基本上可以对应到字体笔画中的几个基本状态,细、粗、直、曲,仔细想一想是不是就是如此呢?
这个字的笔画粗细设定到多少才算合适?这是不少朋友会问我的问题之一,其实粗细并没有一个绝对的数值,笔画细就会显得轻盈,笔画粗就会看起来比较敦实,所以要根据实际的需求来决定笔画粗细的数值,好比要选一名相扑选手那肯定是胖点为好,选一名维密天使显然瘦些更妙。
上面是两组相同的字,一个是等线相对较细一个是笔画相对较粗的状态,对比你会发现给人的感觉是有极大的差异的。
在一个就是笔画的曲直,曲线会更多写亲和力,直线条就比较直接看起来会比较硬朗。
1.直线
字体中每个笔画都是直线条,棱角分明,这样更能够表现纸牌屋这个严肃的主题。直线作为字体笔画的轮廓也是最好把控的。
2.曲直混合
如果一组字中既有直线也有曲线,大多时候这组字给人的感觉是比较中性的。像是这组字有理性的直线也有感性的曲线,文艺范挺足。
3.曲线
如果每个笔画中线条变成曲线,是不是就像上图一样看起来萌萌哒,小宝宝身上一般胖墩墩的,和这个状态类似。
细节×服饰
细节就像是人所着的衣服和佩戴的饰品,很大程度上能够直接反映一组字的个性风格。如果一个人带着一串两斤重的金链子,仅凭这一点我肯定不会判定他是文艺青年,而在字体设计中细节有时我们都很难察觉,但不代表他不重要,也恰是这些细节让整个字个性更为凸显更有品质感。
这组案例出现在上一篇文章中,直接偷懒又把他拽过来了,勿怪。
很典型的缺少细节修饰,笔画只是简单的罗列,所以整体看来没有一点的感染力。
同样的结构我们将原来的粗细一致的笔画稍作调整,在横笔笔画的收笔处做一点曲线上翘的样式,部分笔画间距略调整,对比图如上。
最后效果如图,除了上面所说的细节像是色彩、组合方式等等都是细节的一部分。
同样的处理方式,这里的横笔起笔也处理成收笔的样式,整个字在色彩和组合方式上相应的做出调整,和上一组字相比又有大不同。
以上是字体三个要素的分解。
下面咱们再拿出几个字体学堂中几个修改前后的字体进行对比,你可以结合上面所讲的结构、笔画、细节尝试分析一下,看看具体都是哪里做了调整,又是为什么要这样变化。
例一 匠品堂
例二 东游记
例三 云朗居
本次就分享到这吧先,以前的文章大都是深夜写的,这篇文章是利用下午的时间来写,感觉远不如晚上来感啊,那也就先这样咯!还是像以前一样希望本篇文章能够帮到你,哪怕是一丢丢!各位看官也可以加UI设计群一起学习587751709