字体设计-小知识

用户头像
北京/设计爱好者/3年前/1100浏览
字体设计-小知识
用户头像
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
举报
|
22
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
平面插画设计女孩喝咖啡
空的平台平面和自然景观
中国传统纹样创新图案设计
海底世界插画
城市园林平面布局航拍
金色颗粒质地的平面
平面人物插画
课程海报,平面素材
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
玄关入门地毯印花图案红地毯
平面花卉图案扁平简约无缝拼接插画
平面书法字手写
金色颗粒质地的平面
古风平面仕女与瓷器
倒计时,海报,平面
牛奶乳液层次平面平铺平面
牛奶乳液层次梯田平铺平面
平面设计 吊牌设计
金色颗粒质地的平面
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
平面男孩喝咖啡插画设计
水蜜桃和李子的平面水果图案
“知识宅急送”外卖,快递,平面,海报,素材,教育
学习,优惠券,平面,海报
你可能喜欢
相关收藏夹
大家都在看
登录注册