设计沉思录|字体设计一点谈
文章给大家总结了四个点,看一套快速实用的文字设计基本流程是怎样的~
在视觉设计工作中,我们几乎每项任务都会使用到字体。
字体是我们在设计过程最基础的设计元素,也是设计中必不可少的表达工具。在不同的环境下使用合适的字体,可以让我们的设计作品更加生动。
在雇主定制页面广告设计及运营活动等设计中,文字部分作为信息传达的重要工具,除了要传达信息的基础功能,还需要赋予其美观的形态,使其视觉传达更为强烈,更能引起用户的关注。
字体创意设计虽然比较自由,但应保持字与字之间的统一性。一组字体设计中,应保持一种统一的变化规则,不然会造成杂乱感。
工作当中总结了以下几点,一套快速实用的文字设计基本流程供大家参考。
以下我们主要针对中文字体的创意设计进行说明:
字体分析与选择
其实就是选择做字时参考的字体,我们在进行设计之前需要分析项目,这在任何设计上都是通用的,在字体设计上也是如此。做字之前一定要对字体呈现出的主题、风格进行分析。
我们用简柏特2019校招项目为例来进行分析:“起航梦想,成就未来”简柏特2019校园招聘SLOGAN。
简柏特是一家从事业务流程外包(BPO)的专业集团公司,公司官网整体设计风格比较商务、简洁化,布局贴和其LOGO的造型,包括装饰性图标和背景都有着很强的统一性。
简柏特的LOGO设计,由几个图形组合而成一个大写的“G”简柏特英文的首字母,LOGO整体棱角分明,笔直有力。我们把简柏特的LOGO拆分开来看,它是由五个几何图形组合而成的,而且每一个图形都和我们中文字体的笔画类似,分析了这么多我想我们对字体的选择有了具体的目标。
选定好合适的字库字体后,我们对字体的部分笔画进行设计与变形,让整体看起来更贴合简柏特的LOGO的特点。
然后,对当中的文字加入其LOGO的部分图形元素,用LOGO当中的图形替代字体的某个笔画,将文字的局部替换,使文字的内涵外露,在形象和感官上都增加了一定的艺术感染力。
以下是几种不同的字体设计案例:“寻人启示”无锡横新软件2018校园招聘SLOGAN。
选用字库原字体,运用字体的连笔,制造字体间的连接,寻:寻找的意思。将寻字一点变化为稍大的圆形,为放大镜之意,更快更准为企业寻找人才。
“全新上银相信卓尔不群的你”上海银行2017社会招聘售前SLOGAN。
上海银行以“精品银行”为战略愿景,选用字库字体,“全新上银”四字之间笔画的关联性,用一条由低到高的直线连接,体现上海银行以“精诚至上,信义立行”的核心价值观。
“同行同分享”成都双流机场2018校园招聘SLOGAN。
成都双流国际机场位于“熊猫故乡”——中国西部四川成都,选用带有中国元素的字库字体,运用笔刷效果替代文字里的部分笔画,将文字的局部替换,使整体看上去更具有设计感。
字形结构重构
进行图形化设计的基础毕竟是文字,它仍然需要传达字面信息,这就关系到阅读性以及字体的美感,所以我们需要从汉字的造字原理和结构出发,分析字形结构和视觉感受。
接下来分享一个字体重构的方法,以无锡横新软件2018年校招项目“寻人启示”为例,步骤如下:
整体调整与画面结合
在字体设计中,我们认真的推敲尝试每一个笔画的变化方式,去选择最合适的表现方法,只有如此才能使得每一个笔画都契合这个字体,符合整组字的空间规则。
将已做好的字体结构或笔画进行简化或者连接处理,使之更符合主题的气质或更具有设计感。
以下用简柏特2019校招项目“起航梦想成就未来”为例,步骤如下:
字体可辨识度测试
文字经过设计以后,可使形象变得情境化、视觉化,强化了语言效果,成为更具有某种特质和倾向性的视觉符号,我们在追求字体变化的同时要便于识别。
作为传达主体信息,或者承载运营转化目的字体设计,更需要让用户能在一瞥之间能读懂文字所传达出的内容和特点。
我们可以在设计完成时增加一个环节,即对字体可辨识度进行测试,下面一起看看以下两个案例,我们先看(图一)当中的文字,浏览者不能第一时间识别,需要去猜测,阻碍了用户获取准确的信息,这种情况我们利用字体辨识度测试环节是可以避免的。
在看(图二)虽然添加了比较多的图形化设计,但是在文字的可辨识度上,浏览者可以快速识别其中的文字信息,与图一形成了明显的对比。
以下的一些设计案例均是通过如上方法快速实现的:
结语
总之,视觉作品设计的目的是人与人的交流,作为设计师,学习运用字体的变化,会使设计更加有效。把文字图形化运用到设计中,才能使作品具有强烈的视觉冲击力,更便于公众对设计作品主题的认识、理解与记忆,进而促成用户对内容的进一步消费与转化。
作者:杨存庆,视觉设计师
本文来源于人人都是产品经理合作媒体@58用户体验设计中心(微信公众号@58UXD),作者@杨存庆
题图来自 Unsplash,基于CC0协议。
作者暂无likerid, 赞赏暂由本网站代持,当作者有likerid后会全部转账给作者(我们会尽力而为)。Tips: Until now, everytime you want to store your article, we will help you store it in Filecoin network. In the future, you can store it in Filecoin network using your own filecoin.
Support author:
Author's Filecoin address:
Or you can use Likecoin to support author: