020-85548809,29883069

网站设计、网站优化、微信开发

资讯

分享你我感悟

您当前位置>主页 > 资讯 > 如何利用文字让网站更加有层次感?

如何利用文字让网站更加有层次感?


在没有利用阶层的情况下,文字、单词或文章看上去都差不多,用户想要获取对他有用的信息是非常困难的。

那么接下来,我将会为大家介绍,如何使用文字的阶层效果,来让用户方便的获取到他所需要的信息,制作出充满魅力的网站。

如何利用文字让网站更加有层次感?

文字是设计素材的一部分,有意识的思考特定的构造组合是有必要的。首先,文字有着什么样的意思,我们需要仔细思考运用是否得当。

大小

这是最能将设计要素强调的技术。人的视线自然会被那些大的东西所吸引,文字如果使用大尺寸的字体,用户自然就会去阅读那些内容了。

缩小字体,让他与其他字体不同,仔细调整是很有必要的。在你使字体变大或者变小的时候,他并不会完全按照我们的预期变化,你需要时刻保持着细心。(例如你在使用装饰性的字体的时候)

字体大小没有统一感,会有种非常业余的感觉,也会让文字变得难以阅读,尺寸的调整也会变得不可能。下面这个样本使用了Open Sans这个字体,这样优雅的字体用在标题这里是再合适不过的了。【Open Sans是一个由Google委托Steve Matteson设计的无衬线字体。根据Google的说法,它是以“诚实的重要性、开放的表现形式、及一个中立但具亲和力的外观”的理念设计的,并且“针对打印、互联网、行动设备的可读性所最优化。” 】

如何利用文字让网站更加有层次感?

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

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

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

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

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

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

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

重量

文字的重量,就是指文字的厚度,以及该留出多少空白空间的意思。明显和尺寸的重要性不同,特别是采用了独特的字体时,可以更加突出一些重要内容。

一旦你决定了文字的尺寸和重量,接下来就让我们想想该使用什么字体吧。粗体和细体一起使用,可以很好的表现出层次感。为了传达出文字的重要性,有一个非常著名的设计方法,就算是小屏幕画面状态下也能将文字表现出来的技术。

斜体

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


配色

文字的重量也依赖颜色,让我们来制作一个易于使用的配色方案吧。因此我们需要学习一些美术的基本原理,例如冷色与暖色的不同,流行色与自然色等,学习一些配色的基本原则是非常重要的。

将配色应用到文字上时,也需要注意他的层次感。使用明亮鲜艳的颜色,则表明他比其他的元素都重要,你需要知道一些颜色和对比相关的一些知识。


对比

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

留白

在文章的段落和文字之间留下空白的空间,可以很好的提高阅读效果。但因为有需要调整字符宽度,所以使用时需要小心。首先第一个需要考虑的便是行距,不同的尺寸与颜色,我们需要选择合适的风格。

使用了留白之后,因为也会影响到阶层的顺序,如果是使用了风格相似的字体,留白能稍稍降低他们之间的关联性,创造出让人耳目一新的效果。但是,如果有想让人注意的部分与别的文字做比较,你需要仔细的调整他们之间的平衡性。


方向

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

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


 在网页设计中,尤其是需要展现很多内容的时候,所有的要素对于用户的视觉体验是非常重要的。这次介绍的利用字体使你的网页变得更加有层次感的技术就到这里了,希望大家好好使用它们,做出更棒的作品吧。谢谢大家~一起感受设计的乐趣吧。

,