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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
24K纯干货:教大家字体设计
0.0°
2020-04-17 原创文章 教程 举报 3883 69 38 1

教练,我想上首页


今天滴课程是“字体设计”,窝保证99%都是干货,绝无尿点~

这些年,优秀滴窝偶尔会问自己一个问题:神马是设计?

年轻滴时候,刚刚工作滴窝回答不上来;

工作一两年后,窝感觉抓住了点什么,细细想来,又什么都没有;

而对于现在滴窝来说,可能设计就是一种读书破万卷,下笔如有神滴感觉。


所以,设计是要讲依据,讲方法滴,通过胡乱想象设计滴,只有两种人,要么是新手,要么是大师。


这节课,窝将教大家几种字体设计滴方法,工具一定要用Ai哦。




这种方法滴意思就是,窝们根据要做滴文案和汉字笔划,分别画好需要滴笔划,再组装起来。

例如,窝想做个“绿野仙踪”,先用黑体字打粗来(背后滴方块是窝用来参考字体大小滴):


这种有气质滴文案,窝选择衬线字体,所以窝们把需要用到滴笔划都画粗来(这一步就有发挥滴空间啦,基础滴笔划不同,待会拼起来也会有很大滴不同):



调整笔划和参考滴大小,窝们这里需要把参考给锁定了,避免误操作:



然后,窝们就阔以开始组装啦(笔划表直接用,复制一份备用),注意尽量不要对笔划进行缩放,只改变长短:


这时候就要看实际情况啦,窝这里如果一板一眼滴话,就显得很拥挤,也木有灵性,所以加上一丢丢调整:


完美~

按照这个方法,把其他字也做粗来:



把字体错开,增加一点空灵滴赶脚:



最后加上一些修饰就完成啦~




窝们这里还阔以扩展下~


扩展一:选择不同滴参考字体

窝们阔以选择一些有特点滴字体,以其为参考,就阔以做粗不同滴设计来,例如下面这个字体(汉仪六字黑)(窝打错字了,是乐园,不是花园):


做粗来滴效果:



扩展二:不同滴笔划

这里窝们选用这一套:



做粗来滴效果:



再换个横平竖直滴,顺便整个繁体字,这次窝们只用垂直线、水平线和圆来拼:



完成滴效果:



大家消化消化~一定要动手做起来,万事开头难嘛~




很多英文字体都有不错滴设计感,窝们可以利用起来,利用跟第一讲差不多滴方法来造字。


例如,这个哥特风格字体(Demon Letter):


这个比较适合做一些竖直笔划多,水平横线笔划不长滴字体,例如“创”这个字就很适合,“美”这个字就不适合。


还是同样滴方法,摆好造型,把字母都转化为路径:



仔细观察笔划,“创”字左上角滴一撇一辣,窝们就阔以“v”来代替:



左边滴下半截,阔以用“v”和“g”来代替:



按照这个方法,最后完成滴效果,由于“世”字不是很适合这个风格,可能看起来稍稍有点怪~:



下面这个英文字体也非常有特点(coco):



用这个字母做粗来滴字体灰常有赶脚,缺点是限制比较大,跟辣个哥特体限制差不多。


例如,窝想做个“妈咪哄”,其中,咪和哄比较适合,妈字不太适合。


窝这里简单说下“咪”字做法,口字旁,直接用“o”,“米”字的一横不好做,窝们直接省略掉,直接用“m”代替下半截:



最后做好滴效果:



窝们再换个字体,这次用汉仪星球体:



完成后滴杨紫:



这一讲比较简单,就是直接用钢笔上手画,窝这里选一个俏皮滴字体(Aa方萌):



画粗来滴杨紫:


加上装饰品:




画笔造字适合做一些粉笔字、毛笔字风格滴,首先窝们选择画笔工具并双击,把保真度拉满:



关掉填充,加上描边,把描边样式设置为下图滴杨紫:



然后就阔以开始画啦,窝随便录下屏给大家示范示范,不要吐槽画得烂哦,窝只是节约时间演示(这一步一定要慢慢画,反复调整):



最后做好滴杨紫(画完后,窝把竖直滴笔划加粗了):



再简单说说窝这里其他滴设计方法~


1.剖开法:

字体感觉从中间分成了两半,适合做一些左右对称滴字体:



2.拉伸法:

拉伸字体竖直或水平滴笔划滴设计方式,适合做笔划横平竖直滴字体:



3. 圆圆圆:

用圆环拼凑所有滴笔划:



4. 2.5D视角:

先做粗一个2.5D视角下滴长方体:



以此为基础拼凑所有滴笔划(基础笔划表合并了,窝们后期还阔以通过它做粗一些立体感):



5. 胖胖体:

笔划部分重叠在一起,看起来很可爱滴字体,不适合做笔划太多或太少滴字体:




6. 象形:

一般选用动物形象与字体结合,例如窝这个“狗子”,大伙应该、可能、大概、也许看得粗来吧:

好啦,今天滴课程就结束啦,各位童鞋有疑问滴话,请在下面留言哦~我会在300个工作日内回复你~




Powered by Froala Editor

更新:2020-04-17

收藏

69人已收藏

小卜卜

窝不放微信邮箱了,让窝上首页吧~

  • 31

    作品

  • 114

    粉丝

  • 0

    关注

  • 一些logo
  • 就一张封面
  • 一张书籍封面,做着玩
  • 一张海报
相关标签
经验设计UI教程

    猜你喜欢

      2020-04-17 原创文章 教程 举报 3883 69 38 1

      24K纯干货:教大家字体设计

      0.0°

      你确定要举报24K纯干货:教大家字体设计

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2020年04月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      38
      69
      1

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

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

      登录

      手机号

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

      登录
      第三方账号登录