你与高手的字体设计差在哪儿?用案例告诉你答案!

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了你与高手的字体设计差在哪儿?用案例告诉你答案!相关的知识,希望对你有一定的参考价值。

UI设计中,我们通常会通过案例观察坏的字体设计与好的字体设计的区别。好的字体设计极其注重细节,也会把正负空间考虑进去


上面这个“熊宝贝”感觉特别奇怪,为什么?

首先“熊”字的负空间太小了,出现了笔画过密的情况;另外“匕”的一撇太小,过于臃肿,视觉效果差。

“宝”字的宝盖旁明显过大,宝盖上的点也非常小,“玉”字三横的分部和长短有待考究。

“贝”字的人处理的不好,非常生硬。
知道了每个字的问题后我们看一下修改后的是什么样子吧。

“熊”的副空间处理的更均匀一点了,极细的缝和死黑的情况也得到了解决。“匕”字的撇延长向上,与竖的交接错开一点点,避免了死黑臃肿的情况。“宝贝”二字也就出现的问题做了一些调整。
其实“熊”字的笔画可以再细一点,负空间;拉的再大一点会更好。只不过时间有限没有做更好的调整。下面看一下修改前后的对比吧!



这个“简单的我”看上去一点也不简单,并且给人的感觉很碎,不友好,问题出在哪儿呢?

首先“简”“的”二字用的是排除相交部分的手法,手法是好的,但是用在这个主题下面会显得特别碎,整组字的结构也是有问题的。

“单”字结构问题比较大,标示处的横明显靠下了,另外“单”字的重心偏上,与整组字不符。

“我”字省略了勾,重心不是很稳,另外用的三角形太大了,破坏了字的感觉。
知道问题后看一下修改后的吧,

原作中用三角形点缀的手法是可以继续拿过来用的,只不过在字体结构上要做一些调整,这里我采用了活泼的跳跃型结构,三角元素的运用也知识起到了点缀的作用。
看一下修改前后的对比吧,



这个字整体上还是可以的,结构没有明显的问题,只不过字体中的红色“CT”太抢眼了,也不好看,这里其实用单色就完全没问题。除了红色"CT"外我们也可以改的更好。

“不”字的撇和捺是完全对称的,看上去比较死板,这里我们可以处理的更灵活一点。

“就”字感觉怪怪的,首先右边的一点还是要有的,不能因为放不下了就省略掉;另外“口”和下面的竖连起来比较好。
那么我们看一下修改后的吧,

“不”字左右对称的结构被打破,比原作中更有活力,不那么死板了。“就”字通过修正之后也更有整体感了。
最后看一下修改前后的对比吧,



这组字给人感觉非常奇怪,因为变化的太过了,变化的过于夸张,也比较随便,所以品质感非常差。所以我们做字的时候要克制住体内的洪荒之力,变化有度,不要过于发力。
那我们看一下这组字克制变化之后是什么样子的吧。


克制变化后比原作好了很多。

以上是关于你与高手的字体设计差在哪儿?用案例告诉你答案!的主要内容,如果未能解决你的问题,请参考以下文章

为啥我的wps的字体我设置的宋体小四,怎么小,求高手帮忙解答,谢谢了

从Reactor模式俯瞰Nginx,你会发现你与高手的差距就在设计模式上

从Reactor模式俯瞰Nginx,你会发现你与高手的差距就在设计模式上

字体反爬,一种来自字体设计师的跨行反爬案例 | 案例 28

Helvetica是浏览器基础字体吗?

用CSS设计的好看的字体都有哪些了?