WY 关于WY

地球人,专注用户体验设计与前端开发。爱读书爱运动爱设计...[更多]

扫描用手机阅读此文
支持Android/iPhone

您的位置:首页 > 记录 > 设计记录

书写体的绘制技法及应用

文/ WY 2015-06-18 14:16:47 2113阅读

@腾讯游戏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

 

 结语:

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

本文到此就要告一段落了,如果对你有帮助,能否打赏请我喝杯奶茶呢~ 感谢你的阅读。 

关注微信公众号「木小夭设计」,回复关键字“666”,免费领取一线大厂(BAT)产品的设计规范大礼包等,

muxiaoyao.jpg 

打赏鼓励

如本文对您有帮助,就请我喝杯奶茶吧!

  • 支付宝打赏
    支付宝扫描打赏
    微信打赏
    微信扫描打赏