超实用教程!字体设计第一战之移花接木! - 优设网 - UISDC

超实用教程!字体设计第一战之移花接木!

2015/03/15 31602评论区

ztsj_img1

编者按:字体设计基础入门篇!今天阿里的同学把字体设计的嫁接技术分享给大家,不仅有超赞的实例演练,而且改造过程清晰明了,包学包会 >>>

想跟高手面对面?来围观 >>> 《叶根友书法字体设计讲座》

完全木有字体设计基础的,建议先恶补下:《字体科普文!手把手带你认识最基础的字体结构》

开战之前先鼓舞一下士气:字体设计就像一场未知的战役,需要我们去探求以及耐下心来反复琢磨与调整,只有这样才能够创造出富有个性的文字,从而在这场战役中展露头脚。

为什么要做字体设计

字体的外形有着一段长期的演变过程,到现在已形成固定的模式,但随着人类文化发展到一定程度,常规的字体显得越来越呆板,然而打破常规,从灵活多变的角度出发将字体变形,赋予它新的含义与活力,已成为现代设计的方向之一。 与此同时,我们进行字体设计最主要目的是为了将准确清晰的信息传递给用户,因此字体设计非常关键的一点就是要符合主题的要求,与主题内容达成一致,不能相互脱离,更不能相互冲突,如果主题确定完毕,接着就可以考虑字体的美感了,也就是使字体变得更富表现力和感染力,不仅仅要把主题传递给用户,而且还要感动用户,唤起用户美的感受,所以将字体进行改造才是硬道理。 在这里我将会把字体设计的嫁接技术分享给大家,包学包会,如有照顾不周的,还请海涵… 嘿嘿,废话不多说,那我就开始班门弄斧啦!

开战开始前,先来个抛砖引玉。

什么是移花接木

移花接木是个比较委婉的说法,直白一点就是嫁接,把一种植物的枝干嫁接到另一种植物枝干上边。 生活中的仙人球(顶部各种颜色的球体)和杜鹃花(几种颜色的花朵)都是常见的例子。

ztsj_img2

植物枝干嫁接和字体笔划的嫁接有啥关系呢?

植物枝干嫁接和字体比划嫁接目的都是为了使其变的独具特色,并且都是从a嫁接到b,因此其原理也是一样一样的。

ztsj_img3

如何移花接木

字体嫁接首先要了解它的结构和组合形式,也就是笔划的来龙去脉,嫁接的主要部位一般在文字笔划的开始和结尾处,这样字体会比较符合章法上的逻辑,并且也会使其显得更有张力,还有中间区域也可稍加修饰,这个由字形而定。 拿书法字体“能”字举个例子,举例之前再发个牢骚,很多同学问我为啥手写书法和专题海报中的书法不同,其实我们常用的类似书法风韵的字体并非现实中真正意义上的书法,真正意义上的书法是有章可循的,我们用的字体是经过改造的,只是感觉像而已,目的是为了使其更加有张力和感染力。我去,又说了这么多,请看例子吧。相信这个示意图大家一看便懂。

ztsj_img4

ztsj_img5.

ztsj_img6

上边的书法字体是RiWenMaoBi体,本身是一个比较美观的字体,稍微经过嫁接就可变得具有冲击力,还有很多同学会问我比较喜欢用啥样的笔触,我一般会用AI格式的素材笔触(墨迹)或者将书法字体转换为形状后截取的笔触,如果条件允许也可以自己手工绘制笔触,至于笔触笔刷,这玩意儿吗!相信哥,确实不好用。

具体案例分析

接下来我把日常工作中做过的案例给大家分析一下,第一个小案例是团队趣味运动会暗黑篇的一个字体设计,字体的原形是造字工房的朗宋体,这家的字体是禁止商用的因此必须经过变形后才能使用,最好变的连它亲爹也不认识了,哈哈,并且字体看起来非常平淡,又跟暗黑风格相差甚远,这就促使了我们进行字体改造的欲望,嘿嘿…嫁接之前还有一段变形的过程哦!

ztsj_img7

ztsj_img8

ztsj_img9

ztsj_img10

ztsj_img11

ztsj_img12

ztsj_img13

ztsj_img14

ztsj_img15

这个案例并不是一个纯粹的嫁接,之前会有一些变形的过程,不过要使字体设计达到一定的深度,必须要经历一番周折,只有经过思考和不断调整后的字体才会更加灵动。 第二个案例是大促启动页的字体设计,这个字体嫁接相对上个案例来说会更纯粹更简单一些,为什么要进行字体嫁接,因为作为启动页在短短的两秒钟里要想给用户留下深刻印象,必须在原字体基础上,进行改造,使字体变的更加有张力,同时给用户创造一种紧迫感,从而勾起用户抓紧抢购的欲望。

ztsj_img16

ztsj_img17

ztsj_img18

ztsj_img19

ztsj_img20

就先说到这里吧,当然现在关于字体设计的话题非常多,并且设计师思考的纬度以及切入点各不相同,因此我的观点也并非绝对,只是希望能够给大家带来一点帮助,如有不到之处,请尽管拍砖。

战役才刚刚开始,我时刻准备着,等待下一场的战斗。

img21

【优设字体最佳好文人气榜】

Top 1:我应该说是最全最强的创意总结吗?
《推荐:17种设计字体的创意方法》

Top 2:案例多,分析多,方法新,有收获:
《经验分享:超详细的字体设计方法+案例分析》

Top 3:实战好文,一个字体设计的全过程!
《字体设计实战!QQ音乐巅峰榜诞生记》

原文地址:aliued
作者:Superking

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量92万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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