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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
字体设计在banner中的应用
0.0°
2017-10-28 原创文章 经验/观点 举报 4637 35 41 2



【AI教程】手把手带你入门字体设计已在B站上线:

https://www.bilibili.com/video/av15700052/


源文件可以在文末下载啦。



#设计思维训练·第二课#

训练内容:字体设计在banner中的应用

训练对象:川外学生之家设计组


课程安排回顾:

1、点评上周的banner作业

2、讲解字体设计在banner中的应用

3、归纳入门字体设计方法

4、进行实战训练



上节课给大家讲解了设计四大基本原则对于排版和构图的重要性,然后让大家去自学了PS和AI的基本操作,并完成了学生之家推送banner的设计。这节课我想通过对字体设计的讲解,带着大家一起进行实战训练,在巩固软件操作的同时,了解字体设计在banner中的应用。



有些同学可能还不知道banner是什么意思,通俗来讲,就是“头图”,“主视觉图”,百度上的阐述是:可以作为网站页面的横幅广告,也可以作为游行活动时用的旗帜,还可以是报纸杂志上的大标题。Banner主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。


总而言之,banner一般放在最显眼的位置,一般必须起到宣传作用,所以它不可能是纯视觉的东西,banner上面一定是有文字的。


既然有文字,那么我们就可以对其进行设计,一是为了避免因为使用字库字而产生的侵权纠纷,二当然是为了美,为了让我们的banner更吸引人。


接下来我们来看一些案例:


Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title

Image title



大神造字呢,一般会使用到矩形造字、钢笔造字、曲线造字等等方法凭空造字,但那是人家对汉字的形和义都有很深的研究,他们可以一边造一边调整,保证字体的结构美。但我们作为初学者,我的建议是选择合适的字库字,再进行改造。



好了现在肯定会有人问怎么选择才叫做合适?


上节课我们讲到了字体的性格,其实根据主题或者受众的不同,设计也是有性格的,比如你要设计一款男士洗面奶的banner,那么字体就应该选择偏男性偏力量的无衬线字体,典型代表当然是黑体;你要设计幼儿园的传单,那么字体建议选择卡哇伊的类型。字体的性格符合设计的性格,这就叫做合适。



在近几年的自我摸索和实践中,我总结了两个适合初学者的字体设计方法:

连字法。 替换法。


(我给大家展示的banner中字体设计案例,有的用到了连字法,有的用到了替换法,在课堂上我们对每个案例进行了讲解,现在大家还回忆得起来吗?)


Image title

Image title


连字法,顾名思义就是把字与字连接起来。连接的方式就是在AI中,将文字创建轮廓,取消分组之后,用“小白”工具选中一个字的锚点拖动到与另一个字连接起来,最后合并形状即可。


在这里我以学生之家招新展架上的字体设计为例,手把手带着大家实战进行了连字法的字体设计,本来我说今晚给大家发详细的分解步骤,但因为工作原因耽搁了,所以我明天录制一个操作视频发给大家,还需要再练习的同学可以跟着视频再操作一遍。


Image title


替换法是指用别的物体代替字体的某个笔画或某个部分,在不影响字体识别的情况下,能够让人耳目一新,这种设计方式更为巧妙。替换法相较于连字法来说,操作难度并没有增加多少,但需要大家多开脑洞,将合适的图形或图标与字体组合起来。


Image title

Image title

Image title

Image title


Image title


欣赏完替换法的案例,我截取了网易云音乐的启动页上的字体设计作为案例想带着大家再进行替换法的实战训练,但由于时间关系,我只能给大家讲解了该字体设计是将无衬线的字体的顶部矩形用三角形替换了,然后给大家演示了一下在PS里面“旋转”和“斜切”的视觉区别(该案例用到了斜切)。


关于这个案例的操作步骤我也会一同录制视频给大家看啦,希望大家尽快掌握AI的基本操作,并且和我一样爱上它~


不爱不行,毕竟下一课你们想听的logo设计也会继续用到AI哦。


接下来是这周的作业:


Image title


好好向上,天天学习~

加班到现在,晚安啦小朋友们。


Image title

微信公众号:叶设计的自习室

更新:2017-10-28

下载
收藏

35人已收藏

超级叶

微信公众号:叶设计的自习室

  • 48

    作品

  • 1842

    粉丝

  • 70

    关注

  • 教程 | Vol.7 用AI做文字效果设计 之 三步打造破碎
  • 教程 | Vol.6 用AI做文字效果设计 之 酷炫故障文字
  • 教程 | Vol.5 用AI做文字效果 之 解构堆叠扭曲文字
  • 教程 | Vol.4 用AI做文字效果 之 封套扭曲变形字
相关标签

    猜你喜欢

      2017-10-28 原创文章 经验/观点 举报 4637 35 41 2

      字体设计在banner中的应用

      0.0°

      你确定要举报字体设计在banner中的应用

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年10月24日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      41
      35
      2

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

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

      登录

      手机号

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

      登录
      第三方账号登录