南京网站设计——送你10个提高文字设计感的高效方法

2020/09/15

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

文字的设计方式有很多种,例如通过字体变形,结构重组等方式来让文字变得更加特别,但往往会让我们耗费比较多的时间。

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

拉伸的文字

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

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

1. 不同字体对比

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

2. 不同字形的对比

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

3. 细节处理对比

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

4. 传统与现代对比

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

5. 设计尝试

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

6. 拓展案例

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

虚实结合文字

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

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

1. 尝试对比

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

2. 中文字体的尝试

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

3. 设计尝试

递进渐变的文字

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

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

1. 不同方式的尝试对比

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

2. 中文字体的尝试

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

扩展变化的文字

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

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

1. 比例值示意效果

2. 中文字体的尝试

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

3. 设计尝试

 底纹的文字

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

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

1. 中文字体的尝试

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

穿透的文字

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

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

1. 粗细对比尝试

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

2. 中文字体的尝试

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

3. 拓展案例

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

扭动的文字

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

立体层叠的文字

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

颜色叠加的文字

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

立体空间的文字

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

 

南京网站设计

 

返回列表 >>

相关主题

出错了

Action:_after_view您所请求的方法不存在!


Action:_after_view您所请求的方法不存在!

您可以选择 [ 重试 ] [ 返回 ] 或者 [ 回到首页 ]