• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 腾讯设计师:超全面的变体美术字设计手册

腾讯设计师:超全面的变体美术字设计手册

作者:Erztan 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含字体设计,字体设计教程,经验分享,腾讯CDC等相关知识,Erztan希望在学习及工作中可以帮助到您

@谭禛_ERZT :作为视觉设计师,我们是不是经常遇到这种问题?

其实有时候解决这种问题很简单,你只需要对字体进行正确的处理,可能世界都不一样了。

画面的整体感觉和很多因素都相关,比如颜色,细节的小元素等等,这些都是影响画面感的重要因素,关于氛围的打造,已经有很多的文章去说明了,这里不多说。这一次,我们一起来看看变体美术字设计的魔力。

看完本文你会学到:

1.?什么是变体美术字

2. 变体美术字有哪些类别

3. 从汉字笔画和笔画形状深入了解变体美术字

4. 设计变体美术字的10种基本方法

下面,我们一起来看看变体美术字的奇妙之处吧。首先来看看早期的字体分类。

早期的字体分类

最早的字体分为活字字体和美术字体两大类,活字字体是最早的印刷字体,美术字体则是目前我们接触到的所有字体(含有黑体,宋体,书法体,变体)。

变体美术字是什么

变体美术字属于美术字体一类,是经由宋体、黑体、书法这些基本字体变化而来,它可以是黑体、宋体、书法体,也可以是其中两种或三种字体的结合变形。

随着字体的发展,变体字也产生了许多字库,像造字工房,方正,汉仪,文鼎,蒙纳这些专门的字体设计公司已经有很多变体字的字库了。

注意:书法文化底蕴要求高,真正掌握的人不多,经常以照搬某人书法体的形式出现。

想了解变体美术字,必须翻越三座大山

在变体美术字这一类字体里,有三座大山是需要我们去翻越的,分别是:类别,基本笔画和形状,创造 · 改造。无论是想了解或者创造变体美术字,这都是敲开变体美术字大门最基础的工具。

一. 变体美术字的类别

从上面我们知道,变体美术字是经由宋体、黑体、书法这些基本字体变化而来,那么它的类别自然也来于这些基本字体,大致可以分四类:似黑体变体字,似宋体变体字,混合体变体字,书法体变体字。

二. 汉字的基本笔画和笔画形状

笔画是汉子的最小构成单位,也是变体字设计中的核心,我们从汉字的基本笔画和汉字的笔画形状入手来了解变体美术字。

1. 汉字的基本笔画

汉字的基本笔画即「永」 字的八笔画,这是基于「永」 字八法产生的,它是古代书法家练习楷书的运笔技法,因为「永」 字的笔画每笔各有特色,而又互相呼应,故可将其作为评判楷书水平的标准,同时也是评判一个字体的基础标准。

这里的八种笔画是可以组织在一起产生出新的笔画的,如下图:横钩,横折钩,横折弯钩,竖折,竖弯钩,横折提,竖折撇,竖弯钩等等都是由基本笔画衍生出来的。

2. 汉字的笔画形状

汉字的笔画形状主要是指笔画在起笔、收笔以及折处的特点,有「方、尖、圆、曲线」四种,曲线是比较特殊,它的起笔、收笔可以是 「方尖圆」,但它的笔画结构一定会产生扭曲变形。学会辨别汉字的笔画形状对之后 「看」 或者「做」变体美术字都是很重要的。

注意:不要被某些笔画本身的特点误导,为了更容易理解,举个英文的例子。

从汉字的基本笔画和笔画形状入手进一步了解变体美术字。

三.? 变体美术字的四种类别

1. 似黑体变体字(最常见的一类)

为了更好展示似黑体变体字的基本笔画和笔画形状,将其小类转化为表格,并都以「永」 字来示意。此处示意的「永」 字都是由最常规的笔画形状拼凑而来,另外在笔画形状的子类目里增加了「粗细」维度,因为字体的「粗细」会直观影响人们对字体的感觉和认识。

似黑体变体字的第一个小类:

似黑体变体字——「方」的基本笔画和最常规的笔画形状:

基本笔画和笔画形状的发散——改变「方」的视觉表现

