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