小文本在网页设计中有效使用它的6种方法

毫无疑问,因为字体太小可能会导致一些可读性问题。但如果做得好，一小块小小的文本就能让人产生视觉上的重点并将用户吸引到设计的特定部分。

和我们一起看一看小的文字趋势，用例子来提供一些设计的灵感。

1. 创建层次结构和组织

虽然大号字体已经成为主页和头文件的主要选项，但在桌面显示器的第一个屏幕上，有了一个转变，可以提供更多的信息。(其中一个原因可能是，屏幕尺寸不断增加，给设计师更多的画布。)

这就是“微小”文本的由来。字体的大小和比例的不同，使得排版有明显的视觉流动，一般从大字体到小字体。通过使用一层很小的文本——通常比普通的14到16分的尺寸大小——你创建了一个额外的点让用户看。小文本，特别是与其他文本大小一起使用时，可以吸引用户，因为它是不同的。

Maxime Bonhomme在投资组合网站的设计中使用了小文本。最小的文本元素提供了关于项目的关键细节，而更大的类型则提供了工作的描述。注意这些微小的文本元素是如何工作的，部分原因是每个拷贝块周围有大量的空间和契约。

2.外观

有时候，小字体的设计是为了让你看好几遍，

它经常是出乎意料的，或者不同于用户在其他网站上看到的，所以设计元素吸引了你。

Mountain Dew，一个不害怕前卫的品牌，使用了一个超级小标题处理。这个标题完全符合X的顶点，以创造出一种独特的眼动模式，从屏幕上移动到屏幕上的NBA球员视频到品牌标识符。即使是对动作的召唤也是微小的，但它不会让用户感到不舒服，因为它感觉是故意的。

3.创建引人入胜的导航

虽然很多网站都取消了主页的导航功能，但却完全支持汉堡/隐藏的样式菜单项，使用小文本可以让一些元素回到屏幕上，而不让人觉得打扰。这是一个起伏的设计模式,从一个极端到另一个。(下一个是超大号导航吗?)

在导航中使用小文本是很棘手的。它需要足够大，可以轻松阅读和点击。使用简单的字体也是非常重要的，因为小文本对眼睛来说可能有点困难。

拉普兰的魔力找到了一个很好的中间地带，在主菜单栏里有很小的文本元素。每个元素都有足够的间距——有些甚至使用双层甲板——而白色的无衬线字体在暗背景下也有助于提高可读性。在旅行者的主要导航栏上还有一个“次要”的小文本。

4.展示空间

当画布很大的时候，小文本是最有效的。一个小的元素和巨大的空间之间的反差是惊人的。大量的小文本会很突兀和难以阅读,所以保持文本元素简洁。

色彩文本也应该在头脑中有一个明确的目的。在进入这个设计趋势之前，问问你自己:为什么我要在这里使用小文本呢?它对我的网站设计的意义有什么贡献?

如果你对这些问题没有可靠的答案——“因为我不想”——那么你应该考虑其他的问题。

Moonfarmer做了一个漂亮的工作，展示了微小的文字空间。该设计使用了两种级别的排版和大量的开阔的画布来建立一种情绪，并在用户点击或滚动之前向他们介绍内容。微小的文字只是设计中的众多细节之一，它让你停下脚步，看一看。在元素之间有很大的对比，对于可读性没有什么顾虑。

设计还需要记住一点:你不必到处使用小文本，把它当作一种特殊的艺术元素。Moonfarmer在主页上使用很小的文本，然后在整个设计的其余部分将相同的字体增加到更常见的尺寸。

5.当文本不是最重要的元素时

有时屏幕上最重要的元素不是字体。文本是视觉元素的辅助。

自由电视是一个很好的例子，说明如何使用小文本来帮助用户，同时允许另一个元素作为设计的主导部分。对于这个项目，视频是重要的元素。小文本作为一个元素来提供额外的信息,鼓励注册与一个静态文本块,似乎不管主页上的插曲出现。

6.创建一个视觉元素

文本元素主要是用来阅读的。这很合理，合乎逻辑。

但有时候，文本元素作为视觉元素的一部分，是否被阅读的重要性就不那么重要了。(这需要计划和大量的设计对话，所以不要在突发奇想中解决这个问题。)

HTML汉堡使用几层小文本。小文本用作描述大标题的描述符。在每个“汉堡”包装上都使用了小的文字，以创造出更酷的视觉元素，更多的是关于公司所做的事情。这是一个你没有看到太多的设计大纲，在这种情况下，它是有影响力的。但这种技术很难实现，请谨慎行事。

结论

要不要变小?这可能是一个艰难的决定。虽然小文本的使用是有争议的，但对小字体的使用是有必要的。为了确保在你的设计中有细小的文字，给它足够的空间，使用一个高度可读的字体，并使用其他的设计提示来帮助用户使用文字。

最后，如果你打算尝试用小字体进行试验，那就尽量少用。这不是一个能帮助你把更多的东西塞进设计的技术。它能有效地使用小的文本块在有意义的地方。