字体,对于我们设计师来说再熟悉不过了,而今天要聊的「字体的创意设计」,在我们工作中会高频率出现,譬如设计广告物料、营销类 Banner 或品牌标识等等,需要针对主题文案进行图形化设计,从而进一步突出主题,吸引用户。如何更好的帮助我们提升字体创意设计的 Level ,我认为值得深入的探讨。
开始之前,先问大家一个问题:做为设计师,你会如何去进行字体的创意设计?
大家不妨花几分钟的时间思考一下答案。
如果曾思考过这点,相信你一定有一套自己的设计方法。但在很多时候,我们的流程会存在问题:我们喜欢先入为主,一味运用图形设计手法大刀阔斧的改造字体,这种方式显得盲目,有生搬硬套的嫌疑。虽然我们的设计过程千差万别,但很大程度上要依赖设计师的审美和设计能力,经验丰富的设计师就算走了弯路,最终还能回归理性思考,Get 到设计要点。但是对于初级设计师,尤其很少接触字体设计的朋友们来说,一定会有些力不从心,无处下手。
所以,我一直在思考有没有一种高效的方法,或者找到决定字体创意水准的关键因素,能帮助我们有效的思考问题,提高设计产出质量。以下观点供大家参考和交流。
我认为设计师在着手「字体的创意设计」时,可以从三个方面去思考:
1. 图形创意
图形创意是我们最容易关注到的点,也是体现我们设计能力和创意重要环节。图形创意有哪些方法可循,后面会详细列举。
2. 字形结构
进行图形化设计的基础毕竟是「文字」,它仍然需要传达字面信息,这就关系到阅读性以及字体的美感,所以我们需要从汉字的造字原理和结构出发,分析字形结构和视觉感受。
3. 情感表达
这点毋庸置疑,准确表达字体的情感,突显主题特征,从而吸引用户,产生情感上的共鸣,这是检验设计方案是否优秀的重要指标。
下面我逐一展开分析。
图形创意
图形创意是字体创意设计的直观体现,假如不需要图形创意,那我们可以节省大把的时间,直接选择一款现有字体就足够了。既然需要「创意」,那有哪些方法能帮助我们发散思维,提炼出惊艳的创意构想?我总结了以下几种设计手法(结合了电影海报案例):
1. 笔画装饰
装饰和强化字体的笔画特征(针对每一个笔画开头和结尾进行改造),让文字的形态特征和主题风格统一,这是设计师使用频率较高的手法之一。
△ 电影《哈利·波特》中文海报局部图
2. 笔画继承
先定义关键笔画的风格特征,再将此特征继承到同类笔画上,让字体形态更统一。
△ 电影《降临》中文海报局部图
3. 笔画省略(切割)
根据设计需要,在不影响识别性的前提下,合理的省略(切割)某一部分字体结构,增强形式感和设计感。
△ 电影《记忆大师》海报局部图
4. 笔画共用
根据画面的节奏需要,结合字体的结构特征,将原本多个笔画合并成一个笔画,一笔多用,文字会更有画面性。
△ 电影《异星觉醒》中文海报局部图
5. 笔画替代
结合主题,用能代表主题的物象替代字体的某一个笔画或者结构,起到画龙点睛的作用。
△ 电影《亚瑟王:斗兽争霸》中文海报局部图
6. 其他方法
例如书法字体,手写体等。
△ 电影《荡寇风云》海报局部图
以上列举的只是我们工作中常用的几种设计手法,但这并非囊括了所有方法,因为图形化设计的创意是无穷无尽的,而它们可以相互组合,形成新的表现形式,我们在使用过程中可以活学活用,切忌生搬硬套。
字形结构
中国的汉字是由笔画组成的结构体,所以科学合理的笔画结构,决定了字体的好坏。我们就从汉字的造字原理和结构出发,分析字形结构。
△ 笔画构成
汉字结构有五大属性,分别是中宫、重心、字面、字重、字怀。
1. 中宫
中宫是根据古代九宫格的构成原理对汉字进行分割而来的,中宫是九宫的中心部分,中宫的位置是固定的,但是汉字会再结构上有松紧之分。
2. 重心
重心是汉字中心点在纵坐标上的高低位置。
3. 字面
字面是汉字所占字面框的比例大小。
4. 字重
字重是指汉字笔画的粗细,西文字体笔画的粗细程度通常也是用Heavy、Light等文字来表达。
5. 字怀
字怀是指字体内笔画间的留白部分多少。
理解了字体五大属性的概念,我们会发现:字重会影响字怀的多少,也就是说笔画粗细会影响负空间(留白),而中宫是相对固定,因为无论字重粗细变化有多大,字的结构松紧是不变的,这好比一个人的胖瘦变化,不会影响他的骨架。所以,字体各个属性相对独立,又相互影响,达到视觉上的平衡。
通常来说,一套字体应该有相对统一的中宫、重心和字面,而对于字重和自怀可以存在适当的变化。
回想一下以往的经历,自己千辛万苦设计出来的字体创意十足,可总感觉哪里不对,又说不出问题所在,其实大多数情况是因为字体的结构属性出了问题,可能是中宫的松紧度不一致,字重笔画安排不够妥当,或者重心高低起伏…总之,我们在设计改造字形结构时,一定要细致的考究各大属性之间的平衡和统一。
情感表达
大家常用「字如其人」来评价人的性格和处世风格,这个人字写的很工整,我们就会联想到他为人处世也会严谨认真,一丝不苟;那个人字写得飘逸自如,则会联想到他在生活中一定自由洒脱(不妨参考国共两位领导人的书法作品)。
归根到底,字体的情感表达,其实就是通过它的形态所展现出来的人的「主观感受」。
而情感表达和字形结构有着必然联系:
中宫的松紧、重心的高低、字面的大小、字重的粗细和自怀的多少,直接影响了字体的形态变化,给人以不同的「主观感受」!
例如:字重的粗细就能会自然而然联想到“厚重”和“轻盈”。
总之,我们的字体设计需要打动用户,引起情感的共鸣,进而引导用户参与更深入的互动!
设计/思考流程
分析完以上三个关键要素,相信大家对字体创意设计有更深刻的理解,现在我们可以进一步解读这三个关键词:
- 图形创意:设计策略
- 字形结构:设计分析
- 情感表达:设计目标
这样我们可以完整的理解「字体创意设计」是什么:
运用图形创意的设计策略,分析并改造字形结构,提升字体的情绪特征,强调并呼应主题。
如果将这三个关键词颠倒下顺序,我们可以整理出一个基本的设计/思考流程:
思考并确定字体的主题和情绪特征,通过分析字形结构,选择合适的字体字形,提炼出正确的图像创意策略,最终完成字体创意设计。
当我们得到设计方案后,需要不断的反思和验证设计方案的准确性,而这套流程仍然可行,我们不妨这样反思方案:
1. 情感的表达是否准确到位了?能否引起用户共鸣?
2. 文字字形结构各个属性是否平衡,视觉感受是否统一?
3. 图形创意是否准确?存不存在歧义?是否影响阅读?
欢迎关注作者所在的丁香园设计团队微信公众号:「花厂设计招待所」
「字体设计人气好文」
- 灰昼字体推荐:《灰昼的字体库!10款常用的经典基础英文字体推荐(已打包)》
- 字体排印指南:《新手福利!一份详尽全面的UI设计字体与排版指南》
- 150000种设计方法:《刘兵克大神教程!送给你150000种字体设计方法》
【优设网 原创文章 投稿邮箱:yuan@uisdc.com】
================明星栏目推荐================
优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。
设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com