@腾讯游戏TGideas :在中国,有一种独特的艺术形体,叫书法。书法、除了少部分人纯粹的艺术创造,其实在设计领域也应用得相当广泛,地产的楼书、食品包装、瓷器印花、书籍封面等等,而今在游戏的包装上,书法,也是一道不可或缺的设计元素。而且往往它的存在,都是画龙点睛之笔。

m_09fa533d541200000145f083709f

 

LOGO设计的应用

纵观国内游戏logo的设计,MMORPG类的游戏,绝大部分都是由手写体为原型,加以美化设计。

m_b584533d5413000001765b667b74

 

页面设计中的应用

设计师在书法体于设计中应用的方法上,各有奇招,但较普遍的大概就是三步法:搜字——选字——优化,具体来讲第一步就是在一些书法字体网站,搜索自己要的文字,第二步,在众多搜索结果中,选取一款符合你画面气质的文字,第三步就是让此书法字在你的设计中合理且出彩的存在,从字体的色彩、位置,虚实等做一些处理。

个人小心得(仅供参考):

项目背景:DNF品牌建设,有一轮新的地铁广告宣传,因为是格斗类游戏,所以无论从人物原画,还是文案slogan,还是设计元素,都需要通过画面整体传递出格斗、热血的氛围。与DNF新品牌slogan“3、2、1、fight“相切合。而对于字体设计的首选方式,考虑到的是采用手写体,希望通过刚劲有力的笔触以及书法体独特的线条,来达到我们想要的目的,于是有了下面的尝试。

m_d92c533d541400000145f0c40b08

第一步:单线条字体的书写,个人比较注重手写体起笔与收笔,往往会比较夸张,把它的空间感尽情的表达。因为考虑到下一步描粗,所以这里需要注意的是,让壁画之间的距离适当的放松;

m_3017533d5415000001765bf51782

第二步:描边,是把手写体笔画美感表现出来的关键一步,这里要求设计师对于书法有一定的基础,才能在骨干上添肉时,有一个清晰的思路;

m_55a5533d541600000145f07153d7

第三步:填充,这一步就是纯机械的运动;

m_b7e0533d5417000001765bcf145f

第四步:添加笔触,因为是仿真毛笔的书写,所以笔触的添加必不可少,一般在起笔与收笔之处比较明显,主要也是要表达字体的动感与力量,完成这一步,字体的设计算是完成。实际操作中,往往是一次性完成一个slogan的书写,然后进行第二第三第四步,这样才能更精准的把握整体的节奏与效果。

m_c4c7533d541800000145f06e7d32

其他完成字体展示

m_625c533d5503000001765bc74d1e

 

m_059a533d550500000145f0818f15

 

 

m_59a9533d5509000001765b0ac6c8

出街效果(手机翻拍):

m_67cf533d5583000001765ba52cdf

 

m_5279533d558400000145f0a34d74

 

m_238b533d5584000001765bde8e61

 

 结语:

在字体网寻找名家字体虽然方便,但假如能花时间取巧的设计几个自己较满意的书法体在设计中应用,设计的原创性固然能大幅增加。当然,假如设计的字体效果不佳,也不要为了追求原创而勉强用之。还是需要从设计效果的整体角度去考量。

m_c451533d599500000145f04edd51

=========================关于学ui网=========================

xueui.cn 学ui网发布高质量ui设计教程和设计分享经验,希望打造一个最好的ui学习教程平台!

APP截图站:app.xueui.cn  海量APP截图,让你灵感爆发!

qrcode_for_gh_672cf3f94568_25841131QQQUN

转载请注明:学UI网 » 书写体的绘制技法及应用

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn” 海量APP截图,让你灵感爆发!国内最好的APP截图站。

UI作业网 zuoye.xueui.cn” 每一个作业题都尽量配有教程,交作业就有大神免费帮你点评作业,爽歪歪!

UI设计导航站 hao.xueui.cn” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 
你可能喜欢的:
立体字母LOGO设计[教程]立体字母LOGO设计[教程]
教你创建炫酷的星际文本效果【PS教程】教你创建炫酷的星际文本效果【PS教程】
网页设计中的大事件 - 彩色字体网页设计中的大事件 – 彩色字体
认真卖萌——浅谈吉祥物、品牌IP认真卖萌——浅谈吉祥物、品牌IP
ISUX设计师解析:个性萌宠形象诞生记-动作篇ISUX设计师解析:个性萌宠形象诞生记-动作篇
网易资深视觉设计师:视觉设计如何继承品牌基因网易资深视觉设计师:视觉设计如何继承品牌基因
ISUX设计师解析:个性萌宠形象诞生记-形象篇ISUX设计师解析:个性萌宠形象诞生记-形象篇
大理石与金属碰撞的文字效果[PS教程]大理石与金属碰撞的文字效果[PS教程]
QQ空间12周年品牌设定经验总结QQ空间12周年品牌设定经验总结
字体设计-先掌握这个让你高潮的知识点字体设计-先掌握这个让你高潮的知识点