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

时间:2021-09-06 18:51:53
阴阳师中国古代对自然规律发展变化基础因素的描述,是古代美学逻辑思维、推理分析的核心要素,也是描述万物基本要素和成因的概念之一。阴阳代表事物的对立关系,它是自然界的客观规律,是万物运动变化的本源,是人类认识事物的基本法则。万物皆有阴阳,不可割裂,阴阳相互依存。
 
笔画是构成字体的基本元素,汉字笔画设计融入了书写的韵味,融入了“阴阳”线的处理方法,讲究线条、笔画之美,使笔画挺拔有力、刚柔并济。
UI设计教程分享:字体变形—阴阳收缩法
 
阴阳线看似高深,其实理解起来也很简单,字体有重量,笔画分粗细,笔画有两侧,单个笔画的两侧就是阴阳线。结合单个字体来看,字体每一笔画外围向阳(凸线的笔画,如上图红色部分)即为阳线,内阴(凹线的笔画,如上图黑色对应的笔画)则为阴线。
 
所谓阴阳收缩法,就是根据阴阳关系调整笔画的粗细关系与整个字体结构的处理方法。
设计要点:
 
1.笔画越粗,阴阳线调整的变形特征就越明显;笔画越细,变形特征就越弱。
2.阴阳线调整一般是从内阴线箱外阳线方向收缩调整。
3.调整规律为外阳内阴。
4.相同笔画的阴阳收缩要有继承关系,根据字体主题而定,要适度,不宜变化太多。
 
以DNF男枪职业版本标语“翱翔,天界之鹰”字体方案为例,运用阴阳线收缩法调整笔画,使字体更有男性特征。
 
搜集相关灵感——男性身材倒三角、忍者神龟、变形金刚狂派标志等等,提炼出三角、棱角。
UI设计教程分享:字体变形—阴阳收缩法
 
选取原型字体——三种常用的适用于力度、硬刚劲风格的字体:方正粗谭黑简体、造字工房劲黑常规体、造字工房版黑常规体。
UI设计教程分享:字体变形—阴阳收缩法
 
以下选取“造字工房版黑常规体”为例。
 
对于字体结构、重心的调整,又分为水平边缘结构调整和垂直边缘结构调整两种方法。
 
水平边缘结构调整:造字工房版黑体在水平方向,字的边缘结构不太规整。“翱、翔”两字笔画顶部高度不同,“天、界、鹰”三个字顶部横笔画之间的高度和重心有细微的差距,并不是真正意义上结构、重心平稳的字体。对“翔、天、界”三个字进行结构笔画和重心调整,调整字体间的字面关系,使其在水平方向保持一致,让字体整体看起来更均衡,重心一致。
 
垂直边缘结构调整:在垂直方向上,调整所以有字体的竖向笔画的对齐方式,使其左右对其一致,对上下结构和重心进行微调整,使其字面平稳、视觉均衡,让字体看起来更加简洁、整齐。
UI设计教程分享:字体变形—阴阳收缩法
 
进行斜切处理。斜线比直线更有动感和力度,只是线条带来的视觉感,进一步加强字体的运动、格斗气质。
UI设计教程分享:字体变形—阴阳收缩法
 
最后进行阴阳线收缩调整:结合男性身材倒三角的形状,对字体进一步进行个性处理。横向笔画保持不变,竖向笔画做阴阳线收缩调整。
UI设计教程分享:字体变形—阴阳收缩法
 
UI设计教程分享:字体变形—阴阳收缩法
 
最终效果图

编辑:千锋UI设计

