种方法,教你玩转字体设计变优设网

在视觉设计工作中,几乎每项任务都会使用到字体。

字体是最基础的设计元素,也是设计中必不可少的表达工具。在恰当的环境下使用合适的字体,可以让设计更生动严谨。在运营活动、海报、书籍、包装等诸多媒介中,文字部分作为信息传达的重要工具,除了要准确传达信息的基础功能,还需要赋予其美观的形态,使其视觉传达更为强烈与丰富,更能引起用户的注意。

那么做为字体小白,如何从基础开始有系统性的学习字体设计呢?下面将以中文字体做主要分析,根据喜闻乐见的字体设计案例,我们大致将字体表现类型分为五种:黑体字、宋体字、书法体字、三维体字、动态体字。

黑体字

黑体字也叫等线体,又称“方体”,属于无衬线字。字架吸收了宋体字结构的优点,去掉了衬线装饰,整体简洁大方,有时尚感和现代感。黑体字可以说是百搭字体,可塑性很强,可以表现商业的严谨气质,也可以表现青春激情和动感,纤细的黑体还能体现女性气质。

宋体字

宋体字是为印刷而生的,其笔画有粗细变化,一般是横细竖粗,笔画末端有类似三角形的节点衬线装饰。宋体属于衬线体。宋体的装饰性远大于黑体,宋体字形在文化、艺术、生活、女性、美食、养生、时尚等领域所传达出的气质要比黑体字形准确。

上图为众安天猫旗舰店新年活动页面宋体字设计

书法体字

中国书法字讲究行气,指书法作品中字与字、行与行之间的呼应关系。一般要求笔断意连,连缀成行,积行成篇,在文字的上下、左右、首尾的书写中,既有变化,又能和谐,如清代宋曹《书法约言》中称:“勿往复收,乍断复连,承上生下,恋子顾母。”书法字自身孕育的大气恢弘之势,可以承载出无限的设计能量。在字体设计中,书法体一般是用毛笔,为了字体气质丰富的表现力,可以尝试用软笔、马克笔、秀丽笔、钢笔、铅笔等书写工具。

常规的书法字体体设计实现有两种方法:

第一种为字体库书法体:

根据字体库里的书法字体,组合毛笔笔触,实现字形的再加工。

第二种为手写书法字体:

a. 用毛笔等工具书写,然后扫描到电脑里进行再加工,无聊闲暇的时候可以用其他书写工具寻找笔触感觉,比如马克笔、白描笔、钢笔等,除了在纸张上书写,还可以尝试在餐巾纸、玻璃等非常规书写媒介上探索有意思的笔触。

b. 用手绘笔在电脑上直接写,先书其形,再填充加工(这里又有笔触杂边与平滑之分,想要比较类似毛笔笔触的杂边可用手绘笔与素材配合。)

△ 毛笔字书写实现案例

其他的书写做字工具

上图为众安app开屏页手写字体设计

三维体字

三维体指有3D效果,立体感,空间性强的字体。常见是辅助60°、45°网格绘制,各个透视组建,按照基本字形组合搭建而成。横平竖直的结构比较容易实现,撇、点、捺需要设计师丰富的创作能力去实现。或者将字型笔画拆解,用立方体、圆柱体或其他几何体取代常规笔画,任意组合,可以创造出无尽的字体可能。当然也可以直接用如C4D等三维软件,根据字型建模渲染,最终效果逼真动人,使字体设计魅力十足。

上图为众安1221献保节立体字设计

动态体字

静态字体有自身表现的局限性,如果增加动效可以增强感官感受,也能将字义表现的更到位,使人印象深刻。

介绍了五种字体表现类型,想必大家已经跃跃欲试了。现在我们了解下汉字的基础改造方法。

汉字是方块字,为了达到视觉上的感官平衡,在字形空间上是有一些基础规律可循的,简单粗暴的总结为三种结构表现方式:上紧下松、横细竖粗、左窄右宽。具体推导在此不做赘述,但需要了解的是字体重心。

汉字的重心和我们理解的几何重心是不同的。字体重心是一个字最吸引视线的重心,也称为视觉重心。简单来说,视觉中心在几何中心偏左上方一点的位置。比如在米字格中,对角线的交叉点就是几何中心,而交叉点左上方一点的位置才是视觉中心。

设计中为了达到字体的整体平衡,一个字中较重的部分要靠近字体重心,较轻的部分则要离重心稍远些,这样能使字达到视觉美感平衡。一般来说,一个字的主体部件和次要部件在布局上处理成黄金比例,那么这个字在视觉上就平衡了,看起来也会更加舒适美观。

