字体设计基础知识
衬线体与非衬线体:笔画的粗细对比,笔画的装饰有所差异;衬线分为:支架型衬线、发丝型衬线、板状衬线;
衬线/鳞:衬线体的装饰;
中宫/字怀/字谷/胸线/字腔:字体内部留白,大小与字体气质相关
中心&重心:中心是字框的中点、重心是字的体量感的平衡点。重心一般高于中心、且所有字应该保持一致。
字面大小:字体所占的面积大小(圆形>正方形>三角形)
布白:字体的留白
间架结构:
字体的结构:左右、上下、左中右、上中下、全包围、半包围
笔画:横细竖粗、副细主粗、内细外粗、密细疏粗、交叉部分减细
笔顺:笔画的顺序,对于笔锋,连笔等细节有影响。
字型(瘦高/矮胖-与字体气质相关)
一般特征:横细竖粗、上紧下松、左紧右松
升部,降部(英文字体)
字体的气质:秀丽、力量、古朴、现代等,需要与整体的气质保持一致。
字体设计的应用场景:
字库字体:常用于正文,一致性、识别性较为重要;
艺术字体:推广、运营、logo、招牌、包装设计等,布局多变,不拘泥于识别性,更多的讲究图形化;
设计要点/设计步骤
1-字体骨架设计
钢笔造字:钢笔工具画出字形,描边加粗,转化为轮廓
方块造字:矩形拼出字形
利用字库:在字库字体基础上修改,整体的结构不会出现大问题
手写造字:手写之后优化细节
2-字体笔画设计
主要原则:整体和谐、创造规律
细节问题:
笔画末端的方向、形式;
字体笔画的粗细变化、字怀/胸线大小、装饰细节的样式
技巧:
笔画替代:几何形状,主题相关图案等将笔画替换
断舍离:笔画断开、删除、分离
增加细节:增加装饰特征(衬线/鳞/与主题相关装饰)
减少细节:涂抹笔画/整体轮廓化,去除部分特征,利用格式塔心理学的完形理论。
笔画关联:字内连接(延长连接、旋转连接、断开连接);字外连接(相邻字之间的连笔,顺势连接、错位连接);特殊连接(写字时笔画之间的连笔)
笔画反用:将笔画的方向发生变化
立体化:增加Z轴,形成立体感/形成二维透视点
借用特征:借用繁体字的形式/借用英文字体特征/借用日文字体的特征;
形成对比:加强笔画之间的对比(粗/细、长/短、填充与不填充、质感/纹理、色彩);部分笔画的夸张化
文字艺术化设计的处理方法
对比
粗细对比:同一个字内部、不同字之间的笔画粗细对比
虚实对比:描边与填充、图案与填充、纹理与填充之间的对比,体积感、重量感有所差异
字号对比:文字之间的大小变化会产生不同的视觉层次
透明度对比:在同一个字内部、不同字之间透明度形成差异
字体对比:选用不同风格的字体,放到一起形成
色彩对比:同一个字内部、不同字之间的色彩形成差异
裁剪大小对比:利用格式塔心理学的完形理论,裁剪字体,通过裁减区域的大小、裁剪的形状等形成对比。
模糊程度对比:同一个字内部、不同字之间利用模糊工具,将部分笔画或文字模糊处理,形成对比。
重复后形成对比:将同样的文字多次重复,在粗细、虚实、字号、透明度、字体、色彩、裁剪大小、模糊程度、文字方向等方面制造差异
异化
拉伸:利用变形工具,将文字的笔画、文字整体纵向或横向拉伸
扭曲:将文字自身或者文字的排列方式制造扭曲效果
立体化:通过透视、2.5D插画的形式,让文字形成空间感
文字组合排版设计
海报、logo字体:更加图形化,形成深刻印象;针对标志字体/运营字体,排版方式对营造整体的氛围形成帮助。
杂志、书籍字体:更偏向于阅读性,强调清晰、舒适。
海报、logo字体组合排版方法:
位置错落:上下左右之间的摆放、字体大小之间的变化。
字间距:通过变化字间距来加强某种风格(字间距小——紧张感、密度感;字间距大——轻松柔和)
字体方向:改变字体方向,形成对比
增加背景:字体笔画拆分;字体模糊;
增加辅助图形: 线条、圆形、三角、中英文结合
增加纹理与质感:通过叠加纹理质感来增强氛围,材质选择与主题相关(如用面粉写“陈克明”三个字)
投影/描边:在Z轴上增加变化/刻画细节,凸显字体。描边方式可以是大致轮廓、精细刻画、或者是多次堆叠、位移变化等。
裁切:将文字切割后再组合、切割后舍弃部分
增加笔触、飞白:手写字体,毛笔字体常用
色彩的搭配;部分文字、部分笔画色彩的异化处理。
报刊书籍排版设计要点:
·边界,版心大小
·行长与分栏,过长不适合阅读,过短的话断句过多
·行距大于字距
·引导视线的流动
·说明性文字与被说明的对象关系要紧密,不同对象间要划分清楚
·字体与内容的意义风格要和谐
·通过字号、字重、字体、字间距、颜色等来形成对比
·文字的空间关系、字体方向等变化来形成节奏感
其它
字体营造的感觉:
高级感与传统感:衬线体更有优雅华丽的感觉,留白、字间距较大,颜色沉稳
亲近感与柔和感:文字圆润,减少锋利的笔画,文字的方向有细微变化
未来性与先进性:构成越简单、越抽象,现代感更强
怀旧与复古:手写体,笔画不统一,斑驳纹理
华丽感与装饰感:装饰元素,衬线,笔画的替代
严谨感与信赖感:整体感较强,统一笔画、宋体优于黑体,排版干净整洁
自然感与手工感:字距宽松,手写体,手写笔的质感
精致的印象:笔画较细,较少的衬线,字号较小、留白较大,无彩色
力道与冲击感:笔画较粗,字距较近,色彩对比强烈
纤细与美丽:曲线的笔画,笔画末端圆滑,强调装饰性
资源
360查字体-查版权,免纠纷
[字由] 设计师必备字体利器
字体下载-求字体网提供中文和英文字体库下载、识别与预览服务,找字体的好帮手
阿里巴巴版权素材信息平台
造字工房
参考
超全面!这可能是最完整的字体设计基础知识! - 优设-UISDC
超实用!简单七招教你打造超有格调的字体设计 - 优设-UISDC
想让字体更有吸引力?来学下字体设计的断舍离! - 优设网 - UISDC
据说小学生看完都会设计字体了|平面|教程|乞丐xq - 原创文章 - 站酷 (ZCOOL)
字体设计入门基础知识 &造字步骤解析
设计入门教室2 (豆瓣)
腾讯设计师:送你10个提高文字设计感的高效方法! - 优设网 - UISDC