从这3个方面,帮你快速提升字体创意设计的水平!

2017/05/31 19570

字体,对于我们设计师来说再熟悉不过了,而今天要聊的「字体的创意设计」,在我们工作中会高频率出现,譬如设计广告物料、营销类 Banner 或品牌标识等等,需要针对主题文案进行图形化设计,从而进一步突出主题,吸引用户。如何更好的帮助我们提升字体创意设计的 Level ,我认为值得深入的探讨。

开始之前,先问大家一个问题:做为设计师,你会如何去进行字体的创意设计?

大家不妨花几分钟的时间思考一下答案。

如果曾思考过这点,相信你一定有一套自己的设计方法。但在很多时候,我们的流程会存在问题:我们喜欢先入为主,一味运用图形设计手法大刀阔斧的改造字体,这种方式显得盲目,有生搬硬套的嫌疑。虽然我们的设计过程千差万别,但很大程度上要依赖设计师的审美和设计能力,经验丰富的设计师就算走了弯路,最终还能回归理性思考,Get 到设计要点。但是对于初级设计师,尤其很少接触字体设计的朋友们来说,一定会有些力不从心,无处下手。

所以,我一直在思考有没有一种高效的方法,或者找到决定字体创意水准的关键因素,能帮助我们有效的思考问题,提高设计产出质量。以下观点供大家参考和交流。

我认为设计师在着手「字体的创意设计」时,可以从三个方面去思考:

1. 图形创意

图形创意是我们最容易关注到的点,也是体现我们设计能力和创意重要环节。图形创意有哪些方法可循,后面会详细列举。

2. 字形结构

进行图形化设计的基础毕竟是「文字」,它仍然需要传达字面信息,这就关系到阅读性以及字体的美感,所以我们需要从汉字的造字原理和结构出发,分析字形结构和视觉感受。

3. 情感表达

这点毋庸置疑,准确表达字体的情感,突显主题特征,从而吸引用户,产生情感上的共鸣,这是检验设计方案是否优秀的重要指标。

下面我逐一展开分析。

图形创意

图形创意是字体创意设计的直观体现,假如不需要图形创意,那我们可以节省大把的时间,直接选择一款现有字体就足够了。既然需要「创意」,那有哪些方法能帮助我们发散思维,提炼出惊艳的创意构想?我总结了以下几种设计手法(结合了电影海报案例):

1. 笔画装饰

装饰和强化字体的笔画特征(针对每一个笔画开头和结尾进行改造),让文字的形态特征和主题风格统一,这是设计师使用频率较高的手法之一。

△  电影《哈利·波特》中文海报局部图

2. 笔画继承

先定义关键笔画的风格特征,再将此特征继承到同类笔画上,让字体形态更统一。

△  电影《降临》中文海报局部图

3. 笔画省略(切割)

根据设计需要,在不影响识别性的前提下,合理的省略(切割)某一部分字体结构,增强形式感和设计感。

△  电影《记忆大师》海报局部图

4. 笔画共用

根据画面的节奏需要,结合字体的结构特征,将原本多个笔画合并成一个笔画,一笔多用,文字会更有画面性。

△  电影《异星觉醒》中文海报局部图

5. 笔画替代

结合主题,用能代表主题的物象替代字体的某一个笔画或者结构,起到画龙点睛的作用。

△  电影《亚瑟王:斗兽争霸》中文海报局部图

6. 其他方法

例如书法字体,手写体等。

△  电影《荡寇风云》海报局部图

以上列举的只是我们工作中常用的几种设计手法,但这并非囊括了所有方法,因为图形化设计的创意是无穷无尽的,而它们可以相互组合,形成新的表现形式,我们在使用过程中可以活学活用,切忌生搬硬套。

字形结构

中国的汉字是由笔画组成的结构体,所以科学合理的笔画结构,决定了字体的好坏。我们就从汉字的造字原理和结构出发,分析字形结构。

△  笔画构成

汉字结构有五大属性,分别是中宫、重心、字面、字重、字怀。

1. 中宫

中宫是根据古代九宫格的构成原理对汉字进行分割而来的,中宫是九宫的中心部分,中宫的位置是固定的,但是汉字会再结构上有松紧之分。

2. 重心

重心是汉字中心点在纵坐标上的高低位置。

3. 字面

字面是汉字所占字面框的比例大小。

4. 字重

字重是指汉字笔画的粗细,西文字体笔画的粗细程度通常也是用Heavy、Light等文字来表达。

5. 字怀

字怀是指字体内笔画间的留白部分多少。

理解了字体五大属性的概念,我们会发现:字重会影响字怀的多少,也就是说笔画粗细会影响负空间(留白),而中宫是相对固定,因为无论字重粗细变化有多大,字的结构松紧是不变的,这好比一个人的胖瘦变化,不会影响他的骨架。所以,字体各个属性相对独立,又相互影响,达到视觉上的平衡。

通常来说,一套字体应该有相对统一的中宫、重心和字面,而对于字重和自怀可以存在适当的变化。

回想一下以往的经历,自己千辛万苦设计出来的字体创意十足,可总感觉哪里不对,又说不出问题所在,其实大多数情况是因为字体的结构属性出了问题,可能是中宫的松紧度不一致,字重笔画安排不够妥当,或者重心高低起伏…总之,我们在设计改造字形结构时,一定要细致的考究各大属性之间的平衡和统一。

情感表达

大家常用「字如其人」来评价人的性格和处世风格,这个人字写的很工整,我们就会联想到他为人处世也会严谨认真,一丝不苟;那个人字写得飘逸自如,则会联想到他在生活中一定自由洒脱(不妨参考国共两位领导人的书法作品)。

归根到底,字体的情感表达,其实就是通过它的形态所展现出来的人的「主观感受」。

而情感表达和字形结构有着必然联系:

中宫的松紧、重心的高低、字面的大小、字重的粗细和自怀的多少,直接影响了字体的形态变化,给人以不同的「主观感受」!

例如:字重的粗细就能会自然而然联想到“厚重”和“轻盈”。

总之,我们的字体设计需要打动用户,引起情感的共鸣,进而引导用户参与更深入的互动!

设计/思考流程

分析完以上三个关键要素,相信大家对字体创意设计有更深刻的理解,现在我们可以进一步解读这三个关键词:

  • 图形创意:设计策略
  • 字形结构:设计分析
  • 情感表达:设计目标

这样我们可以完整的理解「字体创意设计」是什么:

运用图形创意的设计策略,分析并改造字形结构,提升字体的情绪特征,强调并呼应主题。

如果将这三个关键词颠倒下顺序,我们可以整理出一个基本的设计/思考流程:

思考并确定字体的主题和情绪特征,通过分析字形结构,选择合适的字体字形,提炼出正确的图像创意策略,最终完成字体创意设计。

当我们得到设计方案后,需要不断的反思和验证设计方案的准确性,而这套流程仍然可行,我们不妨这样反思方案:

1. 情感的表达是否准确到位了?能否引起用户共鸣?

2. 文字字形结构各个属性是否平衡,视觉感受是否统一?

3. 图形创意是否准确?存不存在歧义?是否影响阅读?

欢迎关注作者所在的丁香园设计团队微信公众号:「花厂设计招待所」

「字体设计人气好文」

  1. 灰昼字体推荐:《灰昼的字体库!10款常用的经典基础英文字体推荐(已打包)》
  2. 字体排印指南:《新手福利!一份详尽全面的UI设计字体与排版指南》
  3. 150000种设计方法:《刘兵克大神教程!送给你150000种字体设计方法》


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

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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