加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

字体变形设计

(2018-01-08 22:36:39)
分类: 网络知识整理
1、汉字的笔画形状

汉字的基本笔画即「永」字的八笔画,汉字都是基于这八笔产生的。


 汉字的笔画形状根据起笔、收笔以及转角的曲线,有方、尖、圆、曲线四种。曲线比较特殊,它的起笔、收笔可以是方、尖、圆,单她的笔画结构会产生扭曲变形。

2、字体的类别
字体大致分为4类:似黑体变体字、似宋体变体字、混合体变体字、书法体变体字。
书法文化底蕴要求高,真正掌握的人不多,经常以照搬书法的形式出现,一般都是用现有的书法体拼凑而成。

http://s9/mw690/001QjZSKzy7hdRvGUJya8&690
3、变体字——似黑体变体字(最常见)
3.1.1、基本笔画和起笔、收笔、转角:

http://s6/mw690/001QjZSKzy7hn8VdmIZa5&690
3.1.2、基本笔画和起笔、收笔、转角的发散:
通过一些视觉方法改变「方」的表现,如旋钻、倾斜、裁剪等,可以达到很多新的笔画形状,以“|”为例

http://s8/mw690/001QjZSKzy7hna0mBMj97&6903.1.3、笔画粗细给人的印象:

字形也会带给人不同的感觉,如:
  • 粗线体——稳定、诚信、力量感、阳刚、男性;
  • 细线体——柔软、女性、高雅、简约、文艺、高端、精致;
  • 书法体——传统、文化感强、笔断意连、霸气、飘逸
  • 卡通体——活泼、可爱
 
3.2.1基本笔画和起笔、收笔、转角

http://s3/mw690/001QjZSKzy7hnb9c59052&690
3.2.2、基本笔画和起笔、收笔、转角的发散:
通过一些视觉方法改变「方」的表现,如旋钻、倾斜、裁剪等,可以达到很多新的笔画形状,以“|”为例

「尖」的变体字也有字库,不过比较少,如下:

3.3.1基本笔画和起笔、收笔、转角
3.3.2、基本笔画和起笔、收笔、转角的发散:

http://s12/mw690/001QjZSKzy7hnd1Fchlcb&690
「圆」有很多自己的字库,如:

http://s4/mw690/001QjZSKzy7hndaYXSP93&6903.3.3、笔画粗细给人的印象:

3.3.2、基本笔画和起笔、收笔、转角的发散:

http://s12/mw690/001QjZSKzy7hndWiQ2L2b&690
曲线字体给人的印象和粗细关系并不大

http://s8/mw690/001QjZSKzy7hne1TB4P97&690似黑体变体字的所有基本笔画以及起笔、收笔、转角集合表:

http://s11/mw690/001QjZSKzy7hnedPmOu4a&690
特别强调:请谨记这三点:

http://s12/mw690/001QjZSKzy7hnehQvFN8b&690
4、变体字——似宋体变体字

4.1、似宋体变体字的所有基本笔画以及起笔、收笔、转角集合表:

http://s4/mw690/001QjZSKzy7hnewOfg713&690
4.2、基本笔画和起笔、收笔、转角的发散——改变「方、尖、圆、曲线」的视觉表现:

由于笔画形状的发散,似宋体变体字也产生了基本字形和字库,如下:

http://s5/mw690/001QjZSKzy7hnfberRO14&6905、混合体变体字
黑体和宋体的交集,混合的地方主要是在笔画的起笔、收笔和转角

http://s3/mw690/001QjZSKzy7hnfr83HI72&690
如下,看个例子会更明白:


改变笔画之后,再调节笔画细节,即笔画的起笔、收笔和转角,调节笔画的粗细,如当笔画相交或者相切时,尽力的将笔画调整细一些,来达到视觉的平衡,横笔比竖比更细些,以便达到整体的和谐。

6.1、文字断开



连笔法是为了让字体在整体上更加生动、有寓意的处理手法。有3种方式:
  • 字与字之间笔画有可连接性,有笔断意连之感;
  • 两个字可以共用一个笔画;
  • 通过错位法,在字与字之间寻找可连接性;
如果上边几种办法都不能达到的话,就要想办法增加线条或者别的东西来进行连接。


6.4、笔画延伸(有全体拉伸和单点拉伸)


6.5、笔画省略

笔画较多的文字想办法适当减少不太影响识别性的笔画
减法最常见的情形

6.6、增加笔画
在笔画较少的文字上适当的增加笔画来达到效果。


0

阅读 收藏 喜欢 打印举报/Report
前一篇:点九图
后一篇:测试用例
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有