字体设计新手入门篇

用户头像
深圳/UI设计师/9年前/633浏览
字体设计新手入门篇

在当今科技高速发展的时期,信息的传播和交流的媒介更加科学化,而文字作为更古老的信息传播,它的存在对于人类的发展起着巨大作用,历史悠久。纵观世界各国文明的文字,无论是外文字母还是中国汉字,都是源于图形,人们为了记录自己的思想、活动、成就,开始

①字体的”前世今生”


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


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


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


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


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


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


③字标设计的要素


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


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


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


④字标的类型


1. 具象型

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


3d6159605661a8012193a3093a01.jpg

2. 手绘型

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

af09596056c8a8012193a3605453.jpg

3. 几何型

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

93a65960570ba8012193a31d5c72.jpg


4. 流线型

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



be5059605776a8012193a38a7d21.jpg

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


⑤实例一——《音乐亚洲》


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

d4c6596057a3a8012193a30727f4.jpg


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

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


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


3096596057d7a8012193a3b3218c.jpg


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

3e675960583da8012193a3c24f57.jpg

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

b6ad596058b3a8012193a3c01a4a.jpg

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

3b84596058dda8012193a3b13ca0.jpg

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

7dc459605902a8012193a3a589e1.jpg

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

e17759605919a8012193a3968c54.jpg

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

042459605993a8012193a3ff80c7.jpg

⑥实例二——《狙击枪战》

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

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

ac67596059c1a8012193a31e14a1.jpg

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

… … 差不多了?NO,还没有!

2f8b596059d6a8012193a3a1c06d.jpg

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


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

7bd5596059efa8012193a38db75e.jpg

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

286759605a1fa8012193a3fa4cd4.jpg

最终视频效果

2fca59605a0ba8012193a34d8191.jpg

结语:

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


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




























6
举报
|
9
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城阙凡花
城市园林平面布局航拍
城市园林平面布局航拍
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
金色颗粒质地的平面
金色颗粒质地的平面
古风平面仕女与瓷器
海底世界插画
平面花卉图案扁平简约无缝拼接插画
空的平台平面和自然景观
平面男孩喝咖啡插画设计
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
金色颗粒质地的平面
平面插画设计女孩喝咖啡
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
玄关入门地毯印花图案红地毯
平面风格黄绿色系花朵装饰
牛奶乳液层次梯田平铺平面
水蜜桃和李子的平面水果图案
平面设计 吊牌设计
平面插画情侣/矢量
空的平台平面和自然景观
金色颗粒质地的平面
金色颗粒质地的平面
你可能喜欢
大家都在看
登录注册