高手之路-字体设计强化篇

今天的主题是“以少胜多 以一挡十”,通俗地说就是字体设计(Design)中的笔画省略,在开始之前我们不得不提一下“格式塔心理学”,这是我们省略字体笔画的理论基础。
格式塔是德文“Gestalt”的译音,意思是“完形”,即具有不同部分分离特性(characteristic])的有机整体。我们的眼睛和大脑在观察事物、接收影像刺激的时候,会有一些特别的倾向。这些倾向常常可以帮助我们快速的辨别事物,有时候也会产生所谓的“错觉”。格式塔心理学重要的概念便是“整体不等于个体的总合”,举例来说:当我们在观察另一个人的时候,并不是先看到他的手、脚、头、眼睛、耳朵、鼻子,然后把这些视觉特徵组合成(解释:由几个部分合并成一个整体)一个称为“人”的组合。我们是直接的观察到人这个“整体”,而不是其他器官的“个体的总合”。格式塔心理学主要有相似性原理、连续(Continuity)性原理、封闭性原理、对称(symmetry)性原理等,举例来说,比如我们看到下面几个图形:
我们可以发现,虽然上图中的几组线条没有完全闭合,但是我们依然能看出他们是圆、三角形、方,我们的大脑会自动填补元素与元素间的空白部分,形成一段不存在的线段,这就是格式塔性理学中所说的封闭(fēng bì)性原理(Maxim)。
对于格式塔心理学的其他原理(Maxim),有兴趣可以寻找相关书籍进行更深入的学习,这里就不一一介绍了,下面我们通过几个例子,给大家简单介绍一下“格式塔心理学”在字体设计(Design)中的运用。
案例1  唯一
唯一两个字给人一种很单纯的感觉,因此,在设计(Design)的过程中我去除了一些比较繁琐的笔画结构(Structure),让笔画更简单。UI视觉设计承担的不是单纯意义上美术工人的工作,而是软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。中国有“一生二,二生三,三生万物”之说,我们通过视觉自动补偿缺失笔画来达到这一效果(effect),增加了文字内涵。
我们可以在电脑上打出“唯一”两个字,观察一下笔画结构,我们可以发现字体中以横画与竖画为主。
我们将“唯”字中倾斜的两笔摆正,使笔画更统一。
用矩形工具将字体骨架搭建好,笔画更为单纯。
将笔画加粗,并降低字体重心,使其在视觉上给人一种安定感。
接下来我们尝试几种方式来省略字体笔画,第一个结构很乱,节奏掌握的不到位;第二个整体不错,那一点起到了“暗示”的作用(role),让视觉自动将笔画补全;第三个没有暗示的笔画,看不出是“唯“字;第四个和第三个类似,看不出是图形还是文字,笔画省略太过头。
通过对比,我们选择(Select)了第二个进行优化。将笔画粗细的分配重新调整,使笔画在视觉上粗细一致,并且字体灰度更为平均。
一般来说,笔画密集的地方要调细,笔画疏的地方要加粗,上图时进行调整后的笔画,分别用数字和字母来代表对应的笔画,仔细观察你会发现其中的差异。
利用辅助线对字体进行进一步标准,合理安排字体间距,使其更整体。
字体完成,规范后的字体比原来更耐看了。UI视觉设计承担的不是单纯意义上美术工人的工作,而是软件产品的产品“外形”设计。二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。
案例2  修心
修心是一种心灵境界上的超脱,是一种心无杂念同时又懂得包容的博大胸怀。因此在字体上,我们也要去除繁杂的笔画,回归本心,让字体更单纯。
我先在纸上打印了宋体与黑体,通过比较后,我选择(Select)了以黑体为基本体进行设计,因为宋体笔画结构(Structure)相对复杂,而黑体笔画单纯,比较符合我心中对“修心”二字的定位。
从上图中我们可以看到,红圈部分的笔画国语紧密,整体比较繁琐,因此我们要想办法弱化它。移动端UI设计不单单从事美术绘画,更需要对软件使用者、使用环境、使用方式进行定位,并最终为软件用户服务。UI设计师进行的是集科学性与艺术性于一身的设计,他们需要完成的,简单说来,正是一个不断为用户设计视觉效果使之满意的过程。
嗯,感觉可以,还能认出是“修心”二字,所以我们可以在在这个基础上调整字体笔画,使其结构(Structure)更严谨。我们将上图中红圈部分进行进一步优化。
现在笔画看起来比原先紧凑一点,但是心字结构还可以继续简化,我们来尝试一下。
好像还不错,识别性和意境都有了,接下来我们根据这个字体骨架进行深入刻画。
我们调整一下字体重心和字间距,将“修”字的偏旁缩短,使之与“心”字底部在一条直线上,这样能在视觉上产生一种特别的美感。
将“修”字笔画转折处出现的内煎饺处理(processing)的圆滑一点,使之更流畅。
我们再对比一下转角处用直角好还是用圆角好,考虑(consider)到字体外围笔画以方形为主,所以我选择(Select)了右边的方案(plan)。
经过细节的调整,这个字就完成了,修心养性,让字体变得更简单,让心灵变得更单纯。
欣赏

前面我们通过两个案例来和大家介绍了了一下“笔画省略”的字体设计(Design)方法(method),希望大家有所收获。下面给大家整理出几个其他案例进行欣赏学习。
(为了顺利开展开主题,“欣赏”的部分网站内容源自于互联网,无法一一查明原创作者,无法一一准确列出出处,敬请谅解。)
后记

字体设计(Design)的方法(method)还有很多,笔画省略只是其中之一,想要真正成为高手,必须不断学习和开拓新视野,有时候“眼高手低”并非坏事,取长补短,不断总结和思考,才是提高的关键(解释:比喻事物的重要组成部分),以上只是工作(job)生活中的一些经验(experience)与大家分享交流,作品不甚完美,权当抛砖引玉,希望大家喜欢。

发表评论

后才能评论