恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
字体设计の基本法—笔画的加法、减法和乘法
0.0°
2019-08-19 原创文章 经验/观点 举报 2959 16 17 6

字体笔画设计的基本法则的介绍~笔画设计共有加法,减法,乘法三种基本方法

Image title


前言:


在字体设计中,对笔画进行处理是最基础的设计方法。

如同数学有基本的四则运算一样,笔画的设计方法也有基础的运算法则,掌握这些常用的笔划设计法则,能帮助我们更好地进行字体的设计。


文章中的案例和图片均来源自网络,只用于设计方法的说明展示,不做其他用途。


Image title


根据字体笔画设计的属性进行分类,笔划的设计法则一共有3种:加法、减法和乘法


Image title


这三种法则的技法层面为:

加法:笔画的连接

减法:笔画的断开

乘法:笔画与图形的嫁接


Image title


下面为大家分别介绍3种法则的设计技巧和案例的具体应用:


1.加法


笔画的加法是笔画之间的连接。


在字体设计中,对相邻字体的笔画进行延长连接,是最常见的设计形式之一,该方法是设计字体中最“安全”的方法,无论在想法上还是执行上都无太大难度 。


Image title


通过下面的案例也能看出笔画的加法在商业字体设计也是应用最广泛最基础的。


Image title


通过案例的分析,可以将加法分成2类:

笔画的延长

笔画的共用


Image title


第一种笔画的加法是笔画的延长:


四字整齐排列,在相邻2字之间,将相邻部分笔画自然延长并连接,使2字成为一体。

延长笔画进行连接是最常见的笔画的加法法则。


Image title


案例“潮牌精选”就是使用了延长笔画的方法:


分析“潮牌精选”的字体结构,将“精选”下移后,可将“牌”“一”延长,同时将“精”“米“字旁的“一”延长,延长后可以将“牌”和“精”连接成一个整体。

连接完后将整体倾斜角度,并且在局部添加笔画让连接的更整体。


Image title


同理案例“春夏新风尚”字体设计中也是将“风”的笔画延长和“尚”结合在一起


Image title


除了常规的笔画延长连接的方法外,还有更进阶的一种“加法”—笔画共用。


通过位移字体,使本不在同一水平面的笔画处于相同或相近的高度,可共用同一笔画;使整体更具有张力。


Image title


例如下面的案例—“踏春”:


二字本没有可以自然延长的笔划,可通过上下位移将同一水平线的笔画进行连接,向上位移“踏”,使得“日”笔画和春的“三”笔画处于同一水平线连接连接,便可共用笔划。

错位共用笔划使得字体整体更统一,更富有形式感。


Image title


加法的要点:


当不知道如何进行笔画的连接时,可将有含义的词语连接在一起、增强词语的联系。


Image title


2.减法


笔画的减法是笔画之间的断开


把某处笔画进行切割断开,使笔画做出一定“牺牲”,从整体考虑;断笔是为了使整体的设计风格更统一,常与连笔法配合使用。


Image title


在字体设计,可以将字体的部分笔画断开,以此增加字体的设计感


也可以从字体的特定语意出发,将字体的某一局部彻底减去以达到特定的视觉效果


而“减法”与“加法”一起组合使用的字体应用也比较多。


Image title


“记忆手术”的banner设计案例中就使用了“减法”的笔划设计。


“记忆手术”是指:对记忆做手术;手术能让人联想到: 手术场景—手术刀—切割—断笔。

对“记忆”二字进行部分笔画的切断设计,再将笔画的边角进行锐角处理,更符合“手术”切割的感受,并且和和画面右边的不完整大脑相呼应,使整体统一。


Image title


减法的要点:


笔画的减法是从整体的设计考虑而做出的“牺牲”,过度使用会割裂字型的笔划结构,影响识别性。


笔画的减去断开要有度,保障字体的识别性为第一位。


Image title


通过对比“活态空间”“豆”2个案例:


“活态空间”在不影响文字识别性的前提下;通过局部笔画的减去+错位笔画连接让整体字体更加有趣富有形式感。


“豆”的字形设计因为将下部分的笔画强行断开,割裂了笔画结构;让人很难看出是什么字,严重影响了识别。


适当的笔画断开可以增加字体设计的趣味性;过度的断开会破坏字型结构,影响识别性。


Image title


3.乘法


笔画的乘法是笔画与图形的嫁接


将一些特定的视觉图形和字体结合称为“嫁接”,可以使字体设计更加丰满有趣,又能渲染氛围烘托字体所传达的信息;既可替换掉特定的笔画,也可和整个字体结合。


图形与笔画的巧妙结合让字体设计的视觉表现力更胜于笔画+笔画的结合;就如同“乘法”能得到比“加法”更大的数一样,效果更好。


Image title


通过下方的案例可以发现:


“乘法”多适用于在字体的部分笔画上替换成同一语意的图形(“七夕”的点变成喜鹊;猫尾嫁接到“猫”字上);通过这种局部的点睛之笔增加字型的趣味性。


比起单一的笔画与笔画之间的设计,这种图字结合让字体设计更加丰富。


多有用于节假日字体设计中(母亲节,感恩节,七夕等),有助于烘托节日氛围。


Image title


案例中的“活态空间”字体设计就是使用了笔画和图形的嫁接:


字体设采用倾斜设计,将“头”字的“一”笔画替换成“HEADLINE”让字体更丰富更有趣味性。

将夸张的大嘴图形嫁接到字体设计上;使得字体和图形相结合,通过嫁接的方法让整体字体诙谐有趣。


Image title


乘法的要点:


使用嫁接法要牢记:字体笔画是主体、图形是客体,字体识别性是第一位。


嫁接的元素要符合字义情景;寻找笔画和图形契合的地方进行巧妙的嫁接。


强调整体性,结合要巧妙自然,过度的嫁接会让字体整体显得生硬和割裂。


Image title


通过上面的案例的讲解,我们可以对3中法则的要点进行总结:


加法:笔画的连接要寻找他们的共性进行连接,连接要自然。

减法:笔画的断开要适度,可以和加法组合使用,不能破坏整体的字体识别性。

乘法:图形与笔画的嫁接要符合字义情景,嫁接要巧妙,切勿生搬硬套。


Image title


笔画设计的三种法则在项目应用中即可只使用一种方法,也可以多种方法组合使用。


需要设计师根据实际项目的背景灵活的地掌握和使用,才能达到更好的效果。


谢谢大家的观看~


Image title







 





更新:2019-08-19

收藏

16人已收藏

  • 24

    作品

  • 434

    粉丝

  • 147

    关注

  • 2023插画作品集
  • 2023视觉作品集
  • 读幕剧LOGO设计
  • LOGO合集
相关标签
字体设计

    猜你喜欢

      2019-08-19 原创文章 经验/观点 举报 2959 16 17 6

      字体设计の基本法—笔画的加法、减法和乘法

      0.0°

      你确定要举报字体设计の基本法—笔画的加法、减法和乘法

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年08月18日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      17
      16
      6

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录