字体图标制作（字体图标原理和实现）



转载自优设网，写于2014年7月7日

http://www.uisdc.com/graphical-font-design

文字是一种记录与传达语言的符号，是人类文明进步的重要标志。随着图形化时代的来临，文字与图形的关系在设计领域起着举足轻重的作用。当练习时，找有代表性的字体来做，练习有代表性的字体不但可以激发你的创意，还可以提高你的思维能力。文字经过艺术化设计后，可以让文字形象变得情景化、视觉化、强化语言效果，对提升页面设计品质 和视觉 v表现力发挥了极大性的作用。

如：时间你就会联想到钟表 ，对话你就会联想到电话 ，爱情你会想到心 想到这些有代表性的字时，谨记不能把钟表等图形直接放在字体里，这样就没有设计的意义了，要巧妙的把图形和字体本身去结合。

经过艺术化设计以后，可使文字形象变得情境化、视觉化，强化了语言效果，成为更具有某种特质和倾向性的视觉符号。最基本的准则，在追求字体变化的同时要便于识别。 字形变化中特点: (硬)—– 力道、坚实、冲击、厚重、硬朗、猛烈 …… 这类字体气势突出，视觉冲击力明显，个性张扬有力，节奏分明，可以用于变现强烈的信心和勇气，表现凝聚力和号召力，给人视觉上的震撼。 这类字形因其字形富有张力，所以在表现刺激，冒险的情景时比较常用，如体育活动、极限运动的主题同时战争类、灾难类电影海报中，这类字形也比较常见。

字体创意设计虽然比较自由，但应保持字与字之间的统一性。一组中，应保持一种统一的变化规则，不然会造成杂乱感。

字形变化中特点: (软)—– 柔美、纤细、优雅、亲近、温和、飘逸 …… 这类字体适合表现细腻情感，如情感类设计主题、女性设计主题、公益类设计主题等等，通过柔美的曲线壁画，可以让自已得到更大程度的展现,通过视觉感觉,形成人与字的情感共鸣,以达到最佳效果。

字形变化中特点: (旧)—– 严肃、端正、正式、中性、规t矩、传统、古朴、怀旧…… 这类字形在品牌类字体中比较常见，给人以饱满充实的信赖感和说服力，保持规则的字体外形，在字体内部进行适度的笔画修整，在严谨中求突破，在规矩中求创新。

字体变形的几种方法与技巧

1.替换法

是在统一形态的文字元素加入另类不同的图形元素或文字元素。 其本质是根据文字的内容意思，用某一形象替代字体的某个部分或某一笔画，这些形象或写实或夸张。将文字的局部替换，是文字的内涵外露，在形象和感官上都增加了一定的艺术感染力。

2.共用法

“笔画公用”是文字图形化创意设计中广泛运用的形式。文字是一种视觉图形，它的线条有着强烈的构成性，可以从单纯的构成角度来看到笔画之间的异同，寻找笔画之间的内在联系，找到他们可以共同利用的条件，把它提取出来合并为一。

3.叠加法

叠加法是将文字的笔画互相重叠或将字与字、字与图形相互重叠的表现手法。叠加能使图形产生三度空间感，通过叠加处理的实行和虚形，增加了设计的内涵和意念，以图形的巧妙组合与表现，使单调的形象丰富起来。

4.尖角法

把字的角变成直尖、弯尖、斜尖、卷尖； 可以是竖的角可以是横的角，这样文字看起来会比较硬朗

5.断肢法

把一些封合包围的字,适当的断开一口出来 , 或把左边断一截,或右边去一截, 重点:要在能识别的情况下适当断肢,从而反射他的与众不同的特点来。

6.错落摆放法

把左右改为左上左下,上下排,或斜排就是一边高一边低，让文字错落有致排列。

7.方正法

把所有字的弯全改成横平竖直,四四方方的。 本身的特点是简洁鲜明的，便于设计，对熟悉字体结构有很好的帮助。

8.横细竖粗法

可以说是代替法的一种,把竖或横线或折换成其他相反交替而成。 笔画简化，在字体中加入个人情感和生活，可以准确的创意方向，设计出合适自己的字体。

笔画/字形(体)之----连笔手法 

