必看!文字设计感的十个技巧!

我们在设计中除了接触到图形,还需要了解文字的设计。特别的文字设计或者排版可以使整体的画面效果更加有氛围,甚至超过图形表达的感受,更加直观的表达出内容的主旨。

因此我一直在思考有没有一些方法,既简单又高效的设计方式来提高文字的设计感。在浏览国外的一些设计网站的过程中,做了一下文字设计形式方面的收集,并整理出十种我认为具有代表性的文字设计形式。另外还参考这些设计方式,使用中文字体进行了一些尝试。

拉伸的处理手法,让文字更具有张力,整体氛围更具标题感和图形化,但依然保留这文字该有但识别度。常见于纯文字排版的海报,既满足阅读需要,同时具有设计感。

拉伸与文字本身的字形、字体有着很大程度的关联,并不是所有的文字都适合拉伸,例如下面的案例

不同字体对比

从方案尝试中看出,左边字体在进行拉伸之后,文字本身的结构会遭到破坏,而右边的效果则较为可以接受。因此在设计的过程中尽量选择可适用于拉伸的字体,另外在拉伸的过程中需要对细节重新处理,使字体保留原有字体的细节美感。

不同字形的对比

从下面案例中对比,O在进行上下拉伸的时候效果比较好,而左右拉伸的时候会失去字体本身的美感,而Y在上下左右拉伸后整体视觉效果都相对平衡。

细节处理对比

优化字体线条的细节可以使得整体文字更加规整、方正(右边)。而未进行细节的设计则会显得笔画参差不齐(左边)。

传统与现代对比

传统的字体拉伸后(如下图中间的字体),字体本身的韵味就失去了,因此不建议对于一些较为传统的字体进行拉伸设计。

设计尝试

中文字的笔画比较多样性,因此在细节的设计上比英文来得更加复杂,在处理“撇、捺、点、折、弯、勾”时需要保持原本的笔画结构性。

拓展案例

结合实际要表达的内容,使用拉伸的设计手法,例如结合物体,叠加颜色或者交错拉伸等。

虚实结合即为线面/阴阳的设计手法,通过虚实的处理,可以突出一组或一段文字中的重点信息。在一些强调主次的设计中,可以尝试这种方式来做区分,线面结合的处理手法让原有都是面的字体多了一些的透气感和空间感。

虚实处理的方法需要考虑本身字体的粗细,过分纤细的字体效果可能并不明显,

尝试对比:

从对比中,发现粗体相比于细体来得更加直接更容易出效果,对比明确。

从尝试中来看,与上面中的结论较为一致,较细的字体使用虚实结合效果并不理想。对于书法体的应用,更多需要考虑字体的收边效果是否工整,收边过碎,会影响在描边之后的细节美感。

通过递增或者递减的设计手法,让原本简单重复的文字元素,变得更加具有层次感和节奏感,让文字的生命力变得更加丰富多样。

在设计的过程中需要提前规范好各个之间的差异关系及变化的效果过程。按照一定的数值倍数差异比进行变化。

不同方式的尝试对比:

在尝试的时候发现,粗细变化的模式可能更多会依赖于字体本身的模式。

中文在使用递进渐变的方式中需要考虑整体文字的结构感和块状感,由于字形较为复杂,整体视觉效果会过于零碎。

=与递进渐变接近但却又差别的文字设计形式。扩展变化的文字具有张力的同时具有一定的速度感和发射性,就像向四周展开的波纹效果,具有延续性。

按文字的行高或者字宽作为基础值,按一定的比例,对文字进行破形切割处理,上下左右进行扩展发散。

比例值示意效果:

外观的完整度还算可以,但由于中文本身自有的特性(笔画较为丰富多样),因此在扩展层次的数量上需要进行一定的控制,不宜过多,以短语或标题使用较好,避免过于形式而导致文字识别性降低。

文字作为纹理出现在画面中,区别于图形化的纹理。既有图形感,同时可以辅助传达一定的信息和态度。

在字体的选择上尽量适用字形较为简洁的字体,避免影响前景内容的展示。设计上可以结合其他的设计形式,例如虚实结合/拉伸变形/扩展变化等方式,提升画面的丰富程度。

