美文网首页
字体设计基础知识整理

字体设计基础知识整理

作者: dddt01 | 来源:发表于2019-03-16 11:49 被阅读0次

    字体设计基础知识

    衬线体与非衬线体:笔画的粗细对比,笔画的装饰有所差异;衬线分为:支架型衬线、发丝型衬线、板状衬线;

    衬线/鳞:衬线体的装饰;

    中宫/字怀/字谷/胸线/字腔:字体内部留白,大小与字体气质相关

    中心&重心:中心是字框的中点、重心是字的体量感的平衡点。重心一般高于中心、且所有字应该保持一致。

    字面大小:字体所占的面积大小(圆形>正方形>三角形)

    布白:字体的留白

    间架结构:

    字体的结构:左右、上下、左中右、上中下、全包围、半包围

    笔画:横细竖粗、副细主粗、内细外粗、密细疏粗、交叉部分减细

    笔顺:笔画的顺序,对于笔锋,连笔等细节有影响。

    字型(瘦高/矮胖-与字体气质相关)

    一般特征:横细竖粗、上紧下松、左紧右松

    升部,降部(英文字体)

    字体的气质:秀丽、力量、古朴、现代等,需要与整体的气质保持一致。

    字体设计的应用场景:

    字库字体:常用于正文,一致性、识别性较为重要;

    艺术字体:推广、运营、logo、招牌、包装设计等,布局多变,不拘泥于识别性,更多的讲究图形化;

    设计要点/设计步骤

    1-字体骨架设计

    钢笔造字:钢笔工具画出字形,描边加粗,转化为轮廓

    方块造字:矩形拼出字形

    利用字库:在字库字体基础上修改,整体的结构不会出现大问题

    手写造字:手写之后优化细节

    2-字体笔画设计

    主要原则:整体和谐、创造规律

    细节问题:

    笔画末端的方向、形式;

    字体笔画的粗细变化、字怀/胸线大小、装饰细节的样式

    技巧:

    笔画替代:几何形状,主题相关图案等将笔画替换

    断舍离:笔画断开、删除、分离

    增加细节:增加装饰特征(衬线/鳞/与主题相关装饰)

    减少细节:涂抹笔画/整体轮廓化,去除部分特征,利用格式塔心理学的完形理论。

    笔画关联:字内连接(延长连接、旋转连接、断开连接);字外连接(相邻字之间的连笔,顺势连接、错位连接);特殊连接(写字时笔画之间的连笔)

    笔画反用:将笔画的方向发生变化

    立体化:增加Z轴,形成立体感/形成二维透视点

    借用特征:借用繁体字的形式/借用英文字体特征/借用日文字体的特征;

    形成对比:加强笔画之间的对比(粗/细、长/短、填充与不填充、质感/纹理、色彩);部分笔画的夸张化

    文字艺术化设计的处理方法

    对比

    粗细对比:同一个字内部、不同字之间的笔画粗细对比

    虚实对比:描边与填充、图案与填充、纹理与填充之间的对比,体积感、重量感有所差异

    字号对比:文字之间的大小变化会产生不同的视觉层次

    透明度对比:在同一个字内部、不同字之间透明度形成差异

    字体对比:选用不同风格的字体,放到一起形成

    色彩对比:同一个字内部、不同字之间的色彩形成差异

    裁剪大小对比:利用格式塔心理学的完形理论,裁剪字体,通过裁减区域的大小、裁剪的形状等形成对比。

    模糊程度对比:同一个字内部、不同字之间利用模糊工具,将部分笔画或文字模糊处理,形成对比。

    重复后形成对比:将同样的文字多次重复,在粗细、虚实、字号、透明度、字体、色彩、裁剪大小、模糊程度、文字方向等方面制造差异

    异化

    拉伸:利用变形工具,将文字的笔画、文字整体纵向或横向拉伸

    扭曲:将文字自身或者文字的排列方式制造扭曲效果

    立体化:通过透视、2.5D插画的形式,让文字形成空间感

    文字组合排版设计

    海报、logo字体:更加图形化,形成深刻印象;针对标志字体/运营字体,排版方式对营造整体的氛围形成帮助。

    杂志、书籍字体:更偏向于阅读性,强调清晰、舒适。

    海报、logo字体组合排版方法:

    位置错落:上下左右之间的摆放、字体大小之间的变化。

    字间距:通过变化字间距来加强某种风格(字间距小——紧张感、密度感;字间距大——轻松柔和)

    字体方向:改变字体方向,形成对比

    增加背景:字体笔画拆分;字体模糊;

    增加辅助图形: 线条、圆形、三角、中英文结合

    增加纹理与质感:通过叠加纹理质感来增强氛围,材质选择与主题相关(如用面粉写“陈克明”三个字)

    投影/描边:在Z轴上增加变化/刻画细节,凸显字体。描边方式可以是大致轮廓、精细刻画、或者是多次堆叠、位移变化等。

    裁切:将文字切割后再组合、切割后舍弃部分

    增加笔触、飞白:手写字体,毛笔字体常用

    色彩的搭配;部分文字、部分笔画色彩的异化处理。

    报刊书籍排版设计要点:

    ·边界,版心大小

    ·行长与分栏,过长不适合阅读,过短的话断句过多

    ·行距大于字距

    ·引导视线的流动

    ·说明性文字与被说明的对象关系要紧密,不同对象间要划分清楚

    ·字体与内容的意义风格要和谐

    ·通过字号、字重、字体、字间距、颜色等来形成对比

    ·文字的空间关系、字体方向等变化来形成节奏感

    其它

    字体营造的感觉:

    高级感与传统感:衬线体更有优雅华丽的感觉,留白、字间距较大,颜色沉稳

    亲近感与柔和感:文字圆润,减少锋利的笔画,文字的方向有细微变化

    未来性与先进性:构成越简单、越抽象,现代感更强

    怀旧与复古:手写体,笔画不统一,斑驳纹理

    华丽感与装饰感:装饰元素,衬线,笔画的替代

    严谨感与信赖感:整体感较强,统一笔画、宋体优于黑体,排版干净整洁

    自然感与手工感:字距宽松,手写体,手写笔的质感

    精致的印象:笔画较细,较少的衬线,字号较小、留白较大,无彩色

    力道与冲击感:笔画较粗,字距较近,色彩对比强烈

    纤细与美丽:曲线的笔画,笔画末端圆滑,强调装饰性

    资源

    360查字体-查版权,免纠纷

    [字由] 设计师必备字体利器

    字体下载-求字体网提供中文和英文字体库下载、识别与预览服务,找字体的好帮手

    阿里巴巴版权素材信息平台

    造字工房

    参考

    超全面!这可能是最完整的字体设计基础知识! - 优设-UISDC

    超实用!简单七招教你打造超有格调的字体设计 - 优设-UISDC

    想让字体更有吸引力?来学下字体设计的断舍离! - 优设网 - UISDC

    据说小学生看完都会设计字体了|平面|教程|乞丐xq - 原创文章 - 站酷 (ZCOOL)

    字体设计入门基础知识 &造字步骤解析

    设计入门教室2 (豆瓣)

    腾讯设计师:送你10个提高文字设计感的高效方法! - 优设网 - UISDC

    相关文章

      网友评论

          本文标题:字体设计基础知识整理

          本文链接:https://www.haomeiwen.com/subject/gkgjmqtx.html