字体设计方法
(要求:设计中文与英文字体两套文字标方案)
69
。。。多想多看多做
70
。。。多想多看多做
71
。。。多想多看多做
• 怎样才叫做好的字体搭配?
你可能有听过成功的字体搭配靠的是“和谐”, 风格一致与“对仗”,也就是风格互补。但是冲 突的搭配可能就没听过了。这就是说,你使用的 字型之间若享有一些共通的、互补的美学特质, 版面就会比较好看。但是字体也有冲突的时候, 而且有很多种冲突的可能。不管怎麽说,我们先 来讨论几种情况。
。。。多想多看多做
(4).形状替换
将几何形替换文字的笔画,从而形成具有现代感的字体。
57
。。。多想多看多做
(5).形状修饰
将几何形添加到文字的背景上衬托字体。 ① 圆形装饰
(文字可突破外框也可不突破外框,突 破后的零散色块可是一色也可是多色)
58
。。。多想多看多做
②方框装饰
59
。。。多想多看多做
72
。。。多想多看多做
• 情况一:中文互搭
鉴于中文web font数目还不够多,目前我们 也只能demo几种justfont有的字体:首先, 我们有一些复古的字体,例如明体与楷体。 有读过红楼梦这些经典小说吗?这些书的 字体搭配看起来就像这样:
37
。。。多想多看多做
38
。。。多想多看多做
39
。。。多想多看多做
7.线条设计
(用单线条或多线条对文字笔画进行装饰,可以使文字形象更为丰富)
40
。。。多想多看多做
(1).中间留白
(在字体笔画里做缝隙效果,缝隙可是空隙可是有色线条)
41
。。。多想多看多做
(2).线条平分
(用线条等分字体,产生虚实的动感)
67
。。。多想多看多做
14.综合运用
• 综合,是让以上的各种手法相互之间既结合又 互相补充的手法。很多时候在设计字体时,这 些手法会结合在一起运用,要灵活运用,相互 补充。 • 设计手法很多,这里只是介绍一部分,只要不 断总结尝试,就会设计出更多新颖优秀的字体。
68
。。。多想多看多做
作 业
“仙娥(xian’e)羽绒家纺”字体设计
42
。。。多想多看多做
(3).穿针引线
(在简单的一串字体上加一根白线,可以打破呆板的造型)
43
。。。多想多看多做
(4).添加修饰
(在文字笔画上添加线条装饰,或者在字体外添加线条装饰)
44
。。。多想多看多做
(5).涟漪效果
(在字体的边缘添加多条线条,使文字产生水波纹的效果。 添加的线条可以使等宽的也可以是渐变的)
35
。。。多想多看多做
5.重叠设计
(一般可单字重叠,也可双字或多字重叠,目的是为了产生层次感,
一般是后面的笔画叠住前面的笔画,副笔画叠住主笔画,或者相互重叠。 但不要为了重叠而叠,要恰到好处。 )
1.镶嵌
2.错叠
3.交叠
4.透叠
36
。。。多想多看多做
6.图案填充
图案填充是指抓住字的外轮廓,对字形内用图案填 充的处理方式。
8
。。。多想多看多做
四、字体设计的基本方法
每一个构字元素,总由固定的线条样式所组成, 如“人”字由撇捺两种线组成,这种程式化的线条比较适 合书写、阅读。但在进行品牌名、标题等“专用组合 字体设计时,却常常打破这种程式,对笔画的形态 进行一定的变异,这种变异是在基本字体的基础上 对笔画进行改变。
9
。。。多想多看多做
1、笔形变化
笔形变化是指将笔画加粗、变细、 变形、添加、装饰等,在笔画自身上 做处理的表现手法。 笔画变化主要是指点、撇、捺、 挑、钩等副笔的变化。而在字中起支 撑作用的主笔一般变化较少。笔画形 态变化不宜太多,整体风格变化手法 要统一。 在字体设计时,尽可能打破常规 写字时的横平竖直的直板,完全可以 逆向思维,如横曲竖弯等,这样就会 产生出新的字体形态。
3
。。。多想多看多做
三、字体创意设计的基本原则
(1)表达内容的准确性 在对字体进行创意设计时,我们首 先要对文字所表达的内容进行准确的 理解,然后选择最恰如其分的形式进 行艺术处理与表现。如果对文字内容 不了解或选择了不准确的表现手法, 不但会使创意字体的审美价值大打折 扣,也会给企业或个人造成经济或精 神的损失,那么就失去了字体创意设 计的意义。
分析笔画之间的内在联 系,借助笔画与笔画之间, 中文字与拉丁字母间存在的 共性而巧妙的加以组合。 当然,可能遇到的文字 素材并不会恰好合适,需要 主动地在其中寻找出可以相 互利用的笔画,或稍微改变 笔画的长短,来寻找适合的 机会。
24
。。。多想多看多做
靳埭强《朝鲜统一海报》
作品正面看是‘朝‘字, 而当180°旋转后,则成“韩” 字,巧妙地共用了两个字相同 的部分,表达出人们希望朝韩 双方政府以求同存异的理念, 实现韩朝统一的梦想。
2
。。。多想多看多做
二、字体设计如何构思
在进行字体设计构思时,从“形”“意”入手是 最直接的手法。由“意”通过复杂的心理活动并利 用形式美法则创造出可视的“形”,并通过这个 “形”直接或间接地对“意“的内涵进行进一步的 表现。观者通过”形“引发联想,得到”意“的内 涵。这样的过程,即为以“意”生“形”,以“形” 表“意”,最终目的就是开发创意的灵感。
62
。。。多想多看多做
(2).浮雕立体效果:运用浮雕的 手法将字体进行凹凸处理使 之具有很强的立体感。
63
。。。多想多看多做
(3).透视立体效果:透视设计是指运用透视的灭点和视点 对文字进行近大远小的立体效果设计。运用透视法设计的 立体空间效果,视觉上真实厚重,冲击力强。
64
。。。多想多看多做
(4).倒影设计:利用镜像反射的方法,将倒影置于画面, 使人产生将文字置于水面或镜面的幻觉。
10
。。。多想多看多做
◆笔形变化的3种形式 、运用统一的形态元素(即在每个字的某一笔画中 添加统一形象元素)
11
。。。多想多看多做
12
。。。多想多看多做
13
。。。多想多看多做
◆笔形变异的3种形式 、拉长或缩短、加粗或变细字体的笔画。
14
。。。多想多看多做
15
。。。多想多看多做
16
。。。多想多看多做
③ 多边形装饰
(文字可突破外框也可不突破外框,突 破后的零散色块可是一色也可是多色)
60
。。。多想多看多做
④ 自由形装饰
(文字可突破外框也可不突破外框,突 破后的零散色块可是一色也可是多色)
61
。。。多想多看多做
12.立体设计
(利用阴影或透视表现出文字的立体效果,产生醒 目突出的效果) (1).阴影立体效果:使字体产生通过光线照射后出现的 阴影效果的字体设计。
53
。。。多想多看多做
练习:
“三明治”文字设计
54
。。。多想多看多做
◆外形变化 (2),在字体的外形 中加进一些如曲线或 直线等局部点缀,使 字形外部产生微妙的 细节变化。
55
。。。多想多看多做
◆外形变化 (3),在外形角 度上作斜形、弧形、 波浪形、放射形等 变化排列,造成一 定的动感。
56
45
。。。多想多看多做
练 习:
“蝌蚪社区”(kido)文字设计
线条设计: 中间留白/线条平分/穿针引线/添加修饰/涟漪效果
46
。。。多想多看多做
47
。。。多想多看多做
8.错位设计
(是一种利用错位的变化,使之产生虚实感觉的设计手法)
48
。。。多想多看多做
9.实心设计
(只保留字的外轮廓,中间笔画省略。设计时,一定抓住字的特殊外形, 有些如国、团等不宜采用此设计方法)
。。。多想多看多做
练习:
“心随我动” 文字设计
连接设计: 公用笔画、连笔、删减
34
。。。多想多看多做
4、折带设计
这种字的横、竖如果以直线表示比较容易。斜线的 表示比较丰富,能加强折带的特殊效果。 折带字体的特色在于曲折的部分,通过线条的曲折 变化,表现出里层和外层的区别,并带来柔软或坚硬的 效果。
(1).连笔
30
。。。多想多看多做
31
。。。多想多看多做
(2).断笔 将文字笔画采取剪切、移植、分 解、手撕或呈现缺口等方法,使其产 生断裂、破碎、虫蛀、粗犷等感觉, 常能激起心灵的震撼。 无论采用什么方法,断笔对文字 字形的美感都有很高的要求,需慎选。
32
。。。多想多看多做
(3).删减
3365。。。多想多多做(5).光效设计:运用点、线等造型元素,通过光照的效果 让字体产生明度推移的变化,使视觉上产生光感的幻象。 光效效果视觉冲击力强,但识别性会容易受到影响,设计 时应将文字的艺术性与识别性同时考虑。
66
。。。多想多看多做
13.色彩设计
字 体 创 意 设 计 的 方 法
2.
色彩设计是对字体进行色彩上的综合设计,色彩的运用得当,往 往能激起人视觉上的兴奋,具有很强的表现力。 个性色彩的加强:现实生活中每个色彩都有其独特的情感特色。 如红色,能给人以喜庆、革命、力量、危险等感受,黄色象征光明、 快乐、富贵、活泼等,绿色代表和平、生命、希望、健康、安全、 稳定等。色彩还具有象征含义,如红色在中国有吉祥喜庆的含义, 明黄色被誉为古代皇帝专用色,而黄色在西方则有叛逆,不吉利的 意味,所以,色彩在不同的国家文化中,往往具有不同的象征意义, 在字体设计时,我们要充分运用色彩的情感属性和象征意义,强化 文字的个性和表现力。 色彩空间的加强:具有色相、明度差异的色彩组合,可表现出一 定的前进感或收缩感。总体来说,红色、黄色等暖色系列有前进感, 蓝色、绿色、紫色等冷色系列有收缩感。在字体设计时,可利用色 彩这一性质,为字体增加立体感和空间感,使画面更为灵动活泼。 色彩强化、统一:色彩有助于字体的各种变化协调统一,运用色 彩关系的对比可以对字体中重点的笔画结构进行加强、突出,增强 视觉效果。