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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
2017年最新banner字体设计教程
0.0°
2017-02-07 好文转载 经验/观点 原作者: 海淘科技 举报 3592 12 7 0

字体设计(美术字)是设计师必须掌握的一项基本技能,就跟我们学开车一样,只要通过系统学习和练习是完全可以成为一名合格的“老司机”。今天我们抛砖引个玉,从汉字的发展史、汉字的结构特征、banner字体的设计过程、美术字的设计过程、设计方法简单聊聊。

2017年最新banner字体设计教程


在品牌设计、包装设计、书装设计、海报设计、电商设计等领都需要字体设计,一款独特有美感的艺术字能为你的设计锦上添花,还可以为客户节省向字库公司购买字体版权的费用。

2017年最新banner字体设计教程


思想性:表现出文字内容的精神内涵。可以通过笔画形态、颜色、材质效果等来体现。如下图,在笔画形态的处理上用尖锐的转角和弯勾来模拟“鬼手”,用斑驳的材质和恐怖的色彩组合渲染惊悚的气氛。

2017年最新banner字体设计教程


可读性:注意结构和形态的识别度。美术字首先得能被识别出来,我们在融入艺术创作的同时要保证受众能够准确的理解字体含义。如下图,“看电影”三个字中都有部分笔画被其他物件代替,但是文字的结构并没有得到破坏,用于取代的物件也是跟主题相关的东西,让人能迅速识别并产生好奇。

2017年最新banner字体设计教程


艺术性:整体美观协调,符合美学形式感。我们所学的所有平面构成知识都可以用于美术字设计中(重复、近似、渐变、变异、对比、集结、发射、特异、空间与矛盾空间、分割、肌理及错视等等)如下图,(21个简洁网页设计欣赏)“无人区”三个字就运用了正负形的手法来表现。

2017年最新banner字体设计教程

2017年最新banner字体设计教程


甲骨文:刻在龟甲、兽骨上的记载占卜的卜文,既是象形字又是表音字,说明汉字起源于图画。

2017年最新banner字体设计教程