常规的中文字体,整体效果还算不错。但结合中国书法字作为底纹,可以让整体的设计更具有不同于英文的设计感,整体效果更具有力量感,因此建议在设计中文底纹的时候可以大胆尝试中文书法字。

通过叠加的方式,让原本简单的文字和背景产生了融合。既提升了背景的层次感,又让文字变得具有设计感。

粗细的字体会产生不一样的视觉感受,较细的字体会产生若隐若现的视觉效果,文字的识别性会稍弱,较粗的字体识别度基本上没有太大问题,因此在设计的过程中可以结合实际的情况选择不同粗细的文字。

粗细对比尝试

穿透的文字设计,对于打造设计的大片感具有很突出的视觉效果。例如漫威的电影片头设计。

结合不同的语意使用不同的字体,再结合穿透的设计方式,使画面具有中文的文艺感。

结合实际的内容设计,穿透文字的玩法还可以拓展出更多不一样的设计,例如下面这些例子。

扭动的设计,让文字具有曲线的动态感,提升了文字的装饰性。不同曲线的动态变化,赋予文字不同的律动感。变形的文字并未影响到文字该有的识别性和阅读感,却具有了设计感。

如下面的三个案例,曲率的差别,赋予文字不同的动态规则,具有了不同的视觉感知,有时柔美,有时却具有速度感。因此在设计的时候,可根据具体的内容设计不同的扭动趋势。

对比可见较细的字体使用扭动的设计,效果并不理想。由于中文笔画的差异点,经过扭动之后整体外形较为不规整,而粗体的效果则较为规整,动态曲线趋势也较为明显。

扭动+虚实+底纹的效果。

更高级的设计手法是利用自然环境的介质结合文字,起到扭曲的视觉效果。

八、立体层叠的文字

与扩展变化有异曲同工之妙,文字通过按一定的角度和位移间隔,由二维向三维的视觉效果进行变化,让文字更加多变化、重量感、层次感。

立体层叠的设计对于字体本身具有一定的要求,较为纤细的字体出来的效果并不理想,

不同的字体尝试

从对比中看出,细体或较细的衬线字体,层叠后会出现衔接不上或视觉黑点的情况(如下面左图和右图)。因此设计时建议使用粗体,并且整体笔画较为平均的字体(中间的图)。

中文字体的尝试

虽然具有了层次感和空间感,但也会让整体变得更加复杂,因此需要根据文字但多少情况进行使用。

立体层叠还不止单向的设计,例如可以进行轨迹变化,向外扩展层叠,或是增加一些颜色渐变来丰富整体的设计。

文字通过错位,叠加,颜色变化,透明度变化,切割等方式的设计之后,具有故障的视觉偏差感知。整体视觉感知类似双重曝光的照片,文字具有丰富的层次感。

颜色叠加的效果,对于颜色的选择极为重要,两个颜色交错之间的颜色可以为过度色或者互补色。

细体的效果并不理想(如上图左边第一个),建议设计的过程中使用较粗的字体,另外在使用的过程中需要考虑文字的识别度(如右边的效果),重叠之后文字的识别度或多或是会受到影响。

由于中文字比英文复杂,因此使用中文字在设计的时候,可以寻找一些共笔的地方进行重叠(如下图左边的设计),利用字体笔画粗细一致的情况下,进行了边与边的重叠。另外在设计的过程中建议加大字距离,这样可以避免不同文字的重叠,产生过度复杂的效果,影响文字的识别性(如下图最右边的设计)。

在简单的叠色之外,结合不同质感和肌理,可以让整个文字更具有不一样的视觉感受。

十、立体空间的文字

文字按照立方几何结构进行排版,通过颜色差异,阴阳,线面等方式设计处理后形成空间感和立体感。相比于平面排列的文字更具有空间感和层次感,提升整体画面的设计感。

使用空间错位结合虚实的设计,让简单重复的文字变得具有空间感和立体感。

除了常规的空间打造,甚至可以融入到场景中或者结合物体本身的设计。

以上设计风格,常常会在一些运动品牌的设计中看到,如下:

Nike的设计中应到的文字,也会结合这些方式,来丰富和提高整体的设计感。

