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