黑体字与宋体字是所有汉字字形的基础,它们有严谨的字体结构,所以练习字体设计,均从黑体字与宋体字开始。

有两种基础的实现方法:矩形造字法和路径造字法

矩形造字法:在AI里画好矩形,根据字体的基本字形,一笔一笔的拼凑,简单易行。

路径造字法:在AI里用钢笔画好路径,确定好字形后,描边。

有了字形,我们还需要根据字义进行变形。由字义到字形的设计过程是一个由内而外,由虚至实的思维过程,从核心字义出发,从字体内容出发,才能有一个准确的设计起点,最终设计出内外兼修的字体。

以下有8种简单的方法,可以让基础字型成为内外兼修的好字型。

1. 笔画代替法

在原有字体基础上,删减某一处或多出笔画之后,再用其他形式进行代替,可以用其他字体笔画做衔接,也可以用图形图像的添加,方式很灵活。或者采用具有象征性的视觉图形符号,唤起人们对某一个抽象意义、观念或情绪的记忆。能正确传达与理解象征的意义,表达出字体的含义与气质。

2. 细节添加法

根据字体主题进行针对性的设计修饰,常常是在横竖撇捺的笔画端点处进行锚点添加,或断点处理。

笔画有快手的组合形式,比如笔画太多太复杂,为了简单粗暴的表述,我们先以横线来做示范。

男性字除了可以把笔画变粗,还可以这样:

女性字除了可以把笔画变细,还可以这样:

下图为众安三月八日女神节活动页面设计的更纤细,更柔软的女性化字体。

3. 笔画删减法

在保证字体识别度的前提下,对笔画进行减法留白处理,因为人脑可以根据自己的视觉经验将隐藏或省略的部分在脑中自动补齐。这种方法处理的字型比较有东方绘画的韵味,文艺气质浓厚。

4. 效果添加法

运用圆角、描边、倾斜等系列工具对原字体笔画进行显著的外形变化。圆角工具可以把笔画转折处变直为曲,描边工具可以使字体加粗或减细,倾斜工具可以加强字体的力度与动感。这种方法特别容易出效果,项目时间紧急的情况下,可以在字体库里找到合适的字体,进行简单的加工,就能实现还不错的效果。

上图为众安3周年庆与春运活动的运营页面字体设计

5. 符号拼接法

拆解出外文或标点符号独特的笔画装饰,按照汉字的字形结构去组合。一般使用比较多的是哥特字体、藏文、中世纪的手写卷花体等。最近看到一种尝试方式是拆解宋体字笔画结构,搭配几何图形进行新的字型重组,有解构主义的韵味。

6. 氛围装饰法

在设计好的基础字型周围添加放射线、波点等几何形,或者花型,来烘托气氛,对字体含义的表达起到辅助作用。

7. 色彩质感法

通过丰富的色彩,光线阴影,质感叠加,具象或抽象的图案纹路让字体变得生动活泼。

8. 空间层次法

透视、虚实(景深)、羽化模糊、视幻、点化群集、重叠遮挡、投影、正负反向等手法来塑造字体空间的丰富性。

上图为众安“马上飞”公众号的雾霾出行送口罩活动的字体设计

笔者认为,可以称之为「高级感」的字体带有如下特征:

设计师需要进行大量的练习,才能真正领悟字体设计的精髓,根据需求游刃有余地将字体设计融入到平时的设计工作中。

优设 内容总监

2012年成立至今,是国内极具人气的设计师交流学习平台

优设是国内专业设计师平台,2012年创办至今,作为行业风向标,我们13年来专注于设计师创作者的学习成长交流。 通过优设网、优优教程网、优创网分别沉淀优质内容。是一家集齐媒体、内容、服务的多元化平台。MCN矩阵@优设AIGC 在微博、微信、小红书、抖音、B站布局,全网粉丝过千万。