我们知道上图中展示的 「永」字是最常规的笔画形状,我们可以通过一些视觉方法来改变「方」 的表现,比如倾斜,旋转,裁切等等。改变完之后你可以得到很多新的笔画形状(以笔画 “丨” 为例),比如:

「方」的基本变体字字形

正因上面这些发散,产生了许多基本变体字字形(以 “永” 字为例),如下:

「方」的变体字字库:

「方」的笔画粗细

值得注意的是,字的粗细的不同,给人的印象也不一样,在「方」这类这里尤为明显,如下:

来个例子消化一下(改个字体,感觉世界都不一样了):

似黑体变体字的第二个小类

似黑体变体字——「尖」基本笔画和最常规的笔画形状

基本笔画和笔画形状的发散——改变 「尖」的视觉表现

原理与做法上面交代过了,不多说了,直接看改变完之后得到的很多新笔画形状(以笔画 “丨” 为例):

「尖」的基本变体字字形

「尖」的基本变体字字形,绝大多数都是由「方」微变形而来(以 “永” 字为例),关于「尖」这一类,我们很多时候只用几笔,如:

「尖」的变体字字库

同样,「尖」的变体字也有字库,只不过 「尖」的字库字体少之又少,如下:

「尖」的笔画粗细

因为「尖」 的细体字笔画变化在字形表现中过于微妙,出现的极少,这类字给人的印象以粗的「尖」 为主,其实就是在粗的 「方」基础上增加了冲动与刺激感。

来个例子消化一下:

似黑体变体字的第三小类

似黑体变体字 ——「圆」基本笔画和最常规的笔画形状

基本笔画和笔画形状的发散——改变 「圆」的视觉表现

同样,直接看改变完之后得到的很多新笔画形状(以笔画 “丨” 为例):

「圆」的基本变体字字形与字库

由于笔画形状的发散,「圆」的变体字也产生了基本字形和字库

您可能想查找下面的文章:

  • 这篇字体设计教程,可能让你少赔几万
  • 饿了么高级设计师:界面视觉设计 5 要素之字体篇
  • 想营造出80年代的复古风格?下面的建议不要错过
  • 想让文字更出彩?试试通过切割文本来创造视觉吸引力
  • 为了让你用上正版字体,他辞职花了 2 年造字
  • 收藏这个神器,帮你一键生成高大上的艺术字体!
  • 超全面!八种格调超高的PPT文字设计法!
  • 我们观察到,2018年网页文本字体的设计趋势有这7种
  • 网页中这10种字体的运用方式,不会让人觉得Low
  • 这8个字体设计和排版技巧,是2018年的设计趋势

相关文章

  • 2018-08-23实用总结!「返回」功能应该怎么设计?
  • 2018-08-23超实用!手机摄影如何拍出高大上的感觉?
  • 2018-08-23别让这些过时的设计元素,毁了你的好设计
  • 2017-08-06网页改版的7大要素分享 网页改版有哪7大要素
  • 2018-08-23如何写出拥有“带货”能力的产品文案?
  • 2018-08-23「这个控件叫什么」系列之输入框/文本框/Text fields
  • 2017-08-06HTML,CSS的命名习惯总结
  • 2018-08-23平面设计中如何留给别人最好的第一印象?
  • 2017-08-06深入理解::before/:before和::after/:after的使用
  • 2018-08-23如果你正在设计原型,这4个图片占位符工具别错过

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 这5种字体设计策略,帮你创造精彩出挑的网页视觉体验
    • 门户网站改版之用户体验
    • 高手经验!Facebook的360全景VR应用设计总结
    • 网易资深设计师:我用这7个流程做LOGO设计
    • 超全面的移动端UI 设计规范整理汇总
    • 看似愚蠢的YouTube 可跳过广告,背后有哪些精妙无比的设计?
    • 浮动菜单,可实现上下滚动的效果
    • 饿了么高级设计师:界面视觉设计 5 要素之字体篇
    • 设计到底有哪些价值?让谷歌设计Leader 来告诉你!
    • 你设计的图标,能顺利通过图标的可用性测试吗?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有