金文:铸在青铜器上的铭文,大多用于祭祀,金文从甲骨文发展而来,但是比甲骨文内容更丰富,更完整。(28个精美的网站按钮设计欣赏

2017年最新banner字体设计教程


篆书:又分大篆和小篆。

大篆,秦国使用的文字。

大篆的特点:线条均匀柔和;更规范,字型结构趋向整齐,逐渐脱离图画的形态,奠定了方块字的基础。

小篆:秦统一六国后,由李斯等人收集、整理和简化形成小篆。

小篆的特点:线条化和规范化更完善,完全脱离图画的形态,更加整齐协调、美观。

小篆的缺点:刀刻和书写都不方便。

2017年最新banner字体设计教程


在美术字设计中也有很多模仿篆书感觉的设计作品,尤其是一些体现历史文化的项目。如下图:

2017年最新banner字体设计教程


隶书:又古隶和今隶。

古隶,是由小篆到今隶的过度字体。

古隶的特点:把小篆粗细相等的均匀线条变成了有棱有角的横、竖、点、撇、捺、挑、勾等笔画,更适合毛笔书写。

今隶:古隶发展到汉代笔画更加工整美观、活泼有波势挑法成为今隶。

今隶的特点:更能发挥毛笔的书写特点、更成熟美观。

2017年最新banner字体设计教程


楷书:西汉萌芽,成熟于东汉末年,魏以后兴盛起来。楷书由今隶直接演变而来,它们在形体结构上区别不大,只是运笔方法不同。

楷书的特点:形体结构上打破了今隶的平直方正,变“八”字形的扁方形为“永”字形的正方形。字势上比隶书更向内集中。

2017年最新banner字体设计教程


草书:快速书写和不断简化而自然产生的。每种字体都有它在民间应用的草书,包括篆草、隶草、章草(今隶的草书)、今草和狂草(楷书的草书)。

2017年最新banner字体设计教程


行书:楷书写得快了就成了行书,介于楷书与草书之间,受草书快速流畅书写的启发,又补救了草书不易阅读的缺点。直到今天行书依然是既能快速书写又容易识别的实用性最大的字体。

2017年最新banner字体设计教程


如果你书法写得好,那真是捡便宜了,直接挥几笔就是字体设计作品了。

2017年最新banner字体设计教程


宋体:印刷术发明后,刻字用的刻刀对汉字发展产生了重大影响。笔画有粗细变化,一般是横细竖粗,末端有装饰部分(即"字脚"或"衬线"),点、撇、捺、钩等笔画有尖端。借鉴宋体在笔画中加入一些装饰,或者在宋体的基础上进行简化,保留部分装饰,就又称了一个新的字体作品了。如下图:

2017年最新banner字体设计教程


黑体:黑体字又称方体或等线体,是在现代印刷术传入东方后依据西文无衬线体中的黑体所创造的。黑体没有衬线装饰,字形端庄,笔画横平竖直。笔迹粗细均匀,看似一样粗细。下图是运用钢笔工具设计的字体。

2017年最新banner字体设计教程


终于弄清楚了汉字的发展史,感觉上了一次历史课啊。

2017年最新banner字体设计教程

2017年最新banner字体设计教程


结构:组合上,各部首的面积并不是绝对等分的,要根据部首的大小、长短适当调整。由于各部首之间并没有连接的笔画(政府网站建设注意要点),只有穿插或交叉,在方向上大多是向左、右、下三面发展。对于汉字的后期设计可以利用这一点进行笔画之间的断开或连接。

2017年最新banner字体设计教程


比例:组合上,各部首的比例关系非常重要,左右比例,上下比例,内外比例等,这直接关系到一个字的美感。下面第一排字再比例上是存在问题的,第二排是修改后的结果。

2017年最新banner字体设计教程


重心:字体的视觉重心靠上,让字体上紧下松,看上去更舒服。重心由文字中的横线笔画来控制。通过下面这种图来说明一下,你是喜欢郭敬明呢还是喜欢右边这个大长腿?

2017年最新banner字体设计教程

2017年最新banner字体设计教程


笔画:汉字中,起支撑作用的笔画叫主笔画,其他叫副笔画。横竖大多为主笔画,设计时可先写主笔画,后写副笔画,副笔画变化更为灵活,有更多设计空间。在下图“前泽幻美作品集”中,主笔画都得到了保留,副笔画被简化成了圆点,但是依然不影响识别。汉字中,横多竖少,同样宽度的横比竖看起来更粗,为达到视觉上的均匀,一般把横笔设计得更细一点。

2017年最新banner字体设计教程


线条:线条方向对字形的影响:横线多的见长,竖线多的见宽。因此,以横笔为主的字(王),上下要压缩,以竖笔为主的字(川),左右要压缩。

2017年最新banner字体设计教程


线条粗细对字形的影响:少笔粗,多笔细;疏粗迷细;笔画交叉处要细;主笔粗,副笔细,外档粗,内档细。

外形:汉字虽然是方块字,但是因笔画不同,在外形上也会呈现出其他形状。

2017年最新banner字体设计教程


上图上1为正方形,2是1旋转45度后形成的菱形,但是在视觉上看起来却比1更大。3是与1等高的菱形,它的面积变小了。4与1相同,5是大小感觉上与4相等的菱形,但实际上5比4小一点。下一排的汉字也是依照这样的理论得到的。我们在设计时应注意字体外形的差异带来的错觉,追求整体视觉的统一而非物理统一。

内白:图中两个正方形是等大的,由于内部黑色矩形的形状变化让我们认为第一个正方形更长,第二个更宽。这是由于内白形状的不同引起的错觉。

2017年最新banner字体设计教程


更新:2017-02-07

收藏

12人已收藏

上海海淘科技

海淘科技,国内先进的网站建设服务商

  • 65

    作品

  • 124

    粉丝

  • 7

    关注

  • 电商页面设计色彩搭配大盘点,快来拿
  • 怎样做APP界面视觉改版,这简直太神了
  • 原创教育网站设计作品
  • 最新的地产网站制作案例

    猜你喜欢

      2017-02-07 好文转载 经验/观点 原作者: 海淘科技 举报 3592 12 7 0

      2017年最新banner字体设计教程

      0.0°

      你确定要举报2017年最新banner字体设计教程

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2017年02月07日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      12
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录