设计新手学习字体设计的基础教程

2016-02-16 22:54 30 1 收藏

下面请跟着图老师小编一起来了解下设计新手学习字体设计的基础教程,精心挑选的内容希望大家喜欢,不要忘记点个赞哦!

【 tulaoshi.com - 平面设计 】

生活与设计是密切相关的,当我们站在设计的角度去体味生活,会发现其实字体设计无处不在。以下这里所说的只是以方便操作,和更快捷的方式做出字体效果,如果大家有更多更好的方式,欢迎交流。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

①字体的前世今生

在当今科技高速发展的时期,信息的传播和交流的媒介更加科学化,而文字作为更古老的信息传播,它的存在对于人类的发展起着巨大作用,历史悠久。纵观 世界各国文明的文字,无论是外文字母还是中国汉字,都是源于图形,人们为了记录自己的思想、活动、成就,开始利用图画作为手段,但是图画对于思想的表达能 力非常有限,特别是对于比较抽象的思维记录,几乎无能为力,因此文字油然而生,也就是说图形孕育了文字。

大家都知道汉字最早的是称之为甲骨文,具有会意、 指示等特质,这种特质和平面设计一样,是供人识别的,是一种只需看过之后,便可作为传播信息的平面图形,实现了文字记忆、抒情、审美等文化功能。 图像化的文字具有传递信息快的特点,通过:颜色、形状、色彩、质感等方式,将要表达的信息传达给人,让人识别、记忆并产生影响。

②图形语言在情感信息传达上具有以下几个特征

1. 直观性和生动性。图形语言在信息传播中以简洁真实、直观生动的形象承载着大量的信息,让人识别、记忆并产生影响。

2. 个性化和象征性。简洁生动的图形除了直接表述主题外,还传达一种深层次的精神内涵,受众对于图形信息的正确认识需要与视觉经验信息联系起来。

3. 说服性和感染性。想要说服别人接受某种思想观念时,最好的方式莫过于事实说话,将其展示出来。创意图形的构图、色彩能够直接刺激人的眼球和大脑,感染人的 情绪。如红色让人兴奋,产生食欲;蓝色让人安静,产生遐想;黄色代表了刺激和危险等。而当面对一些可能比较抽象的字义的时候,我们可以选择它的同义词,或 者与之相关联的具象得实物、图形来展示解释,就会明确很多。

③字标设计的要素

1. 唯一性:标志必须要有其独特性,容易使公众认知及记忆,留下深刻印象,使其具有唯一性。如果涉及的字标和别的同类型标识相比没有独特性,那这个字标就一定是失败的。

2. 准确性:也就是反应内容的准确度,需求方的特质特点,要紧紧地把握住。

3. 适用性:指的是能在各种尺寸的页面上显示,并做广度展开运用时的形状也能清晰可见。一个好的字标不单是要在网络媒体上运用自如,同样也要在印刷品上能够很好地展现。这里涉及到字体在设计时的比划、字宽、字距等一系列细节。

④字标的类型

1. 具象型

指字形里会穿插很多和该字面意思相关的物件,以此让人第一眼就能加深和明确该LOGO所要表达的。这也是大家最常用到的类型,基本上一个字标其实最 多能出现的元素只能有两个,三个已经是极限甚至更多了。很多时候我们会顾此失彼,在做字的时候放进去大量的元素,而忽视了字体本身作为标识的结构比划问 题,这样会造成LOGO更像是一个图而不是一个字,反倒影响了字形的识别性。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

2. 手绘型

以手绘的形式来表现,具有不规则性,通常更有魄力。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

3. 几何型

字标在结构和比划上比较规整成型,追求对称感觉和结构感觉,可以有菱形、方形、梯形等多种形式的变化。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

4. 流线型

在字体设计上稍微偏线条流线飘逸的感觉,这种字形在设计内容上多数偏女性和中性化。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

设计新手学习字体设计的基础教程,PS教程,图老师教程网

除此之外还有回线型、结构错落型等,其实一种字的类型有时候并不单一,可以把多种类型进行结合来进行创作。

⑤实例一《音乐亚洲》

拿到一个字体设计的需求后,首先要做的就是分析需求。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

根据不同的方向制定不同的计划,是我们在实际制作之前必须考虑到的。

那么,接下来我们就开始实际制作了:

⑴ 选一种已有的字体作为设计参考雏形,同时确定单个字的长宽比例(以框裁定),定好字体笔画粗细比例。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

