恭喜你成为UI中国推荐设计师 (详情)

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

推广

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
谈天说字|「猪事皆闹 新年开燥」字体设计全流程详解
101.4°
原创文章 / 经验/观点 / / 举报
22967 63 261 2

2021-03-08

这是一篇记录字体设计全流程的字体设计教程。

没错,这又是一篇属于旧作重发的字体设计教程——拿之前的作品重新整理、梳理,加上现在新的理解,重新更新了部分的内容,又有了全新的感觉。

希望给您更不一样、更好的阅读与理解体验~


下面进入主题:

这次我们要设计的内容是「猪事皆闹  新年开燥」


我们做字的步骤大体可分为下面四大部分:


第一部分是:思考


根据主题「猪事皆闹 新年开燥」,进行发散思维,得到一些关键词,比如:新年气氛、正能量、直线条、中国红、喜庆黄、连笔、断笔、简约、上扬……



第二部分是:草稿


绘制手稿

按上面思考出来的关键词,尝试绘制字体设计草稿~




第三部分是:执行


01. 字库字体结构参考


02. 限定字框与绘制网格
03. 雏形


04. 调整

雏形这个阶段是刚开始的阶段,必然有很大的优化空间。

不用说肯定是整体常规式优化,调整结构,均衡找到合理位置断笔,让字体视觉重量更一致。

「燥」在这款字当中笔画过多,只能妥协将笔形变细,但呈现的效果并不理想,且与整组字格格不入,如上图。

所以,把「燥」的「品」用连笔、断笔的方式调整得简约,同时也将「火」的右上角一笔去掉,与「品」最左那一竖笔共用,因此「品」部分占比更大,笔画的粗细也能调节到更合适的状态。

「燥」的「火」部分左上角的竖笔与主干做了连笔处理,而「火」部分右下角原本的连笔则修改成断笔。理由是:连笔处理是为了字体更紧凑;而「火」部分右下角的断笔处理是因为笔画繁多的字体中间应留一些可疏通的负空间,增加字体的呼吸感。


说了这么多,一言以蔽之,就是度。何为度?均衡,字体结构的均衡,笔画之间亲疏关系的均衡。

「猪」字右上角修改了结构笔画上的处理方式,识别与风格上更契合整体了。

整组字,在先前生硬的转折处做了倒圆角处理,视觉上更舒适了。


05. 继续修改

  • 添加字母装饰。

  • 「事」字中间竖笔向下延伸了一点。

  • 「猪」字右下角的颜值画笔做了删减,变回常规方式,理由是显得多了,所以需克制、收敛。

  • 「年」字中间竖笔下方显得空,固增加了颜值画笔的特征。

    06. 谈谈「皆」与「燥」

    注意中间灰色字标红位置,就是修改的部分。

    「皆」字改之前比较呆板,改之后更像字体本身的特征,更易阅读,也去除了呆板印象。


「燥」字,请看中间标红的那两笔,修改前,这两笔虽做到了共用,也保证了识别,不过依然不够巧妙。

当时百思不得其解,边思考边在纸上随意涂鸦,经过多翻尝试终于找到解决方案。最终,把标红两笔巧妙结合,共用一笔。



07. 「皆」字的精益求精

做字我一直在追求最佳方案。上一步的修改,让「皆」字改掉了呆板印象,但让我们观察一下「皆」字原本的样子,下方是个「白」字,虽然商业字体设计可以这么处理,只要确保识别即可。

我在下面部分左上角做了断笔处理,这样看起来左上角的那笔竖笔就好像是「白」字的撇的缩短版,同时断笔处理也多了一些呼吸感。这样的设计有些润物无声,不容易发现。好的设计就是这样,你也许没有发现哪里不一样了,但你感觉更舒服了。我努力让你更舒服一些。



第四部分是:包装



包装

做这款字时整值过年之际,也契合主题,所以用了红黄搭配,喜庆。背景加一些点与波纹质感。字体上也加了杂色与点状铺面,增加了字体的层次感与趣味性。

这样的字体和效果,用在 banner、活动主题或者卡片等设计上都应该是一个不错的选择吧。


全流程回顾



做字全流程GIF图

把过程用动效串起来,方便大家快速有效感受字体设计过程的变化。

感恩您阅读到此,让我们这次的交流更为完整。

后会有期~




2021.3.8


Powered by Froala Editor

收藏

63人已收藏

评分:

完整度:5星

启发性:5星

勤奋性:5星

排版布局:5星

推荐:
很棒的设计过程,排版也很高级,内容也很详细,值得推荐给大家!

梁志坚设计师

顺风不浪 逆风不怂

  • 12

    作品

  • 564

    粉丝

  • 28

    关注

  • 字体作品|字体30天计划「合集」
  • 字体作品 | 字体30天计划「第3部分」
  • 字体30天计划「第2部分」
  • 坚果插画 |「干就完了」字体插画海报设计

猜你喜欢

    梁志坚设计师

    梁志坚设计师

    顺风不浪 逆风不怂

    叫兽原创达人收藏家lv.1
    • 564

      粉丝

    • 464.4

      人气

    • 5552

      颜值

    作品

      最新推荐

      阿里腾讯设计师晋升指南

      156 0 0

      相关佳作
      换一换

        梁志坚设计师

        点赞:261

        收藏:63

        评论:2

        谈天说字|「猪事皆闹 新年开燥」字体设计全流程详解

        你确定要举报谈天说字|「猪事皆闹 新年开燥」字体设计全流程详解

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

        0/200

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

        点击上传附件

        对谁可见:

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

        您确认要推荐?

        该作品发布时间:2021年03月08日

        评分

        完整度

        启发性

        勤奋性

        排版布局

        推荐心得

        建议20-200字以内

        0/200

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

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

        登录

        账号或密码错误

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

        登录

        可云端编辑的专业级UI设计工具

        立即体验