趣解字体设计中的三要素

本篇文章是前几日聚会上做的一点小分享,现简单整理成图文形式再次分享给大家!现场有各路大咖当然更多的是一些设计新手,所以决定给分享一些字体设计的基础知识,相对于操作而往往这些讲起来不免有些枯燥,于是就想着用类比的手法讲字体的结构、笔画和细节,或许会轻松、有趣一些。

当拿起手中的笔设计一款字体的时候,你究竟在设计字体的什么?难道是简简单单做些变形或是拿字库字体稍稍修改即可完成?我觉得这或许是很多朋友的一个误区。

我不止一次的拿这组字当做反面教材,因为实在是太“经典”了。小到笔画细节,大到整体美感这组字显然都是欠缺的,整组字的状态像极了一个国外组合!

没错,我猜你甚至不知道这组合具体的名字,但杀马特、洗剪吹你肯定会脱口而出!你设计出来的字体设计作品肯定不愿意让人用类似词汇去描述吧。

当我们接到任务或者去做一组字体练习的时候,心里规划都是美好的高大上的,我敢肯定并不是一开始就奔着“杀马特”的目标设计的。那么为什么会跑偏呢?你可以归结到方法技巧不对又或是软件操作不熟练,是原因之一二但不完全是,更重要的一点是对字体本身了解的还不够。

就好似战场上的你兵书阵法了然于心,大军在握装备精良,只可惜对对手却只知一二,胜有几成?《孙子兵法》上讲“知彼知己,百战不殆;不知彼而知己,一胜一负;不知彼,不知己,每战必殆。”

所以想要设计好字体,除了必要的方法技巧,字体了解的是否透彻也相当重要。

一般来讲可以简单的将一个字体设计流程规划为:需求、过程、结果。先是有一个具体的需求,然后明确问题并制定设计方案着手设计,最后得出结果并评估是否符合最初的需求。其中的过程有多少辛酸故事就不描述了,但需要明确的是这一点,看下图。

结构、笔画和细节是字体的三个基本要素,我们把它具体到设计过程中你就会明确,每一个要素的设计都是要符合我们最初的需求的,而非随心所欲任性设计的。只有把每个要素做到位,并且三要素能够融合统一得到的结果才可能更符合需求。

下面就具体聊聊如上所提的三个基本要素,希望能够帮你更好的了解字体。

三个基本要素在过往的文章中也或多或少的提及过,今天咱们来点不一样的解读。

虽然现代简体字已经变得抽象,但依然有很多有象形的影子,字体也是有性格会表达,有着千变万化的形态,就像是一个个活生生的人一样,接下来我们一个一个来看。

结构×骨骼

结构是一个字的基础,就好像骨骼对于一个人的重要性。我们做字的时候可能有这样的经验,先去画一个基础的字体框架,然后依据框架再去填充笔画调整细节之类,这个框架就可以理解为基础的结构。

字体的结构和人体的骨骼一样是相对固定又是灵活多变的,这个应该如何理解呢?

首先人体的骨骼数量、位置是相对固定的,说白一点就是胳膊腿什么的都长在该有的位置上,字体结构亦是如此,就像上图的“永”字,笔画数量结构位置是相对固定的;

其次,灵活多变说的是骨骼可以在关节活动范围内任意变化,就像是我们看到的可以做出不同的动作,而字体的结构也同样可以在一定范围内做变形,甚至还可以伸长缩短比起骨骼更为灵活。

那么显然不是想怎么变都可以的,还是有一定的规律范围的,那么结构变化具体需要注意那几点呢?

以上三点,是我总结出几个结构变化中很容易入坑的点,特别是对于刚刚接触字体设计的朋友,看名字是比较抽象,且听我细细说来。

1.基础之上

我们去设计一款字体的时候设计的并不是结构本身,结构是相对固定的,我们要做的其实是在原有基础上做一些“动作”,并不是去生造一个结构生造一个没有的字,不要觉得夸张,不少朋友设计了半天自己都不认得到底是什么字了!

