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

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

危机无唇彩作者:危机无唇彩 发布时间: 2024-03-09 08:20:08 浏览量:404次

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

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

大小

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

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

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

正文用的字体大小,最好在14pt以上。(19px)

标题大小,最好控制在35pt以下。(约为正文的250%)

小标题的大小,最好控制在25pt以下。(约为正文的175%)

导航菜单的大小,最好控制在23pt以下(约为正文的165%)

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

重量

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

斜体

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

配色

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

对比

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

留白

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

方向

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

质感、纹理

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

层级

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

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

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

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

火星时代教育-AI变现资源包
火星时代教育 影视学院刘老师,为你解答
  • 相关推荐
  • 人气推荐
  • 教程分享
  • 相关标签

优秀作品赏析

  • 2101期学员李思庭作品

    作 者:李思庭

    所学课程:2101期学员李思庭作品

  • 2104期学员林雪茹作品

    作 者:林雪茹

    所学课程:2104期学员林雪茹作品

  • 2107期学员赵凌作品

    作 者:赵凌

    所学课程:2107期学员赵凌作品

  • 2107期学员赵燃作品

    作 者:赵燃

    所学课程:2107期学员赵燃作品

  • 微信扫码入群领福利

    扫码领福利最新AI资讯

    点击咨询
    添加老师微信,马上领取免费课程资源

    1. 打开微信扫一扫,扫描左侧二维码

    2. 添加老师微信,马上领取免费课程资源

    ×

    同学您好!

    您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
    确定