1. 首页

送你10个提高文字设计感的高效方法!

因此我一直在思考有没有一些既简单又高效的设计方式来提高文字的设计感。既提升了背景的层次感,又让文字变得具有设计感。变形的文字并未影响到文字该有的识别性和阅读感,却具有了设计感。的设计中应到的文字,也会结合这些方式,来丰富和提高整体的设计感。文字的设计已经成为一种新的设计趋势,结合实际需要表达的想法,对于设计手法进行活学活用是做出好设计的关键。种方式叠加设计来打造整体的画面效果。

我们在设计中不仅接触到图形,还必须知道文字的设计。特别的文字设计以及排版可以使整体的场景效果非常有气氛,甚至达到图形表达的体会,更加直观地抒发出内容的主旨。

文字的设计方法有众多种,例如借助字体变形,结构重组等方法来让文字变得非常特别,但通常会让我们花费相当多的时间。

然而我仍然在反思有没有一些既简洁又高效的设计方法来提升文字的设计感。在浏览海外的一些设计网站的过程中,做了一下文字设计方式方面的搜集,并整理出十种我觉得具有代表性的文字设计方式。另外还参考很多设计方法,使用英文字体进行了一些尝试。

拉伸的文字

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

送你10个提高文字设计感的高效方法!

拉伸与文字原本的字形、字体有着巨大程度的关联,并不是所有的文字都合适拉伸,例如以下的实例。

1.不同字体对比

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

送你10个提高文字设计感的高效方法!

2.不同字形的对比

从以下实例中对比,O在进行上下拉伸的之后效果非常好,而左右拉伸的之后会失去字体本来的美感,而Y在上下左右拉伸后整体视觉效果都相对平衡。

送你10个提高文字设计感的高效方法!

3.细节处理对比

优化字体线条的细节可以并且整体文字非常规整、方正(左侧)。而未进行细节的设计则会变得笔画参差不齐(上面)。

送你10个提高文字设计感的高效方法!

4.传统与现代对比

传统的字体拉伸后(如右图中间的字体),字体本来的气质就丧失了,因此不建议对一些较为特色的字体进行拉伸设计。

送你10个提高文字设计感的高效方法!

5.设计尝试

中文字的笔画非常多样性,因此在细节的设计上比英文来得非常复杂,在处理「撇、捺、点、折、弯、勾」时必须维持原来的笔画结构性。

送你10个提高文字设计感的高效方法!

6.拓展案例

结合实际要表达的内容,使用拉伸的设计技巧,例如结合物体,叠加颜色以及交织拉伸等。

送你10个提高文字设计感的高效方法!

虚实结合文字

送你10个提高文字设计感的高效方法!

虚实结合即为线面/阴阳的设计技巧,通过虚实的处理,可以突显一组或一段文字中的重点信息。在一些注重主次的设计中,可以尝试这样形式来做区别,线面结合的处理技巧让原有都是面的字体多了一些透气感和空间感。

送你10个提高文字设计感的高效方法!

虚实处理的方式必须考量本身字体的长短,过分纤细的字体效果也许并不显著。

1.尝试对比

送你10个提高文字设计感的高效方法!

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

2.中文字体的尝试

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

送你10个提高文字设计感的高效方法!

3.设计尝试

送你10个提高文字设计感的高效方法!

递进渐变的文字

通过递增或者递减的设计技巧,让本来简单重复的文字元素,变得非常具有层次感和节奏感,让文字的生命力显得非常丰富多样。

送你10个提高文字设计感的高效方法!

在设计的过程中必须提前规范好各个字体之间的差别关系及差异的疗效过程。按照一定的数值倍数差距比进行差异。

1.不同形式的尝试对比

送你10个提高文字设计感的高效方法!

在尝试的之后看到,粗细变化的方式或许更多会依赖于字体本来的方式。

2.中文字体的尝试

中文在使用递进渐变的方法中必须考量整体文字的构架感和黄色感,由于字形较为复杂,整体视觉效果会更加零碎。

送你10个提高文字设计感的高效方法!

扩展变化的文字

与递进渐变接近但却又有差异的文字设计方式。扩展变化的文字具备张力的同时有一定的速度感和发射性,就像向两边展开的波纹效果,具有再现性。

送你10个提高文字设计感的高效方法!

送你10个提高文字设计感的高效方法!

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

1.比例值示意效果

送你10个提高文字设计感的高效方法!

2.中文字体的尝试

外观的完整度固然可以,但鉴于中文原本自有的特点(笔画较为丰富多样),因此在扩充层次的数目上必须进行一定的控制,不宜过多,以词汇或标题使用较多,避免过度形式而造成文字识别性增加。

送你10个提高文字设计感的高效方法!

3.设计尝试

送你10个提高文字设计感的高效方法!

底纹的文字

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

送你10个提高文字设计感的高效方法!

在字体的选用上尽量适用字形较为简单的字体,避免妨碍前景内容的展现。设计上可以结合其它的设计方式,例如虚实结合/拉伸变形/扩展变化等方法,提升场景的丰富程度。

1.中文字体的尝试

