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