2.副笔变化

结构中的每一笔是有主副之分的,在一组字体设计中我们去做结构变形时,尽量选择一些副笔变化,也是因为副笔可变性要更灵活,且不太容易影响整个字的识别性。

主副笔没有绝对的划分,一般的起到绝对支撑作用的我们就可以理解为是主笔,像是一些撇捺点之类的一般为副笔。

3.有章可循

很多朋友以为像是笔画需要有一定的规律统一,其实结构也是要有一定的规则约束的。结构是灵活多变的,但总归是有一定的范围和规则,就像是跳一只芭蕾舞动作的幅度、位置变化等是有规律有标准的。

笔画×肌肉

笔画像是人体上的肉一样,看起来会更饱满。我们先通过下图卡看人体的肉基本上有那几种“状态”。

瘦、胖、肌肉、肥肉基本上会这样形容一个人身上的肉,这四个基本上可以对应到字体笔画中的几个基本状态,细、粗、直、曲,仔细想一想是不是就是如此呢?

这个字的笔画粗细设定到多少才算合适?这是不少朋友会问我的问题之一,其实粗细并没有一个绝对的数值,笔画细就会显得轻盈,笔画粗就会看起来比较敦实,所以要根据实际的需求来决定笔画粗细的数值,好比要选一名相扑选手那肯定是胖点为好,选一名维密天使显然瘦些更妙。

上面是两组相同的字,一个是等线相对较细一个是笔画相对较粗的状态,对比你会发现给人的感觉是有极大的差异的。

在一个就是笔画的曲直,曲线会更多写亲和力,直线条就比较直接看起来会比较硬朗。

1.直线

字体中每个笔画都是直线条,棱角分明,这样更能够表现纸牌屋这个严肃的主题。直线作为字体笔画的轮廓也是最好把控的。

2.曲直混合

如果一组字中既有直线也有曲线,大多时候这组字给人的感觉是比较中性的。像是这组字有理性的直线也有感性的曲线,文艺范挺足。

3.曲线

如果每个笔画中线条变成曲线,是不是就像上图一样看起来萌萌哒,小宝宝身上一般胖墩墩的,和这个状态类似。

细节×服饰

细节就像是人所着的衣服和佩戴的饰品,很大程度上能够直接反映一组字的个性风格。如果一个人带着一串两斤重的金链子,仅凭这一点我肯定不会判定他是文艺青年,而在字体设计中细节有时我们都很难察觉,但不代表他不重要,也恰是这些细节让整个字个性更为凸显更有品质感。

这组案例出现在上一篇文章中,直接偷懒又把他拽过来了,勿怪。

很典型的缺少细节修饰,笔画只是简单的罗列,所以整体看来没有一点的感染力。

同样的结构我们将原来的粗细一致的笔画稍作调整,在横笔笔画的收笔处做一点曲线上翘的样式,部分笔画间距略调整,对比图如上。

最后效果如图,除了上面所说的细节像是色彩、组合方式等等都是细节的一部分。

同样的处理方式,这里的横笔起笔也处理成收笔的样式,整个字在色彩和组合方式上相应的做出调整,和上一组字相比又有大不同。

以上是字体三个要素的分解。

下面咱们再拿出几个字体学堂中几个修改前后的字体进行对比,你可以结合上面所讲的结构、笔画、细节尝试分析一下,看看具体都是哪里做了调整,又是为什么要这样变化。

例一 匠品堂

例二 东游记

例三 云朗居

本次就分享到这吧先,以前的文章大都是深夜写的,这篇文章是利用下午的时间来写,感觉远不如晚上来感啊,那也就先这样咯!还是像以前一样希望本篇文章能够帮到你,哪怕是一丢丢!各位看官也可以加UI设计群一起学习587751709

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容