火箭队出场片头的字体应用,线形字体叠加渐变的效果,具有层次感又有未来感。

除了一些品牌的设计,音乐唱片的封面也有应用到这些类型的设计手法。

其他更多—文字设计的拓展叠加

文字的设计已经成为一种新的设计趋势,结合实际需要表达的想法,对于设计手法进行活学活用是做出好设计的关键。当然对于基础手法的掌握才可能做到举一反三的设计思考。在实际设计的过程中,我们往往不会是单独使用某一种方式,而是对不同的设计手法进行重组再设计,或者使用2-3中方式叠加设计来打造整体的画面效果。如下:

最后

在这十种基础的文字设计中,通过结合发散可以迸发出远远不止于十种的创意设计。本次收集总结除了自身学习提高之外,希望可以起到抛砖引玉的作用,激发设计师对于文字的设计思考

THE END
1.字体设计字体的创意设计说明书.pptx文档介绍:该【字体设计-字体的创意设计说明书 】是由【wxq362】上传分享,文档一共【82】页,该文档可以免费在线阅读,需要了解更多关于【字体设计-字体的创意设计说明书 】的内容,可以使用淘豆网的站内搜索功能,选择自己适合的文档,以下文字是截取该文章内的部分文字,如需要获得完整电子版,请下载此文档到您的设备,https://m.taodocs.com/p-861463661.html
2.字体设计的创意说明字体设计字体分类发现字体字体设计的创意说明 Obviously Demo Cond Thin Italic语言:英文 Signifier-LightItalicTest语言:英文 Florent-LightItalic语言:英文 Degular Text Demo Semibold Italic Italic语言:英文 FoundersGroteskText-BoldItalicTest语言:英文 ManierLight语言:英文 Sophia Script Sophia Script ExB语言:英文 http://www.qiuziti.com/fontlist2?id=865514
3.logo设计及创意说明怎么写?如何提升logo品质?想要让logo设计打动客户,我们需要在logo设计的时候,写一份创意说明,我们要写清楚这样设计的目的以及用途,你知道logo设计及创意说明怎么写吗,如果你了解,就让古柏广告设计的小编给大家解答一下吧。 logo设计及创意说明怎么写? 一、创意概念 优秀的设计师不会一收到标志需求,就开始拿品牌或企业的首字母拼图形,而是先了https://www.goobai.com/logoxw/8038.html
4.字体创意设计范文12篇(全文)字体创意设计 第1篇 一、创意字体设计与形象字体 中文字体设计虽然种类繁多, 千变万化, 但基本上可以分为基本字体和创意字体两大类。基本字体又分为宋体、黑体和圆黑体, 它们在结构、规律上基本是一致的, 只是笔形有别, 而创意字体是根据基本字体变化而来的。如何运用对称、均衡、对比、韵律等美学原理绘写出和谐、https://www.99xueshu.com/w/ikeynyg6av1m.html
5.毕业季南京艺术学院平面设计视觉信息设计专业毕业作品欣赏设计说明: 王子午鼎是春秋战国时期的器物,鼎腹内文字所属古文字范畴。全篇铭文几乎是由象形文字和象意文字组成的。结合对王子午鼎铭文构形,运用现代平面基本元素中的“点”、“线”、“面”表现王子午鼎铭文,对古文字采用视觉语言进行“装饰”,继承了古文字的框架,也在字体造型上有了新的创造形式。 https://www.shangyexinzhi.com/article/1933395.html
6.vi手册设计说明4.企业车体外观设计 公务车 面包车 班车 大型运输货车 小型运输货车 集装箱运输车 特殊车型 企业标志及标志创意说明 标志墨稿 标志反白效果图 标志标准化制图 标志方格坐标制图 标志预留空间与最小比例限定 标志特定色彩效果展示 2.企业标准字体 企业全称中文字体 http://www.sanyuan163.com/guandianjijin/zhuzhouView/2010/12/21/905.html
7.鹿个性创意艺术字体书法素材可下载源文件免扣素材字中文字体 AI造字 英文字体 Logo设计 字体转换器 专栏文章登陆/注册 微信登录 账户登录 请使用微信扫一扫,关注公众号后完成登录 登录 在线授权 常见问题 商务合作 字体格式 字体预览 词语欣赏 法律声明 字体打包 关于我们 联系我们 行业网址 新浪微博 图形字体 授权查询 AI造字 专栏文章https://www.zitijia.com/cs/item/47462
8.企业形象策划书精选6篇第三阶段:基本设计开发 此阶段的目标是为贵公司及品牌确立设计理念并发展一个视觉基本识别,主要是建立基本设计系统,即 标志、字体、颜色等。 1、理念开发 贵公司集团及品牌理念开发、完成品牌培育的第一步,并为品牌发展打下基础,预留延展空间。 2、设计创意 https://www.ruiwen.com/qiyecehuashu/6170753.html
9.字体设计师的眼界提升朱志伟:字体设计师。作为一个字体设计师最重要的素质是善于学习、有追求卓越的精神,而且还善解人意,要懂得用户需求。具备了这些条件,再有书法功底再有设计背景,那很容易发展成为一名优秀的字体设计师。 站酷网:您在站酷奖沙龙上面分享的一个主题叫《眼界》,您是怎么看待设计师如何去提高自己的眼界?包括眼界怎么影响http://m.sdada.edu.cn/info/1092/49163.htm
10.本店特色创意字体艺术字设计图片千库网为设计者提供本店特色创意字体,为您省却艺术字设计制作时间,优质而新颖的艺术字素材为您的设计提供便捷高效和灵感创意https://m.588ku.com/ycwordart/10509889.html
11.街头字体StreetFonts英文原版文字涂鸦字体设计创意字型字体由“善本图书旗舰店”发货,并提供售后服务。 关联商品 手工字体制作书字体字型设计艾伦·基廷活版印刷的生涯字体视觉历史街头字体设计字母A至Z变量之路 字体设计价格说明 当当价:为商品的销售价,具体的成交价可能因会员使用优惠券、银铃铛等发生变化,最终以订单结算页价格为准。 划线价:划线价为参考价,划线价格可能http://product.dangdang.com/1212994877.html
12.最新电大《字体设计》教学考一体化网考形考作业试题及答案重点抓住文字的点画结构进行夸张和对比表现创意 B. 结合字体笔画特征进行变化 C. 利用夸张和对比的艺术表现手法 D. 是一种打破常规的 相关推荐》》》 相关试卷 最新电大《字体设计》教学考一体化网考形考作业试题及答案 最新电大字体设计教学考一体化网考形考作业试题及答案100通过2015年秋期河南电大https://easylearn.baidu.com/edu-page/tiangong/exercisedetail?id=fc764e2da55177232f60ddccda38376baf1fe0f3&fr=search
13.作品创意说明(精选8篇)作者简介:以文字的形式表达了作者的创意和申奥决心。 三、作品制作技巧(以作品实例说明) 本作品以设计版面清新、爽洁、给人耳目一新为标准,充分利用了JAVASCRIPT脚本语言和FLASH动画及图层、组件等概念,以DREAMWEAVER结合FRONTPAGE、FLASH 5.0、PHOTOSHOP和FIREWORKS设计而成: https://www.360wenmi.com/f/filerr2a6mky.html
14.2024第四届全国青年大学生数字国防教育创新创意大赛包装设计:为国防文化相关产品设计创意包装。包装不仅要美观吸引眼球,还要体现产品特性和国防元素,可以考虑使用环保材料,突出可持续发展理念。 字体设计:设计具有国防教育特色的字体。这种字体应该能够在视觉上传达力量、稳定和安全感,可以融入军事元素或国家象征,适用于各种国防教育相关的印刷品和数字媒体。 https://www.shejijingsai.com/2024/08/1173524.html
15.指示牌设计说明书.pptx指示牌设计说明书汇报人:XXX2024-01-25 CATALOGUE目录设计概述与目标需求分析与规划创意构思与方案设计详细设计与制作安装施工与验收标准效果评估与改进建议 01设计概述与目标 定义指示牌是一种视觉识别符号,用于传达特定信息或引导人们的行为。作用在公共场所、交通道路、建筑物等环境中,指示牌起到指示方向、提供信息、警https://m.book118.com/html/2024/0222/6243022132010051.shtm