浅谈字体设计结构和重心和称线加强法

情趣文化2

情趣文化2

2016-02-16 19:23

今天图老师小编要向大家分享个浅谈字体设计结构和重心和称线加强法教程,过程简单易学,相信聪明的你一定能轻松get!

字体设计得先了解字体结构和组合形式,就像房屋装修一样,你得先了解房屋结构和框架才好进行拆墙重新装饰设计。所以首先了解2个我们常用的字体分类概念:

衬线字体(宋体):

笔画开始、结束的地方有额外的装饰,而且笔画的粗细有所不同。

衬线体粗细不同(可读性更佳)。大段落文章,增加阅读对字母参照参考。就像大家都穿了(衬)衣服和不同装饰物一样好识v别,装饰性强、有对比参照性。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

非衬线字体(黑体):

没有额外的装饰,而且笔画的粗细差不多。

简洁、时尚、轻松休闲、干净。笔画对比较弱,不及衬线字体。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

这2种字体概念联想起穿衣和没穿衣就容易好记,也很好理解。在字体设计中记住这2个概念针对不同类型字体做装饰性处理是关键。

结构特征

抛开上面2种我们常见的字体分类概念,我们在来复习下小学语文中的字体结构。

单体字:一个偏旁单独构成的字

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

合体字:两个或两个以上偏旁组合成的字

其中合体字又分:

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

汉子轮廓以形似方块,但是由于笔画不同,字体轮廓的形状就会呈现不同的形状,所以在视觉均衡上就会有些许视觉偏差。尤其是单体字和合体字组合笔画就会显得不好看。所以我们要在不同形状的字形上做调整和处理,让他们看起来更加完整、均衡。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

上图,等高、等宽的三角形、正方形、圆形我们会发现视觉上他们是不等大。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

顶格、缩格、出格就是针对不同结构的字体笔画特征进行微调,让他们看起来更加均衡、等大、视觉更完整。

平衡/杠杆原理

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

中学物理里学过杠杆原理:动力×动力臂=阻力×阻力臂 ,公式:F1×L1=F2×L2

时过变迁,也许有点难理解。结合上图,简单点讲:就是距离中心点越近,F2越重才能与离中心点远的F1平衡。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

结合汉字方格,中心点就是方格的垂直中心,例如体字,右侧本的垂直中心点B,单人旁的垂直中心A,B跟中心点的距离越近,A跟中心点的距离越远,整个字体组合字体重心才平衡,均衡。

当字体变形的时候,把字体拉长,或压扁都是同样的道理需要去细调偏旁部首让重心更平稳、均衡、视觉才更加完美。

单独看每个字都有一个独立视觉重心,设计字体就是要兼顾每个字体的重心,让整体更加平稳均衡。

一般规律:

(1)黄金分割线原理

黄金分割值≈0.618

按照黄金分割线0.618的位置我们可以把方格字按上下、左右结构的比例特质画出4条黄金分割线A、D、C、D。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

我们在设计单个字体结构的时候,可以参照黄金分割线的原理去调整不同笔画结构的字体,让其看起来更加美观。

(2)上紧下松

上紧下松的例子比较容易记住。拿长腿女人和长腿大叔做例子就好很贴切了。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

(3)横细竖粗

横细竖粗跟重力感觉相近,只有字杆粗壮(像树一样)才看起来更加平稳,舒适。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

(4)左紧右松

左紧右松跟视觉阅读习惯相关,就像我们阅读喜欢从左上角开始往右下角阅读一样。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

衬线字体的特征

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

第一期我们讲到宋体是最典型的衬线字体。衬线加强法,是在了解衬线字体笔画特征的基础上加强调整的设计方法。首先我们先看看衬线体的特征(以宋体为例):

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

宋体衬线特征了解后,我们会发现其实衬线字体笔画很多地方装饰性元素有共性,但有些还是有个性变化的。所以我们在做不同主题的字体的时候可以根据字体特征一般在笔画的开始位置(A)、拐角(B)或是末端(C)添加装饰性元素和设计(如上图),让字体显得更加个性,更有设计感。