UI设计教程分享:字体变形—阴阳收缩法的更多相关文章

  1. UI设计教程分享:让你彻底读懂字体

    一份普普通通.规规矩矩的设计 一份让人印象深刻.新颖有趣的设计 差在哪?其实就差在三个字上! “优秀的设计不是每一个细节都有亮点,而是弱化其他元素,让某一个亮点最大化.” 今天“骉叔的设计心得”就来总 ...

  2. UI设计教程分享:Ps合成炫酷机械姬

    本次给大家分享一个通过PS合成一个炫酷的机械姬,在这个教程里给大家展示图像的色彩处理.人物光影塑造和创意实现及细节处理,教程比较简单,创意十足,看过<机械姬>电影的同学们一定知道这个有多炫 ...

  3. UI设计教程分享:电商网页页面设计常见表现手法

    1.手绘插画  场景.人物以及加上故事的创意绘画 会给人梦幻若隐若现的感觉,留下深刻的印象,适合做活动页面以及宣传自已的品牌 2.简约 颜色少于三色,背景以明度偏低的颜色为主,在信息大爆炸的时代,我们 ...

  4. ui设计教程分享:关于Logo设计要素

      1. 视觉上”一语双关 我最喜欢的一些Logo在视觉设计上”一语双关”,将两张图片.两张意象巧妙结合,合二为一. WinePlace 的Logo就是一个绝佳的案例 这个Logo看起来像图钉,暗喻着 ...

  5. UI设计教程分享:6个不能错过的UI设计网站

    Ui设计学习的人越来越多了,想要找到合适的学习资料很难,很多才接触ui设计且没有基础的同学也不知道去哪里找学习资料,虽然现在百度上很容易搜到ui设计的学习资料,但是一看不难发现,很多都是过时的学习资料 ...

  6. UI设计教程分享:关于海报的合成过程

    一张好的产品创意合成海报,能瞬间提升商品价值感,同时场景和相关元素的融入,让消费者瞬间明白商品属性及内涵.同时为商品营造的使用场景拥有更强的代入感,从而刺激转化.好的创意合成海报能为消费者带来视觉冲击 ...

  7. UI设计教程分享:banner设计

    我们都知道在一个网站中,banner图片对于浏览者来说是非常重要的,尤其是电商banner,它的最主要目的是营销,是要让消费者有冲动去购买,这对设计的要求也就更高了.而企业网站也一样,一个合适的ban ...

  8. UI设计教程分享:设计一个高质量的logo要从哪方面入手呢?

    有的人觉得logo只是一个简单的图形,对品牌影响无关紧要:但有的人却觉得logo对品牌有较大的影响.其实logo承载着一个公司的品牌形象.公司背景.公司理念等.就像Landor往往给一个企业做logo ...

  9. UI设计教程分享:PS故障风海报制作教程

    1.首先找一张看起来很酷的图(也可以选择自己喜欢的图片):   2. 复制图层,点击添加图层样式,选择混合选项,在高级混合里面的通道选项,有R.G.B三个通道选项,默认是全部勾选的状态,选择其中一个勾 ...

随机推荐

  1. Aspen 安装

    按原安装后破解不成功后: 从下载文件夹中,找到 AspenONEV8.\Patch\-STRGXI2.zip,里面有个 STRGXI2.dll,将该文 件复制到: C:\Program Files(x ...

  2. Python处理JSON数据

    python解析json时为了方便,我们首先安装json模块,这里选择demjson,官方网址是:http://deron.meranda.us/python/demjson/ 访问之后点击页面的的D ...

  3. android项目的结构和布局

    一.res文件夹 1.res文件夹用于存放Android的资源.包括:动画.静态图片.字符串.菜单.布局.视频.文件等. 1.drawable-ldpi:低分辨率图形(120像素/英寸) 2.draw ...

  4. POJ 2774 &lpar;后缀数组 最长公共字串&rpar; Long Long Message

    用一个特殊字符将两个字符串连接起来,然后找最大的height,而且要求这两个相邻的后缀的第一个字符不能在同一个字符串中. #include <cstdio> #include <cs ...

  5. Delegate 委托复习&lpar;-&rpar; 委托的基本概念

    1. 声明一个delegate对象,它应当与你想要传递的方法具有相同的参数和返回值类型.      声明一个代理的例子:     public delegate int MyDelegate(stri ...

  6. Java 十六进制转十进制

    public static int hexToDecimal(String hex) { int decimalValue = 0; for (int i = 0; i < hex.length ...

  7. Zookeeper 安装和配置

    单机模式 下载zookeeper的安装包之后, 解压到合适目录. 进入zookeeper目录下的conf子目录, 创建zoo.cfg: tickTime=2000 dataDir=/Users/app ...

  8. Linux-hexdump命令调试event驱动—详解&lpar;13&rpar;

    hexdump: 查看文件的内容,比如二进制文件中包含的某些字符串,通常用来调试驱动用 1.调试 键盘驱动 讲解 当我们insmod挂载了键盘驱动后,找到键盘驱动被放在event1设备里, 此时没有按 ...

  9. java框架篇---hibernate&lpar;多对多&rpar;映射关系

    以学生和老师为例的来讲解多对多映射. 实体类: Student package cn.itcast.g_hbm_manyToMany; import java.util.HashSet; import ...

  10. JS &lowbar;proto&lowbar; 和 prototype

    转载自:https://www.cnblogs.com/wuwenjie/p/5433776.html 大佬讲得很明白,自己也收藏一下! 初学javascript的时候也跟题主一样搞不清楚,自己好好总 ...