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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
如何用衬线加强法做字体设计?
0.0°
2017-05-04 好文转载 经验/观点 原作者: 高露洁 举报 1412 7 5 0

用衬线加强法做字体设计

1、衬线特征

Image title


第一期我们讲到宋体是最典型的衬线字体。衬线加强法,是在了解衬线字体笔画特征的基础上加强调整的设计方法。首先我们先看看衬线体的特征(以宋体为例):

Image title


宋体衬线特征了解后,我们会发现其实衬线字体笔画很多地方装饰性元素有共性,但有些还是有个性变化的。所以我们在做不同主题的字体的时候可以根据字体特征一般在笔画的开始位置(A)、拐角(B)或是末端(C)添加装饰性元素和设计(如上图),让字体显得更加个性,更有设计感。

2、个例分析

Image title


我们先看个设计的完整稿“魔法的诱惑”。该字体是DNF女魔法师的一个转职。

1. 设计之初,先是根据游戏角色,找了魔兽世界(游戏)、画皮(魔法电影)、哈利波特(魔法电影)的字体设计做了参考。

2. 选取了造字工房的非衬线体版黑字体为原型进行设计。

选取合适的基础字体做变形是做字体设计的一个重要步骤,当然也可以在草稿上画好扫描进电脑再进行绘制也是可以的。

Image title

基础字体(造字工房版黑)下载: http://www.fonts.net.cn/font-32068312093.html


这一步已经对字体的结构和重心做了比较多的调整和变形,具体调整方法参看字体故事1。接下来讲的就是本集讲的重点,衬线加强法。

Image title


调整结构和重心的字体显然在视觉上无法满足我们的要求,这时候就要根据前面参看的游戏电影字体,添加装饰元素。

Image title


我们选取了魔法师类似巫婆的帽子、卷曲的类似枝条的形式,一些类似藤条的荆棘的元素。在笔画的开始位置(A)、拐角(B)或是末端(C)添加装饰性元素和设计。

其实在什么位置上调整笔画和添加装饰性元素,有些同学可能有些迷茫,这里我举个简单的例子就很清晰了,还是拿女人做例子。女人要时尚和看起来个性如何装扮自己?

Image title


其实在什么位置上调整笔画和添加装饰性元素,有些同学可能有些迷茫,这里我举个简单的例子就很清晰了,还是拿女人做例子。女人要时尚和看起来个性如何装扮自己?

Image title


最后看看最终效果。运用同样的衬先加强法,该版本字体我也做了第二稿。不过第二稿是在把字体拉高,重心略微提上,觉得这样更符合女性的魔法特征和气息。不过最终确认还是上一版的效果。

Image title


3、类举分析

“致爱青春”是之前致青春电影刚出来时,一块游戏的活动slogan。避免统一原版字体,我这里选了极细的衬线体做原型。然后在“爱”“春”的左右添加了树叶,体现清晰、青春、校园的味道。

Image title


“为爱而战”是帮同事调整修改后的一个字体。比较休闲、娱乐性质的。所以稍微灵动一点的排列方式,使其看起来更加轻松活泼。在字体的笔画的很多位置加了尖角衬线效果的处理方式,加强个性和视觉冲击力Image title

“裙下之臣”是之前做的一个游戏专题标题设计,看字体和名字就是女性类的。联想起妖媚的女性,选取了比较偏细风格的字体做变形,结合裙子,飘逸、起舞的造型对“裙”“之”“下”字的笔画做了重复和类比的装饰处理。

Image title

基础字体(造字工房悦圆)下载:http://www.fonts.net.cn/font-32095402951.html


“超神英雄” 是类LOL的魔幻竞技类的一款腾讯游戏,当初是参加一个中文汉化的logo比赛做的,也同样是调整了结构和重心后添加了类似LOL字体元素的衬线元素。

Image title


“海库“需要的海洋的感觉,波涛、海浪,所以选择柔软的曲线,类似水泡的元素和浪花装饰字体笔画。

Image title


“地狱史诗” DNF的一个版本专题slogan。首页也是做了字体结构和重心调整,最后在4个字的不同笔画添加少量装饰元素使其更加个性。

Image title


更新:2017-05-04

收藏

7人已收藏

caoyuandudu

专业送干货的

  • 31

    作品

  • 33

    粉丝

  • 41

    关注

  • 冬至闪屏常用中文字体
  • 巧妙运用汉仪雪峰字体,制作唯美立冬插画。
  • 这个中元节不那么害怕
  • 感恩教师节,这10种字体也许你用的着
相关标签

    猜你喜欢

      2017-05-04 好文转载 经验/观点 原作者: 高露洁 举报 1412 7 5 0

      如何用衬线加强法做字体设计?

      0.0°

      你确定要举报如何用衬线加强法做字体设计?

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年04月13日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      7
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录