当前位置：首页 >UI学院 >学院新闻

在新的一年里学会如何让字体设计更有层次感

作者：危机无唇彩发布时间： 2023-03-28 08:20:08 浏览量：405次

字体设计的视觉层次感究竟意味着什么呢？详细从以下开始。文字是设计素材的一部分，有意识的思考特定的构造组合是有必要的。首先，文字有着什么样的意思，我们需要仔细思考运用是否得当。

大小

在人们的视线内最容易被那些大的东西所吸引，如果使用大尺寸的文字，用户自然就会去阅读。然而缩小字体，与其他字体不同，仔细调整是很有必要的。在你使字体变大或者变小的时候，他并不会完全按照我们的预期变化，你需要时刻保持着细心。

在调整字体大小的时候，你需要验证这个大小是否合适。首先从正文而不是标题开始，先确定他们的主字体。将字体的特点引发出来，让用户看到有魅力的效果。

调整字体大小需要注意的几点：

正文用的字体大小，最好在14pt以上。（19px）

标题大小，最好控制在35pt以下。（约为正文的250%）

小标题的大小，最好控制在25pt以下。（约为正文的175%）

导航菜单的大小，最好控制在23pt以下（约为正文的165%）

导航菜单上的字符大小，最好控制在20pt以下（约为正文的140%）

重量

文字的重量，就是指文字的厚度，以及该留出多少空白空间的意思。明显和尺寸的重要性不同，特别是采用了独特的字体时，可以更加突出一些重要内容。一旦你决定了文字的尺寸和重量，接下来就让我们想想该使用什么字体吧。粗体和细体一起使用，可以很好的表现出层次感。为了传达出文字的重要性，有一个非常著名的设计方法，就算是小屏幕画面状态下也能将文字表现出来的技术。

斜体

斜体也是非常有效的强调手段，有时也比粗体更容易引人注意。因为视觉差异比较小，对特别的字体是十分有效的。

配色

文字的重量也依赖颜色，让我们来制作一个易于使用的配色方案吧。因此我们需要学习一些美术的基本原理，例如冷色与暖色的不同，流行色与自然色等，学习一些配色的基本原则是非常重要的。将配色应用到文字上时，也需要注意他的层次感。使用明亮鲜艳的颜色，则表明他比其他的元素都重要，你需要知道一些颜色和对比相关的一些知识。

对比

如同字面意思一样，对比能在配色、重量、尺寸等各种各样的地方使用。正文与标题的对比，可以说是最常见的技术了。

留白

在文章的段落和文字之间留下空白的空间，可以很好的提高阅读效果。但因为有需要调整字符宽度，所以使用时需要小心。首先第一个需要考虑的便是行距，不同的尺寸与颜色，我们需要选择合适的风格。使用了留白之后，因为也会影响到阶层的顺序，如果是使用了风格相似的字体，留白能稍稍降低他们之间的关联性，创造出让人耳目一新的效果。但是，如果有想让人注意的部分与别的文字做比较，你需要仔细的调整他们之间的平衡性。

方向

方向就是指在布局中文字的表现形式。虽然看起来是显而易见的事，但在层次表现上却是一个重要的过程。在大多数情况下字母与数字，在屏幕上以水平直线放置，这样会整洁易读。如果文字垂直放置，不仅会成为重要的设计要素，所有的视线也都会被集中在上面。尽管这种技术能扭转你的设计，但作为设计师，你还是需要充分理解自己的设计意图后再去使用。

质感、纹理

文字的纹理质感，是需要花费大量时间来掌握的一种技术。这种难，并不是指字体自身的质感，而是指在页面上所有文字的样式。使用合适的纹理，变化设计的元素，打破原有的设计规律吧。明确意图或概念，让你的设计不会矫枉过正。

层级

不管是怎样复杂的项目，都可以利用文字来分成三层，将网站上重要的部分完整的区分出来。这里的利用的阶层分为：主层（英: Primary）、副层（英： Secondary）、三层（英: Tertiary）。

主层上的文字，是页面上最突出的元素。一般会使用大尺寸和鲜艳的颜色来使用，表现出与其他文字不同的魅力。但是，因为文字对层级的影响过多，使用会有限制，例如只在标题中使用。

副层上的文字，并没有主层那样的影响力，却能很好的让用户的注意力转向正文的内容。利用配色、尺寸、留白等这些不同的要点，区分主次，可以用在小标题，导语和摘录上。

三层上的文字，是利用在主要内容上的，没有什么特点的要素。在这里使用的字体并不需要多么的引人注意，可以选择一些简单的，没有什么浮夸的效果的字体。不要干扰到主要内容，从而让用户的视线转移到别的地方。