设计新手学习字体设计的基础教程,PS教程,图老师教程网

⑵ 对字体进行切角设计,并美化字形。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

⑶ 添加音乐元素,考虑添加在哪个字上最合适,且如何自然而不突兀。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

⑷ 确定图形后将它置入文字中,并微调。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

⑸ 对字形结构调整,突出音乐二字,错落结构增加层次。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

⑹ 发现字体还不够整体感,于是加一个边框,使其看上去更加整体。并开始修剪之前白色的切角遮盖部分。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

⑺ 最后根据网站页面色调上色,添加装饰性英文,微调完成。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

⑥实例二《狙击枪战》

给我一个X?设计是不可能凭空给出一个X,我们要做的就是找到一个事物把它命名成X。

⑴ 这是一个视频片尾的LOGO字标,先在草稿上手绘设计各种可能,并删选各种可能。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

⑵ 经过一轮筛选尝试,更换比划粗细与结构上的变化后,最终得出

设计新手学习字体设计的基础教程,PS教程,图老师教程网

差不多了?NO,还没有!

我们会发现虽然添加了元素后的字形还只是一个仅仅加上了元素的字形,它并没有突出枪战的紧迫感和速度感,而且视觉中心不明确。

所以

⑶ 再经过一轮筛选调整变化后,得出

设计新手学习字体设计的基础教程,PS教程,图老师教程网

⑷ 最后为了给字标更好的示意,通常会做有纹底深色和白色两底为展示效果。

设计新手学习字体设计的基础教程,PS教程,图老师教程网

最终视频效果

设计新手学习字体设计的基础教程,PS教程,图老师教程网

结语

文字的出现是文明的进步,文字已经从最早的被用于事件记载的载体,逐渐的演化成为人类用来感知世界、传达情感的工具。人们不但可以通过文字来进行视 觉上的形态认识,同时又能够通过将文字图形化、意象化,以更富创意的形式和美学效果准确的表达出作者深层的设计思想、情感和意图,用一种直接的方式来交流 对事物的感悟和思维等更加复杂的信息。

其实字体设计还有很多种可能,也有很多规律可循,例如后期特效的不同展现出来的感觉又不一样,也许还会更上一个层次。在设计过程中多多尝试不同的想法,多吸取别人的经验,才能发现更新鲜的东西。

来源:http://www.tulaoshi.com/n/20160216/1576157.html

延伸阅读
标签: MySQL mysql数据库
如果MYSQL运行在服务器上,而你在客户端需要连接的化,需要按如下方式进行连接: shellmysql -h host -u user -p Enter password:************ host和user分别代表MySQL服务器运行的主机名和MySQL帐户名.添写时写上对应的机器的名称和MySQL用户名. *********代表你的密码. 如果有效,你会看到如下提示: Welcome to th...
标签: Web开发
1, :eq()和nth-child() 看下面代码: SCRIPT LANGUAGE="JavaScript" $(function(){ $("#selected-plays li:eq(1)").addClass("a"); //等价于 $("#selected-plays li:nth-child(2)").addClass("a"); //注意:js数组是从 0 开始的,所以eq(1)是取第二个元素。 //而css选择器:nth-child()是从 1 开始的, 所以要选择第二个元素, ...
你正在学习CSS布局吗?是不是还不能完全掌握纯CSS布局?通常有两种情况阻碍你的学习: 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前,你应当先考虑内容的语义和结构,然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如:cellpadding,、...
HTML标签的语义 如今Web标准都被通俗的叫做div+css或者层布局。我不反对这种便宜行事的叫法。但是这样会陷入一个误区:即大量的使用div标签作为结构元素。事实上这是一种更高级的div滥用(Jeffrey Zeldman在《网站重构》一书中提到)。 HTML为我们提供了相当丰富的标签,每个标签都有它各自的含义。我认为在设计时,除了遵循HTML语法以外,...
使用这些扭曲工具,可以在对象上创建扭曲、膨胀、收缩等夸张的变形效果,并且这些工具可以再对象不被选择的状态下执行操作,如果选择了对象,则变形将仅用于所选对象,不会影响其他对象。 教程素材:素材下载 为了更加便于读者们理解这些工具的使用,精心的为朋友们安排了实例。 1. 旋转扭曲工具 旋转扭曲工具可创建漩涡状的变形效果。...

经验教程

371

收藏

58
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部