个例分析

我们先看个设计的完整稿魔法的诱惑。该字体是DNF女魔法师的一个转职。

1. 设计之初,先是根据游戏角色,找了魔兽世界(游戏)、画皮(魔法电影)、哈利波特(魔法电影)的字体设计做了参考。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

2. 选取了造字工房的非衬线体版黑字体为原型进行设计。

选取合适的基础字体做变形是做字体设计的一个重要步骤,当然也可以在草稿上画好扫描进电脑再进行绘制也是可以的。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

这一步已经对字体的结构和重心做了比较多的调整和变形,具体调整方法参看字体故事1。接下来讲的就是本集讲的重点,衬线加强法。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

调整结构和重心的字体显然在视觉上无法满足我们的要求,这时候就要根据前面参看的游戏电影字体,添加装饰元素。

我们选取了魔法师类似巫婆的帽子、卷曲的类似枝条的形式,一些类似藤条的荆棘的元素。在笔画的开始位置(A)、拐角(B)或是末端(C)添加装饰性元素和设计。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

其实在什么位置上调整笔画和添加装饰性元素,有些同学可能有些迷茫,这里我举个简单的例子就很清晰了,还是拿女人做例子。女人要时尚和看起来个性如何装扮自己?

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

其实在什么位置上调整笔画和添加装饰性元素,有些同学可能有些迷茫,这里我举个简单的例子就很清晰了,还是拿女人做例子。女人要时尚和看起来个性如何装扮自己?

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

最后看看最终效果。运用同样的衬先加强法,该版本字体我也做了第二稿。不过第二稿是在把字体拉高,重心略微提上,觉得这样更符合女性的魔法特征和气息。不过最终确认还是上一版的效果。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

类举分析

致爱青春是之前致青春电影刚出来时,一块游戏的活动slogan。避免统一原版字体,我这里选了极细的衬线体做原型。然后在爱春的左右添加了树叶,体现清晰、青春、校园的味道。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

为爱而战是帮同事调整修改后的一个字体。比较休闲、娱乐性质的。所以稍微灵动一点的排列方式,使其看起来更加轻松活泼。在字体的笔画的很多位置加了尖角衬线效果的处理方式,加强个性和视觉冲击力。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

裙下之臣是之前做的一个游戏专题标题设计,看字体和名字就是女性类的。联想起妖媚的女性,选取了比较偏细风格的字体做变形,结合裙子,飘逸、起舞的造型对裙之下字的笔画做了重复和类比的装饰处理。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

超神英雄 是类LOL的魔幻竞技类的一款腾讯游戏,当初是参加一个中文汉化的logo比赛做的,也同样是调整了结构和重心后添加了类似LOL字体元素的衬线元素。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

海库需要的海洋的感觉,波涛、海浪,所以选择柔软的曲线,类似水泡的元素和浪花装饰字体笔画。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

地狱史诗 DNF的一个版本专题slogan。首页也是做了字体结构和重心调整,最后在4个字的不同笔画添加少量装饰元素使其更加个性。

浅谈字体设计结构和重心和称线加强法,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/pmsj/)

作者:高露洁

展开更多 50%)
分享

猜你喜欢

浅谈字体设计结构和重心和称线加强法

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
浅谈字体设计结构和重心和称线加强法

字体进阶篇!如何用衬线加强法做字体设计?

PS PS教程
字体进阶篇!如何用衬线加强法做字体设计?

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

详细解析如何用衬线加强法做海报字体

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
详细解析如何用衬线加强法做海报字体

网站设计思考:网站的目录结构和链接结构

Web开发
网站设计思考:网站的目录结构和链接结构

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

网站设计结构和网站优化的关系

Web开发
网站设计结构和网站优化的关系

JXTA技术的设计目标和层次结构

编程语言 网络编程
JXTA技术的设计目标和层次结构

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

29个国外经典黑白风格网站设计欣赏

29个国外经典黑白风格网站设计欣赏

如何为自己的女朋友拍摄一组时尚写真

如何为自己的女朋友拍摄一组时尚写真
下拉加载更多内容 ↓