经验分享:超详细的字体设计方法+案例分析 - 优设网 - UISDC

经验分享:超详细的字体设计方法+案例分析

2014/01/24 136955评论区

t1

@奥特曼N漫漫 :文字是一种记录与传达语言的符号,是人类文明进步的重要标志。随着图形化时代的来临,文字与图形的关系在设计领域起着举足轻重的作用。当练习字体设计时,找有代表性的字体来做,练习有代表性的字体不但可以激发你的创意,还可以提高你的思维能力。文字经过艺术化设计后,可以让文字形象变得情景化、视觉化、强化语言效果,对提升页面设计品质 和视觉表现力发挥了极大性的作用。

好文推荐
《推荐:17种设计字体的创意方法》
《字体的性格!未成曲调先有情》
《字体的私奔:超赞网页字体设计奇幻之旅》

什么是代表性的字体?

如:时间你就会联想到钟表 ,对话你就会联想到电话 ,爱情你会想到心 想到这些有代表性的字时,谨记不能把钟表等图形直接放在字体里,这样就没有设计的意义了,要巧妙的把图形和字体本身去结合。

t2

t3

字形风格

经过艺术化设计以后,可使文字形象变得情境化、视觉化,强化了语言效果,成为更具有某种特质和倾向性的视觉符号。字体设计最基本的准则,在追求字体变化的同时要便于识别。

字形变化中特点: (硬)—– 力道、坚实、冲击、厚重、硬朗、猛烈 …… 这类字体气势突出,视觉冲击力明显,个性张扬有力,节奏分明,可以用于变现强烈的信心和勇气,表现凝聚力和号召力,给人视觉上的震撼。 这类字形因其字形富有张力,所以在表现刺激,冒险的情景时比较常用,如体育活动、极限运动的主题同时战争类、灾难类电影海报中,这类字形也比较常见。

t4

字体创意设计虽然比较自由,但应保持字与字之间的统一性。一组字体设计中,应保持一种统一的变化规则,不然会造成杂乱感。

t5'

字形变化中特点: (软)—– 柔美、纤细、优雅、亲近、温和、飘逸 …… 这类字体适合表现细腻情感,如情感类设计主题、女性设计主题、公益类设计主题等等,通过柔美的曲线壁画,可以让自已得到更大程度的展现,通过视觉感觉,形成人与字的情感共鸣,以达到最佳效果。

t6

字形变化中特点: (旧)—– 严肃、端正、正式、中性、规t矩、传统、古朴、怀旧…… 这类字形在品牌类字体中比较常见,给人以饱满充实的信赖感和说服力,保持规则的字体外形,在字体内部进行适度的笔画修整,在严谨中求突破,在规矩中求创新。

t7

图例

t8

字体变形的几种方法与技巧

代替、共用、叠加、尖角、断指、错落连接、方正、横细竖粗、字体连接、随意手写、曲线、图型、拉伸

替代法

替换法是在统一形态的文字元素加入另类不同的图形元素或文字元素。 其本质是根据文字的内容意思,用某一形象替代字体的某个部分或某一笔画,这些形象或写实或夸张。将文字的局部替换,是文字的内涵外露,在形象和感官上都增加了一定的艺术感染力。

t9

尖角法

把字的角变成直尖,弯尖,斜尖,卷尖; 可以是竖的角可以是横的角,这样文字看起来会比较硬朗

t10

断指法

把一些封合包围的字,适当的断开一口出来 , 或把左边断一截,或右边去一截, 重点:要在能识别的情况下适当断肢,从而反射他的与众不同的特点来。

t11

错落摆放法

把左右改为左上左下,上下排,或斜排就是一边高一边低,让文字错落有致排列

t12

方方正正法

把所有字的弯全改成横平竖直,四四方方的。 本身的特点是简洁鲜明的,便于设计,对熟悉字体结构有很好的帮助。

t13

横细竖粗法

可以说是代替法的一种,把竖或横线或折换成其他相反交替而成。 笔画简化,在字体中加入个人情感和生活,可以准确的创意方向,设计出合适自己的字体。

t14

随意手写

原笔迹的手写体总给人也亲切的感觉,《那些年》追忆的正是校园时期的青葱岁月,手写字每一笔都不可复制,每一划都触景生情。

t15

字体变形中应该规避的问题

可阅读性、识别能力、肩胛结构、应用环境

在字体设计中,很多设计项目都需要严谨仔细,设计师必须去认真的推敲尝试每一个笔画的变化方式,去选择最合适的表现方法,只有如此才能使得每一个笔画都契合这个字体,符合整组字的空间规则。

t16

图形绘制软件,可以帮我们完成各种圆角、对称、倾斜、等距分布、交差减去等任务。
还有就是可以把字体轮廓化描边,快速运用基础字体来变形。
尽可能地保证文字的可阅读性,终归是商业设计,要考虑到大部人的文化背景和图形识别能力。

t18-

完成字体变形,可以分几步来进入细节的修饰。
这个时候可以参考下类似的优秀字体的间架结构,调节好每个字的笔划分布和重心均衡。

在选定字体的风格趋势后,给字体做相应的视觉梳理。
例如:字与字的间距,笔划之间的间距、整体字形的倾斜角度特殊地方做圆角处理等等。

让整个字体有一个贯穿始终的规则在里头。

t17

掌握字体的肩胛结构,避免大小不一、分布不均、笔画不均等问题。
统一应用笔划、倾斜等规则。鉴于字体形态的趣味性,加入了图形元素来丰富字体本身。
同时兼具不同尺寸下的显示效果,做笔划的删减和间距调整。

设计过程中应该规避尽可能地保证文字的可阅读性。
商业设计,要考虑到大部人的文化背景和图形识别能力。
还有文字变型的过程中应用的环境。

原文地址:360uxc
作者:@奥特曼N漫漫

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

youshege
 

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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