UI设计教程分享：字体变形

阴阳师中国古代对自然规律发展变化基础因素的描述，是古代美学逻辑思维、推理分析的核心要素，也是描述万物基本要素和成因的概念之一。阴阳代表事物的对立关系，它是自然界的客观规律，是万物运动变化的本源，是人类认识事物的基本法则。万物皆有阴阳，不可割裂，阴阳相互依存。

笔画是构成字体的基本元素，汉字笔画设计融入了书写的韵味，融入了“阴阳”线的处理方法，讲究线条、笔画之美，使笔画挺拔有力、刚柔并济。

阴阳线看似高深，其实理解起来也很简单，字体有重量，笔画分粗细，笔画有两侧，单个笔画的两侧就是阴阳线。结合单个字体来看，字体每一笔画外围向阳（凸线的笔画，如上图红色部分）即为阳线，内阴（凹线的笔画，如上图黑色对应的笔画）则为阴线。

所谓阴阳收缩法，就是根据阴阳关系调整笔画的粗细关系与整个字体结构的处理方法。

设计要点：

1.笔画越粗，阴阳线调整的变形特征就越明显；笔画越细，变形特征就越弱。

2.阴阳线调整一般是从内阴线箱外阳线方向收缩调整。

3.调整规律为外阳内阴。

4.相同笔画的阴阳收缩要有继承关系，根据字体主题而定，要适度，不宜变化太多。

以DNF男枪职业版本标语“翱翔，天界之鹰”字体方案为例，运用阴阳线收缩法调整笔画，使字体更有男性特征。

搜集相关灵感——男性身材倒三角、忍者神龟、变形金刚狂派标志等等，提炼出三角、棱角。

选取原型字体——三种常用的适用于力度、硬刚劲风格的字体：方正粗谭黑简体、造字工房劲黑常规体、造字工房版黑常规体。

以下选取“造字工房版黑常规体”为例。

对于字体结构、重心的调整，又分为水平边缘结构调整和垂直边缘结构调整两种方法。

水平边缘结构调整：造字工房版黑体在水平方向，字的边缘结构不太规整。“翱、翔”两字笔画顶部高度不同，“天、界、鹰”三个字顶部横笔画之间的高度和重心有细微的差距，并不是真正意义上结构、重心平稳的字体。对“翔、天、界”三个字进行结构笔画和重心调整，调整字体间的字面关系，使其在水平方向保持一致，让字体整体看起来更均衡，重心一致。

垂直边缘结构调整：在垂直方向上，调整所以有字体的竖向笔画的对齐方式，使其左右对其一致，对上下结构和重心进行微调整，使其字面平稳、视觉均衡，让字体看起来更加简洁、整齐。

进行斜切处理。斜线比直线更有动感和力度，只是线条带来的视觉感，进一步加强字体的运动、格斗气质。

最后进行阴阳线收缩调整：结合男性身材倒三角的形状，对字体进一步进行个性处理。横向笔画保持不变，竖向笔画做阴阳线收缩调整。

最终效果图

编辑：千锋ＵＩ设计

转载于:https://www.cnblogs.com/leolei/p/9817349.html

UI设计教程分享：字体变形—阴阳收缩法相关推荐

UI设计教程分享：Ps合成炫酷机械姬
本次给大家分享一个通过PS合成一个炫酷的机械姬,在这个教程里给大家展示图像的色彩处理.人物光影塑造和创意实现及细节处理,教程比较简单,创意十足,看过<机械姬>电影的同学们一定知道这个有多炫 ...
UI设计教程分享：电商网页页面设计常见表现手法
1.手绘插画场景.人物以及加上故事的创意绘画会给人梦幻若隐若现的感觉,留下深刻的印象,适合做活动页面以及宣传自已的品牌 2.简约颜色少于三色,背景以明度偏低的颜色为主,在信息大爆炸的时代,我们打 ...
ui设计教程分享：关于Logo设计要素
1. 视觉上"一语双关我最喜欢的一些Logo在视觉设计上"一语双关",将两张图片.两张意象巧妙结合,合二为一. WinePlace 的Logo就是一个绝佳的案例这 ...
UI设计教程分享：6个不能错过的UI设计网站
Ui设计学习的人越来越多了,想要找到合适的学习资料很难,很多才接触ui设计且没有基础的同学也不知道去哪里找学习资料,虽然现在百度上很容易搜到ui设计的学习资料,但是一看不难发现,很多都是过时的学习资料 ...
UI设计教程分享之RGB与CMYK色彩模式对比
合理运用色彩是每一个UI设计师都应该具备的基本技能,但对于UI设计新手却是说来容易做来难.怎样才能正确的使用色彩让作品更出众呢?接下来就给大家介绍下UI设计必知技术点之RGB与CMYK色彩模式对比. ...
UI设计教程分享：PS故障风海报制作教程
1.首先找一张看起来很酷的图(也可以选择自己喜欢的图片): 2. 复制图层,点击添加图层样式,选择混合选项,在高级混合里面的通道选项,有R.G.B三个通道选项,默认是全部勾选的状态,选择其中一个勾掉( ...
UI设计教程分享：banner设计
我们都知道在一个网站中,banner图片对于浏览者来说是非常重要的,尤其是电商banner,它的最主要目的是营销,是要让消费者有冲动去购买,这对设计的要求也就更高了.而企业网站也一样,一个合适的ban ...
UI设计教程分享：关于海报的合成过程
一张好的产品创意合成海报,能瞬间提升商品价值感,同时场景和相关元素的融入,让消费者瞬间明白商品属性及内涵.同时为商品营造的使用场景拥有更强的代入感,从而刺激转化.好的创意合成海报能为消费者带来视觉冲击 ...
UI培训教程分享：UI设计如何确定设计风格
在UI设计工作岗位中,进行设计工作的时候,UI设计师门需要对整体的设计要素进行把控,这样才能设计出优秀的设计作品,本期小编为大家介绍的UI培训教程就是关于UI设计如何确定设计风格,希望以下内容能够给大 ...

UI设计教程分享：字体变形—阴阳收缩法

UI设计教程分享：字体变形—阴阳收缩法相关推荐

最新文章

热门文章