常规的英文字体,整体效果仍旧不错。但结合国内艺术字成为底纹,可以让整体的设计更具备不同于英文的设计感,整体效果更具备力量感,因此建议在设计中文底纹的之后可以大胆尝试中文艺术字。

送你10个提高文字设计感的高效方法!

穿透的文字

通过叠加的方法,让当时简单的文字和背景形成了整合。既提高了背景的层次感,又让文字更加带有设计感。

送你10个提高文字设计感的高效方法!

粗细的字体会造成不一样的视觉体验,较细的字体会形成若隐若现的视觉效果,文字的辨识性会稍弱,较粗的字体识别度基本上没有太大难题,因此在设计的过程中可以结合实际的状况选择不同长短的文字。

1.粗细对比尝试

送你10个提高文字设计感的高效方法!

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

送你10个提高文字设计感的高效方法!

2.中文字体的尝试

送你10个提高文字设计感的高效方法!

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

送你10个提高文字设计感的高效方法!

3.拓展案例

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

送你10个提高文字设计感的高效方法!

扭动的文字

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

送你10个提高文字设计感的高效方法!

如以下的三个实例,曲率的差异,赋予文字不同的动态规则,有不同的听觉感知,有时柔和,有时却带有速度感。因此在设计的之后,可依照准确的内容设计不同的扭动趋势。

送你10个提高文字设计感的高效方法!

1.中文字体的尝试

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

送你10个提高文字设计感的高效方法!

2.设计尝试

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

送你10个提高文字设计感的高效方法!

3.拓展案例

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

送你10个提高文字设计感的高效方法!

立体层叠的文字

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

送你10个提高文字设计感的高效方法!

立体层叠的设计针对字体本来具有一定的要求,较为圆润的字体出来的效果并不理想。

1.不同的字体尝试

送你10个提高文字设计感的高效方法!

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

送你10个提高文字设计感的高效方法!

2.中文字体的尝试

然而具备了层次感和空间感,但也会让整体显得非常复杂,因此必须按照文字的多少情况进行使用。

送你10个提高文字设计感的高效方法!

3.拓展案例

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

送你10个提高文字设计感的高效方法!

颜色叠加的文字

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

送你10个提高文字设计感的高效方法!

色彩叠加的效果,对于色彩的选用极为重要,两个形状交错之间的色调可以为过渡色以及互补色。

送你10个提高文字设计感的高效方法!

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

1.中文字体的尝试

因为中文字比英文复杂,因此使用中文字在设计的之后,可以寻求一些共笔的地方进行重叠(如右图右边的设计),利用字体笔画长短一致的状况下,进行了边与边的重叠。另外在设计的过程中建议加强字间距,这样可以减少不同文字的重叠,产生过于复杂的效果,影响文字的识别性(如右图最左边的设计)。

送你10个提高文字设计感的高效方法!

2.拓展案例

在简单的叠色之外,结合不同气质和肌理,可以让整个文字具备不一样的视觉体验。

送你10个提高文字设计感的高效方法!

立体空间的文字

文字根据立方几何结构进行排版,通过色彩变化,阴阳,线面等方法设计处理后产生空间感和立体感。相比于平面排列的文字更具备空间感和层次感,提升整体场景的设计感。

送你10个提高文字设计感的高效方法!

1.设计尝试

送你10个提高文字设计感的高效方法!

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

送你10个提高文字设计感的高效方法!

2.拓展案例

比如常规的空间成为,甚至可以融入到场景中以及结合物体原本的设计。

送你10个提高文字设计感的高效方法!

以上设计格调,常常会在一些运动品牌的设计中发现。例如,Nike的设计中应到的文字,也会结合这种方法,来丰富和提升整体的设计感。

送你10个提高文字设计感的高效方法!

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

送你10个提高文字设计感的高效方法!

阿迪达斯的广告:

送你10个提高文字设计感的高效方法!

Converse的广告:

送你10个提高文字设计感的高效方法!

UnderArmour的广告:

送你10个提高文字设计感的高效方法!

比如一些品牌的设计,音乐唱片的封面也是应用到这种种类的设计技巧。

送你10个提高文字设计感的高效方法!

我们不仅在一些常规的媒介上会发现相关的文字设计,在这两年的彪马或阿迪达斯的衣服设计中,也会加入文字元素的设计,甚至球员会直接在鞋子上写上文字。

送你10个提高文字设计感的高效方法!

文字设计的拓展叠加

文字的设计早已变成一种新的设计趋势,结合实际应该表达的看法,对于设计技巧进行活学活用是做出好设计的关键。当然只有掌握了基础技巧才可能做到举一反三的设计构想。在实际设计的过程中,我们通常不会是单独使用某一种方法,而是对不同的设计技巧进行重组再设计,或者使用2~3种方法叠加设计来构建整体的场景效果。如下:

送你10个提高文字设计感的高效方法!

送你10个提高文字设计感的高效方法!

送你10个提高文字设计感的高效方法!

送你10个提高文字设计感的高效方法!

总结

在这十种基础的文字设计中,通过结合发散可以释放出远远不止于十种的趣味设计。本次收集总结除了自身学习提升之外,希望可以起到抛砖引玉的功用,激发设计师针对文字的设计构想。

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=1052

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息