提升文字设计感的10种方式

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

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

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

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

不同字体对比

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

不同字形的对比

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

细节处理对比

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

传统与现代对比

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

设计尝试

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

拓展案例

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

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

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

尝试对比:

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

中文字体的尝试

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

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

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

不同方式的尝试对比:

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

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

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

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

比例值示意效果:

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

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

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

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

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

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

粗细对比尝试

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

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

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

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

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

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

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

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

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

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

不同的字体尝试

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最后

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

THE END
1.设计师必备8款宋体字免费商用文字,是版式设计核心。不同字体会观者别样的感觉。在现在,默认字体为黑体的时代。具有人文气息的宋体,更加那人寻味~ ↓获取方式↓ 1、8款字体下载链接密码:wee7 2、如链接时失效: 私信『字体』,获取下载链接 - 黄令东齐伋体 - - 狮尾四季春 - https://zhuanlan.zhihu.com/p/553490826
2.你可能用得上的N款免费/开源中文字体开源字体「OPPO Sans」 是 OPPO 全新品牌字体,由 OPPO 与国内知名字体厂商「汉仪」合作开发出的富有现代感和科技感的全新中文字库。 效果如下: 下载地址:又一款免费商用中西文字体:OPPO Sans(附下载) | 设计达人 10. 更纱黑体:一款在 100% 缩放比例下有着优秀渲染效果的字体 https://blog.csdn.net/wirelessqa/article/details/123310059
3.哪些高级感中文Logo字体可免费商用?教程哪些高级感中文Logo字体可免费商用? 今天我整理了8款小众优质的高级感中文Logo字体,以及应用在LOGO中的效果,均是免费商用字体大家可以放心下载。 在设计LOGO时,最关键的一步就是选择字体。如果你想要打造一个简约高级、别致不落俗套的Logo方案,选择一款与品牌调性契合的高级感字体,就会事半功倍。今天我整理了8款小众https://www.ui.cn/detail/612252.html
4.有哪些适合设计logo的免费商用中文字体选择一个合适的Logo字体是在设计公司Logo时一个非常重要的元素,不过很多新手小伙伴在挑选Logo字体时常常会不知道从何下手,不用担心!今天我就帮你筛选出了4款可免费商用的Logo字体,经典百搭还能免费使用,感兴趣的小伙伴一起来看看吧! 01 标小智龙珠体 标小智龙珠体采用了原始的流行风格字体,整体比较硬朗,字体笔画的https://www.imooc.com/article/335471
5.五个版式细节,让海报充满设计感常规行距通常是指行距为字号的1.2-2倍(针对常规的字库字体),这种行距是最便于阅读的,同时在视觉上也不会让行与行之间太过分离,所以常用于内文的排版。 2、小行距 小行距和小间距的情况类似,通常要配合大字号、bold字重、小间距一起使用,常用于标题和文字墙排版,这种排版的特点是紧凑、整体、设计感和视觉冲击力https://www.digitaling.com/articles/867467.html
6.暑期开学第一课7︱字体设计一些科幻电影的海报设计,字体都很有科技感 科幻电影中对未来的宇宙中交通工具的想象都是大同小异的,可以从中找到一些共同的特征,作为我们设计科幻字体的灵感。 大作、花瓣等设计网站 输入“科技”等 所弹跳出来的素材也可以应用于字体设计中。 通过对太空飞船及太空舱的观https://mp.weixin.qq.com/s?__biz=MzkxNzI1MzU2Mw==&mid=2247489017&idx=1&sn=65757c17d8e8584800fde39efbcb51dd&chksm=c142292df635a03bfab002e174e5ec88643e29f67bc8228a3be248613d2b571767794b988cde&scene=27
7.不用找啦,27款免费可商用中文字体免费送给大家!今天干货君为大家整理出最新最全的免费可商用字体,再也不用担心设计侵权了。 关注微信公众号:牛人干货,回复关键词“字体”获取资源。 1、思源黑体 描述:思源黑体是Adobe在线字体库Typekityu与谷歌一起推出的一款开源字体,有七种字体粗细,完全支持日文、韩文、繁体中文和简体中文,还包括来自 Source Sans字体家族的拉丁文https://www.douban.com/note/747070881/
8.耐看好用!专业平面设计师常用的那些中文字体△ 思源宋体(前段时间刷遍朋友圈的字体,以后宋体字不用愁) △ 造字工房俊雅锐宋(造字工房这套字强化了宋体“横细竖粗”的特点,同时又去掉了笔末装饰,让这套字体整体感既有设计感,又不失传统韵味。) △ 造字工房言宋 3.现代美术字型 △ 文悦新青年体(这套简直是网红字体,应该是近期很火爆的一款,适用性很http://zgx.zhigaoxiong.com/index.php?m=content&c=index&a=show&catid=95&id=87
9.设计感很强的中文字体中文字体分类发现字体设计感很强的中文字体 标签: 中文 最后更新: 2024-12-01 共 5个字体 简介: 设计感很强的中文字体 DBPraditX语言:英文 下载 PSL TextAD Bold语言:英文 下载 DBSodaX-UltraLight语言:英文 下载 DBLimX语言:英文 下载 DBSathornX-BoldItalic语言:英文http://www.qiuziti.com/fontlist2?id=27953
10.字体设计从字体历史中汲取设计的方法作为传承五千多年的古老文化,中华文字独有的构成形态和字体细节让我们的字体历史中蕴含着无穷的设计灵感。笔者分别通过分析古代字体的结构&笔画特征,给大家演示了如何通过借鉴古代文字来进行字体设计的两个视角。而希望通过这两个视角,可以帮助新人设计师捕捉到中文字体设计的美感。 https://isux.tencent.com/articles/Chinese-font.html
11.字由官网千款免费字体一键使用,设计师必备字体工具字由是免费的字体管理工具,为您提供900+字体免费商用,支持在PS、AI、ID、XD、Figma、Sketch、CDR等设计软件中一键应用字体,提供AI识字、字体特效等实用功能,为您的设计提质加速,超百万设计师正在使用字由https://www.hellofont.cn/
12.设计师福利,这是一份最最全面的免费可商用字体清单2019年,过去的这一年收获太多,特别感谢大家对葱花的信任和支持,为了表达对各位设计宝宝的谢意,葱花特意仔细整理了一份200多款免费可商用的字体清单,这一下再用不担心版权问题了,可以换着样的用,设计师宝宝们快粗来搜藏啦。 一、方正系列 方正字体相信是设计师们接触的最多的字体之一,方正字库也提供了四种针对「商https://www.mockplus.cn/blog/post/1219/
13.揭秘!如何开发一套完整中文字库?详细实操指南如你所知,字库和艺术字不同,艺术字是字体设计的艺术化呈现,通常只设计几个字,用作标志或KV,而字库是设计好几千个字后再编码,是文字字体集合库,供使用字体调用。 那么,一套完整的字库到底是怎么开发的?都有哪些详细步骤?我们个人能不能把自己写的字变成字库? https://ziyouziti.com/art-4.html
14.还在担心字体不够用?凸显人文气息的11款手写中文字体推荐!每个设计师的字体库总有那么几款爱不释手的字体,如果现在你觉得每个字体都用过很多次了,有点腻了,不妨看看我今天的推荐:11款凸显人文气息的手写中文字体!虽然有一些场合不太适合使用手写字体,但是在一些告示,通知或者卡片,网页banner适当尝试,会有一些你意想不到的效果哟!每一款手写字体都是独一无二的,就像每个https://www.uisdc.com/group/479623.html
15.广告设计中文字的创意表现文字是传达信息最直接的元素,也是人们交流思想相互沟通的重要工具。在现代广告设计中,文字不只是广告语的表现字体,它丰富的表现性已经演变成为广告设计的图形化语言。以下是小编整理的广告设计中文字的创意表现,供参考阅读! 广告设计中文字的创意表现 在现代广告设计中,文字表现出的作用是非常重要的。广告中的文字不但能https://www.yjbys.com/edu/guanggaosheji/99993.html
16.既高级又免费,这13款字体,你一定要收藏!今天这篇文章我将给各位推荐 13 款,充满高级感的中文商用免费字体!提供字体打包下载哦!他们分别是:思源系列、站酷系列、庞门正道系列、阿里巴巴系列等字体。 前段时间刷微博,看到了这样一条消息,国内优秀的设计师学习平台 —— 优设网,在最近这段时间,将会发布 3 款免费可商用的字体,你没看错,是 3 款!!! https://www.pptfans.cn/689887.html
17.除了思源黑体,这5款免费字体也不容错过!很多设计师在设计字体时没有注意到版权问题,不小心用了后收到律师函警告甚至需要赔偿,这种情况谁也不想看到。对于中文字体设计的版权,不同字体的厂商有不同的用途、收费、条款,我们无暇一一深入确认。但不要慌!要想拥有大气实用的免费可商用字体,安装Pixso字体软件就够了,一键调用无侵权风险!一站式协同设计工具Pixsohttps://pixso.cn/designskills/zitisheji/
18.字加网找字体来字加专业的字体获取和字体设计交流平台包图网_专注原创商用设计图片下载,会员免费设计素材模板独家图库 包图网汇集了各种视觉冲击力强的原创广告图片设计、电商淘宝、企业办公模板、视频、配乐、音效、字体、插画动图、装饰装修等素材,由顶尖的设计师供稿,符合各个行业的商用需求,下载高品质正版素材就到包图网。 https://nav.dreamthere.cn/site/index/4379915
19.给大家推荐比较好看的免费中文字体业界资讯今天收集并筛选了一些比较好看的免费中文字体,特地来分享给大家,不管你是不是设计师都值得拥有。 阿里巴巴普惠体 阿里巴巴推出的一款阿里巴巴普惠体, 这是一款由中国企业首次发布的 可面向全场景使用的免费商用正文字体。 阿里普惠体的中文字体含5个字重 Light 、Regular、Medium、 Bold 、 Heavy https://fontru.com/news/detail/95cad8a4-cdff-42c8-b0f4-c612369edf4e
20.这6种开源字体设计最常用!一个好用的、开源的、有一定设计感和审美力的字体,对于设计师来说,将是一个非常棒的助力,可以帮助我们设计的作品好上加好,起到锦上添花的效果。今天为我们就给大家推荐 6 种设计最常用的开源字体,都是站酷免费字体,种类多多,风格多多,分别是:站酷高端黑、站酷快乐体、站酷酷黑体、站酷黄油体、站酷小薇 logo https://js.design/special/article/free-fonts-on-website.html