THE END
0.下一篇:对后勤服务的建议数学建模穷举法范文(四)符号、图形多 离散数学的经典内容包括命题逻辑、谓词逻辑、集合、关系、代数系统、图论等方面的基本知识。每章的概念、定理、证明、推导、解题等全部环节都需要用符号、中英文名词术语等来表示,或者借助图形来介绍说明。所以离散数学比其他课程要多花时间来记忆各种字符、符号、图形,弄清楚其内在关系和演绎过程。例jvzquC41yy}/i€~qq0ipo8mcqyko1;;24;?/j}rn
1.GB/T33170.32016, ( ) 。 件 凡是不注日期的引用文件 其最新版本 包括所有的修改单 适用于本文件 / : 图形符号 安全色和安全标志 第 部分 安全标志和安全标记的设计原则 GBT2893.1 1 GB2894 安全标志及其使用导则 / : 公共信息图形符号 第 部分 通用符号 GBT10001.1 1 GB13495 消防安全标志 / — : 大型活动安全要求 第jvzquC41oc~/dxtm33>/exr1jvsm1;5421673@4843917=6252634:60ujzn
2.【20220605】文献翻译——虚拟现实中的可视化:一个系统的回顾需要易于使用和灵活的图形系统来支持视觉思维,为进一步的发展铺平了道路。从Bertin的《图形符号学》(Semiology of Graphics, Bertin, 1983)开始,图形技术开始形式化,后来转变为图形的结构理论,在计算机图形学和信息可视化理论之间建立联系。克利夫兰和麦吉尔(1984)对视网膜变量(位置、颜色和大小)进行了实验。最近,WilkinsonjvzquC41dnuh0lxfp0tfv8vsa679;@=221gsvrhng1jfvjnnu1736A67278
3.《GBT31525通过主标志(表1序号1"充换电"符号)与次级标志(如"交流充电桩"图形符号34)的层级组合,实现从区域导引到具体桩位的无缝衔接。北京某充电站实测显示,该体系使用户误入非目标区域概率下降62%。标准强制要求的反光材料与LED辅助照明设计,确保夜间或雾霾天气下标志亮度维持150cd/m²以上。特斯拉超级充电站数据显示,此类jvzquC41yy}/tnstgpjpe7hqo1vbrnw163;34<=2;0nuou
4.《GBT20501.6PART02二、破解导向标志设计密码:图形符号与色彩系统的科学配置法则 需严格遵循ISO3864规定的红(禁止/危险)、黄(警告)、蓝(指令)、绿(安全)四大安全色系,同时结合GB/T20501.6对色度坐标(x,y)和亮度因子(β≥0.7)的技术参数要求,确保国际标准与国内规范的色彩呈现一致性。(一)ISO3864与国标色彩规范的协同应用要点jvzquC41o0hpqt63:0ipo8mvon532;:129721@6863:73:52327447xjvo
5.水暖图例符号大全暖气图纸符号2025.pdf四、消防工程基本图形符号 1、消防工程辅助符号 以家为家,以乡为乡,以国为国,以天下为天下。——《管子》 2、消防工程灭火器  VIP免费下载 收藏 分享 赏 0下载提示 1、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。 2、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文 jvzquC41oc~/dxtm33>/exr1jvsm1;5471622B493872296362712;60ujzn
6.含星的诗句范文1.3 图形与文字符号 远古时期,中国石壁上经常会有绘画,其内容大都与生活相关,比如大象、鸵鸟、狩猎的场景等,多写实与摹仿。发展到后期,就走向相对自由的创造图画过程,这一转变从深层透露的是人类精神上的一种进步,开始懂得用符号表达更加丰富的内心。我国的文字从象形、有指事、有会意、有形声,日渐成熟,发展到今天。jvzquC41yy}/i€~qq0ipo8mcqyko1=5:;74ivvq
7.道路标线范文2 公路标志的设置 2.1 公路标志的含义公路标志是用图形符号和文字传递特定信息,用以管理交通、指示行车方向以保证道路畅通与行车安全的设施。适用于公路、城市道路以及一切专用公路,具有法令的性质,车辆、行人都必须遵守。公路标志分为主标志和辅助标志两大类。主标志中有警告标志、禁令标志、指示标志和指路标志四种。公jvzquC41yy}/i€~qq0ipo8mcqyko1?>;;:4ivvq
8.广告存在的意义范文而目前我国不少电视公益广告仍然流于形式,缺少创意内涵支撑,如视觉创意的表达上使用雷同的图形、图像、符号、色彩等元素的现象比较普遍,乃至在广告语、广告文案的语言表达中普遍缺乏亲和力和幽默感[1]。例如对于“节约用水”的宣传,多是以水滴的形式直接表达,至于水的宝贵、水资源浪费的影响则缺少深刻的内涵诠释,创意jvzquC41yy}/i€~qq0ipo8mcqyko1;:82;8/j}rn