1.3.36

字体设计-小知识

Recommand
北京/设计爱好者/2年前/996浏览
字体设计-小知识Recommand
NPCLab

整理了一些字体设计相关的小知识,希望大家能有所启发

“字体设计最主要的工作之一,便是如何巧妙的铺正人的眼睛错觉。”

——小林章

一:视觉平衡

1.黄金分割线原理

黄金分割值≈0.618

黄金分割是指将整体一分为二,较大部分与整体部分的比值等于较小部分与较大部分的比值,其比值为0.618。这个比例被公认为是最能引起美感的比例。

所以视觉重心如在黄金分割线上,视觉感受更加平衡。

2.上紧下松

对于上下结构的字来说,一般都有上半部分收缩,而下半部分开张的趋势。如下图中的例子:

故当我们了解了这个原理,那么在做字体设计的时候,可以根据基础理论做一些形态上的变化,我们看一组字体设计案例 (网图侵删)。

3.左紧右松(左收右放)

·横画的左紧右松

内部横左连右断,形成左紧右松的姿态。

·竖画的左紧右松

从空间上看,左小右大,从间距看,左紧右松。

·我们看一组书法体

所有笔画向中心攒聚,左部安排较紧,右部安排相对较松,同时左右之间穿插挪让,笔画之间密而不挤,紧而有序。

所以,大多数人心理上的中心点都在绝对中心点的上方稍微偏左的位置。字体的视觉中心会比实际中心位置高一点,这样字体才会更显自然。

·视觉重心:当视觉重心忽高忽低时,那么在阅读文字的时候会产生视线不集中感。当视觉重心在一条水平线上,视线才更集中。

4. 横细竖粗

“横细数粗“也是字体设计中的一个重要原则,很多字体遵循了这一点。

我们观察如下图:同样粗细的线条,由于视觉误差,水平的看起来要比垂直的粗。

拆解一下繁体的 “书”字也能发现这一点。

Futura是几何无衬线体,它的O看起来像是正圆,当我们和真正的正圆对比时,就会发现Futura的几何形状也是经过优化的,水平方向笔划微调修细。三个「圆」相比,Avenir虽然最不似正圆,但作为字母O却是看起来空间最舒服、最稳定的。

这是用圆弧和直线拼接起来的O,然而由于视差,却看起来有两侧内陷的错觉。将两侧稍微向外隆起一点点,并微调水平方向的线条,就能把生硬不圆润的圆形变为视觉柔和的O字母了。

X的造型原来不是斜线直接相交的结果,而是把斜线稍微错开,才能看起来像是相连的状态。并且为了避免四条斜线相交造成中间黑色部分太密集,中心位置的笔划略调细了一些。

虽然无衬线体的比划粗细基本一致,但实际还是有着细微的差距。从正面看到的A(左侧图)非常正常,然而当A被水平翻转后(右侧图),立刻就有了略怪异和不稳的感受,是因为A的右侧比左侧笔划粗。

5.重力环境下的视觉错觉

感受到右侧的东西容易看着小,左侧的东西容易看着大,所以我们写字的时候一定要注意右侧一定要稍微大一点,才能感觉两边是一样大的。

例如汉字中的朋与竸字:

二:负空间

负空间指的是字内部的空间,以及字与字之间的空间。

在字体设计过程中,设计师不仅要设计字母的笔划结构,更重要的要考虑负空间的设计,使之平衡和协调。

字体是由形体之间的空间来定义的。这有点像音乐,音乐不只是由音符,而是由音符之间的停顿来定义的。

1.单个字母内部的空间:「B」上下两个内部空间,必须上面小于下面,如果上下相同,那上面的视觉上看起来会更大,字母就会重心不稳。类似的字母还有S。

2.各字母间的相互平衡:字母之间也要取得负空间视觉上的一致。

3.字与字之间的间距:调整字母与字母之间的空间,追求视觉上分布匀称,而非数值上的均匀,以达到一种视觉的节奏感和平衡感。

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

同样字号的文字,圆形O和三角形的A要高于参考线。

5.形状不同,面积不同,视觉感受也不相同,在字体设计中,可以根据字体的形状来调整字面大小。

6.内白-内空间,内白大显大,内白小显小。笔画的多少影响字体的大小。

笔画越少的字,越会显大,越少越要压缩。外围空间要和内部空间有相对稳定平衡的关系。如果外围的空间非常小,你就觉得字还在不断膨胀。

12
Report
|
22
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
Be the first to comment
Log in