如果字的笔画斜笔很多，实在不在水平或垂直方向上连笔，那也可以考虑，将笔画延长后，再做连接，如上图中的例子。总之，连笔总是能够找到办法的，即使全包围结构的字体，也可以使用故意破开某一笔，或与另一个字共用笔画的手法，来实现连笔效果。只要不破坏字体结构的识别性。
    如果笔画连结之后，确实影响了文字结构，适当的断笔，用间隔来补充字体结构，不用刻意的非要连成一笔，很多初学者，都很刻意的进行连笔处理，导致文字结构都被埋没在连形成是新结构里了，这种以忽视文字识别性的连笔处理不可取。

10.随意手写

原笔迹的手写体总给人也亲切的感觉，《那些年》追忆的正是校园时期的青葱岁月,手写字每一笔都不可复制，每一划都触景生情。

11.上下拉伸法

把字变细,然后上下拉长,类似条形码的感觉。

12.卷叶法

把所有字的最左或最右横或竖或点全卷起来,像浪花一样,此法,一般是找到一个点或线后转曲,用最下面或最左边或最右边的两个点向一边拉,以加节点的方法拉成一个圈,然后把他转成倒圆角后,留着最后面的两点,慢慢删除中间的节点。

13.结构转变法

可以说是代替法的一种,把竖或横线或折换成其他比划。

14.照葫芦画瓢法

先画一个几何图形，方形或矩形或星形，然后把字放进去，照几何图形路线制作字体。

15.减细法

所有字体横和竖变细。

16.分解重构法

分解重构发是将熟悉的文字或图形打散后，通过不同的角度审视并重新组合处理，主要目的是破坏其基本规律并寻求新的设计生命。

总之，平面图形设计的目的是人与人的交流，作为设计者，学习运用符号学工具，会使设计更加有效。在平面设计如此繁杂的今天，把文字图形化运用到设计中，才能使作品具有强烈的视觉冲击力,更便于公众对设计者的作品主题的认识、理解与记忆。

17.俏皮设计法

把横中间拉成圆弧,角也用圆处理,这个方法还有重要一点就是色彩,字体处理上加上色彩的搭配才能作出好的俏皮可爱字体。

18、洋为中用

大家都知道，我们使用的汉字成千上万，个个不同，而西方使用的拉丁字母，大写加小写再加数字标点符号乱七八糟加起来也就一百来个，在数量上和我们汉字差距很大。这就造成了被设计出来的英文字款比中文要多得多。

面对字库里面多如牛毛的英文字体，大家是否曾经对他们视而不见或匆匆带过，其实那里面蕴藏着西方设计师的无限创意，而作为汉字的设计者，我们可以好好利用这些创意，其实方法很简单。

第一步：到字库里找几个特别点的英文字体

第二步：找出这些字体的笔触和特征

第三步：把这些特征运用到中文字体设计中去吧

字体变形中应该规避的问题

图形绘制软件，可以帮我们完成各种圆角、对称、倾斜、等距分布、交差减去等任务。
还有就是可以把字体轮廓化描边，快速运用基础字体来变形。
  尽可能地保证文字的可阅读性，终归是商业设计，要考虑到大部人的文化背景和图形识别能力。

完成字体变形，可以分几步来进入细节的修饰。
这个时候可以参考下类似的优秀字体的间架结构，调节好每个字的笔划分布和重心均衡。
在选定字体的风格趋势后，给字体做相应的视觉梳理。
例如：字与字的间距，笔划之间的间距、整体字形的倾斜角度特殊地方做圆角处理等等。
让整个字体有一个贯穿始终的规则在里头。

掌握字体的肩胛结构，避免大小不一、分布不均、笔画不均等问题。
统一应用笔划、倾斜等规则。鉴于字体形态的趣味性，加入了图形元素来丰富字体本身。
同时兼具不同尺寸下的显示效果，做笔划的删减和间距调整。
设计过程中应该规避尽可能地保证文字的可阅读性。
商业设计，要考虑到大部人的文化背景和图形识别能力。
还有文字变型的过程中应用的环境。

ZH人士，写于2020.4.2，

转载于优设网

原文地址：360UXD
作者：韩潇熳

非商业用途，如有侵权，请告知，会删除。

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/bcyy/47566.html