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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
经验 | 3招尝试字型设计技法篇
0.0°
2018-04-03 原创文章 经验/观点 举报 5399 471 623 27

Image title


大家好,又一次跟大家见面了,今天带给小伙伴们的是个人在字体设计中常用的三种简易粗暴的字体设计技法,现总结(你没来错片场,是总结,并非教程)出详细的方法。


基于小白而言,有想法但没有技法往往是犯偏疼头状态;那么本文介绍简易却不简单的三种方法,分别是:


Image title


Image title


就标题而言,小伙伴们就可以知道,第一个方法是用字库字型进行拆分,然后重新塑造出不一样风格的字型,那么我们这里用相对复杂一些的字型“超级越野”进行分析讲解。


Image title


有了设计标题,那么我们现在需要做的就是找两款合适的字型继续进行,而不是一开始就用电脑去操作;关于越野,我们可以在网上搜集相关资料进行视觉参考:


Image title


越野,相对于是比较刺激且危险的比赛,给我的感觉是相对细腻且粗狂的一种感觉;基于画面太过劲爆怕引起我的不适,我在这里选择了两种不同风格的字型进行参考拆分定义:


Image title


进行参考和拆分时,类似这种标题字型的,尽量不要用正文字型,因为这样比较没有特色,而且做出来我们也会感觉是常规的字库字型,并没有多大视觉冲击力,所以我们这里参考的字型是“华康娃娃体”,而“华康俪金黑”即成为我们的拆分对象。


当我们确认字型和风格后,接下来就需要对笔画进行拆分:


Image title


超分后的细节优化在这里就不一一进行展示,当笔画拆分出来后,我们可以将用于结构参考的字型放在下面,将拆分后的笔画在上面进行拼凑叠加,过程效果如下:


Image title


可以看到,将结构重组的字型又有了另外一番味道,但是这样远远不够,因为字型没有经过版面的编排显得很单一,体现不出字体本身的感觉;所以在这一步过后我们还可以提取出越野的元素对整体版面进行编排,从而增加字体设计的趣味性。


那么下面我们来看看最终效果:


Image title


以上只罗列了一种字形的变换,但运用其它中文或者西文,都可以使我们创作出风格多变的作品。


Image title


钢笔和画笔都是AI软件中自带的工具,那么在进行字体设计时怎么去利用这两个工具增加我们的效率呢?那么我们下面来看一下。


Image title


钢笔工具(左图)主要是用来创建路径,也就是画轮廓和线;画笔工具(右图)主要是增加创建路径的效果,体现的是各种特殊笔刷(软件定义名为〞变量宽度配置〞,它和画笔定义工具是一样的效果,所以我们在这统一称呼它为画笔工具)。


在用钢笔勾勒出字型时,需要注意字体本身的识别度和均匀分布字型的空间;不同样式的画笔、粗细等都会导致最终效果的好坏。


Image title


可以看到,我们在这里已经勾勒好一组字的形态,这时我们需要保持路径形态便于后期调整修改;画笔的样式太多,这里就不一一举例了,我们用一款形态来看看实现出来的效果:


Image title

Image title


一个并不起眼的字型,在添加画笔定义后的给我们的感觉完全不相同,添加后字型更具美观性的展现在我们眼前。


Image title


画笔的种类繁多,画笔的不同呈现出来的效果也不同,原本看似复杂的字形仅仅只需要换一种思路,就可以以简易的方式呈现出来。大家也可以尝试不同风格画笔展现出来的形式。


Image title


灵感从何而来?前辈们给我们的回答是多出去走走、多看摄影等等。这句话不无道理,多注意生活中的细节,对我们的提升有着很大的帮助。


下面我们就用生活中看到的细节来进行字体设计。


Image title


囍,给我的第一感觉就是喜庆,婚礼的既视感那么我们对这一类型的主题找找参考,看看喜庆的感觉是怎样的;当然,有条件的也可以亲身体验下最佳。


Image title


我们在这里找的是中式的婚礼现场相片和关于中式的花纹(看的我都想尽快结婚了);这些都是我们的灵感来源,包括字体后期的色彩搭配,都和前期的准备有着很大的关系。换句话说,色彩的搭配不是在设计完字体后再去搭配,而是我们一开始就应该准备好去怎么搭配它。


找完了参考,但是怎么提取相关的元素呢?这是个很重要的问题,元素的提取关乎于字型后期的好坏,所以我们需要先分析字型,做出定义后再提取元素。


Image title


分析好字体,对于接下来提取元素就知道哪些有用,哪些没用;我们在这里可以看到分析出来的“蜡烛”已经成为了其中一个元素。那么我们可以看到,字型没有相对复杂的笔画,而构成“囍”字的基本是横和竖;横笔和竖笔是装饰元素最为合适的笔画,也相对较好处理。


我们来对蜡烛和添加装饰性的元素进行提取:


Image title


Image title


元素提取了出来后,我们可以对笔画进行拆分,将笔画的修饰和元素的融合进行对比。


Image title


把元素全部提取完毕后就可以对字型进行组合,组合过程不是将元素往上面硬凑,而是需要根据实际情况对字型进行调整,使字型达到相对舒适的程度,那么我们来看下最终效果的呈现:


Image title


Image title


一百个人设计同一个字,会有一百种不同;每个人看到的一样,但理解的却不相同。世间万物都可能成为我们的创意点。上诉讲的三种方法可能很简单,但真正掌握好则需要多练习,缺的不是创意,而是你的行动。


好了,我们今天就先总结到这里,希望上面的总结能帮助正在努力的你,咱们下期见!


Image title





















更新:2018-04-03

收藏

471人已收藏

  • 11

    作品

  • 407

    粉丝

  • 1

    关注

  • 经验 | 矩形字体设计案例讲解
  • 经验 | 重复构成在 LOGO中的体现?
  • 徽标集合 | 197DESIGN
  • 经验 | 如何提升信息编排的设计感?

    猜你喜欢

      2018-04-03 原创文章 经验/观点 举报 5399 471 623 27

      经验 | 3招尝试字型设计技法篇

      0.0°

      你确定要举报经验 | 3招尝试字型设计技法篇

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年04月02日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      623
      471
      27

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

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

      登录

      手机号

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

      登录
      第三方账号登录