字体干货!为什么你的字体品质感很低?

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

不管是品牌设计、平面设计、包装设计、网页设计还是 UI 等,基本上各个方面的设计都会用到字体设计。因为其用途广泛,所以也成了设计师必须所掌握的技能。

字体干货!为什么你的字体品质感很低?

以下是正文:

大家好,我是大猫,本周给大家带来的是一个字体设计的评改视频教程。原作品是一个同学往期周练的作品。

视频如下,因为有实操过程,所以时长30分钟哦…↓↓↓

如果觉得视频不够清楚的话可以用电脑网页打开,观看高清视频哦!

下面是图文教程,首先我们看一下同学原来的作品。

字体干货!为什么你的字体品质感很低?

是不是感觉很糟糕?因为原作的结构有问题,而且“视”字变化的太过了,另外整体加的效果太复杂,影响观感。

要知道“阿里视频”是一个企业标准字体,所以最重要的就是识别性,如果是在识别性的基础上再加入一点个性、独特性就足够了。做标准字切忌不要过于花俏,如果是连最基本的识别与美观都体现不了,那就是一个失败的标准字设计。

所以我们首先要解决的就是结构的问题。其实要避免结构的问题并不难,在我们对字形结构缺乏了解的时候,可以借用一些优质的字库字的结构,视频中给大家演示的就是这种方法。

因为“阿里视频”互联网企业,所以其标准字也应有一定的互联网风格。那什么是互联网风格呢?我们不妨找一下其他类似企业的参考,如下

字体干货!为什么你的字体品质感很低?

以上都是互联网的企业,那么他们的字体有什么共性呢?就是字体笔画基本都是等宽的,横竖撇捺大致都一样粗细。另外都比较简洁,没有多余的修饰,这正是互联网企业标准字的一个特征。

符合横竖笔画差不多粗细,又没有多余修饰的字库字,黑体字形无疑是最合适的。所以我们可以选择思源黑体来做我们的结构参考字。

字体干货!为什么你的字体品质感很低?

在AI中输入好之后,可以用钢笔工具画骨添肉,把字体的基本骨骼搭建出来,如下

字体干货!为什么你的字体品质感很低?

可以看到我们搭建好后结构基本是没啥大问题的,在此基础上我们需要精调结构并给其加入一点个性的元素在里面,如下

字体干货!为什么你的字体品质感很低?

可以看到每个的形态都发生了一点转变,有个性的尖角元素出现了,在此基础上我们可以尝试倾斜的表现手法。

字体干货!为什么你的字体品质感很低?

倾斜之后需要我们继续微调,比如拉长了“阿”字的尖角,使之视觉更舒服。

调整到这里基本上就差不多了,为了体现效果我们可以简单做一个LOGO。这里我是用了阿里的首字母“a”结合代表视频的播放键创作了一个图形来作为此案例的一个LOGO,得到了最终的成品。

字体干货!为什么你的字体品质感很低?

那么本期文章就到这里了,我们下期再见!

原文地址:大猫设计(公众号)

 收藏