推荐!字体设计新手入门篇 - 优设网 - UISDC

推荐!字体设计新手入门篇

2014/04/07 47809评论区

BANNER1

前言

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

相关推荐:
《经验分享:超详细的字体设计方法+案例分析》
《强烈推荐!你所不知道的字体性格》
《网页设计新招:采用大胆奔放的字体》

02

①字体的”前世今生”

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

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

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

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

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

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

③字标设计的要素

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

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

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

④字标的类型

1. 具象型

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

03

2. 手绘型

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

05

3. 几何型

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

04

4. 流线型

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

06

… …

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

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

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

07

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

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

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

08

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

09

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

10

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

11

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

12

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

13

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

14

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

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

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

151

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

16

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

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

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

17

 

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

18

最终视频效果

19

相关推荐:
《经验分享:超详细的字体设计方法+案例分析》
《强烈推荐!你所不知道的字体性格》
《网页设计新招:采用大胆奔放的字体》

结语

文字的出现是文明的进步,文字已经从最早的被用于事件记载的载体,逐渐的演化成为人类用来感知世界、传达情感的工具。人们不但可以通过文字来进行视 觉上的形态认识,同时又能够通过将文字图形化、意象化,以更富创意的形式和美学效果准确的表达出作者深层的设计思想、情感和意图,用一种直接的方式来交流 对事物的感悟和思维等更加复杂的信息。
其实字体设计还有很多种可能,也有很多规律可循,例如后期特效的不同展现出来的感觉又不一样,也许还会更上一个层次。在设计过程中多多尝试不同的想法,多吸取别人的经验,才能发现更新鲜的东西。

原文地址:cued.xunlei

【优设网 原创文章 投稿邮箱:2650232288@qq.com】
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量66万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/the-typeface-design

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

界面设计 设计圈干货 排版布局 版式设计 职场 优设专访 优设大课堂 设计达人 设计师干货 web前端开发 配色 视觉设计 素材下载 AI教程 设计理论 设计流程 神器下载 字体下载 设计师专访 psd下载 海报设计 设计规范 设计趋势 用户体验设计 动效设计 logo设计 平面设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里