目前,广州网站设计的最大趋势之一是使网站承载的内容极度简化和小型化,“小型化”的文本元素已经成为一种流行趋势,但这种设计趋势也在设计领域引起了一些争议。
毫无疑问,小文本可能会在大小和大小上造成一些可读性问题。但是,如果用心,处理得当,小的文字块其实可以帮助你创造出视觉的焦点和重心,吸引用户到设计的特定部位。
接下来跟上你的思路,我们来看看这个微小的文字趋势应该如何实现,会如何运作,从而帮助你获得一些设计灵感。
1.创造等级和组织感
虽然超大文本的使用在设计领域奠定了一定的基础,但它已经成为主页和标题设计的主要选择。但目前有一种趋势,——在尽可能保证视觉的基础上,在浏览器或桌面的第一屏提供更多的信息(原因之一可能是设备的尺寸和分辨率越来越大,给了设计师更多的设计空间)。
这就是“微缩”文本诞生的原因。字号和比例的不同,使得排版有明显的视觉流。通过使用一小层文本(通常大小为14到16磅),您可以为用户创建一个额外的焦点。小文本,尤其是和其他较大的文本一起使用时,可以吸引用户,因为它们是不同的,这就形成了视觉对比。
Maxime Bonhomme在其网站设计中使用了小文本。如您所见,较小的文本元素提供了项目的关键细节,而较大的文本负责提供工作的描述。你需要观察和关注这些有大量空间和内容的微小文本元素是如何工作的。
2.形成风格
有时候,小型化的文本信息是为了吸引你的注意力或者让你想看第二遍。
因为它的外观往往出乎意料或者与用户在其他网站上看到的有所不同,所以设计元素可以一下子吸引用户。
从来不怕引领时尚的品牌山露,在网站设计上用了一个超级小的标题,但真的能让你一下子注意到。这个标题与X的顶点完美契合,创造出独特的阅读模式。甚至交互动作的设计都尽量小,不会因为感觉是故意的而让用户觉得不舒服。
3.创建吸引人的导航
虽然目前的主流和很多网站设计取消了主页的导航功能,但实际上只是改变了导航的表达方式,代之以汉堡/隐藏式菜单导航。使用小文字可以让一些元素回到屏幕上而不打扰人。它是设计模式中的一个过程,从一个极端到下一个极端。事实上,在网页设计的导航中使用小文本是一件棘手的事情,因为它需要足够大,以便于阅读和点击。使用简单的字体也很重要,因为小文字可能眼睛有点难以适应。
Lapland的Magic似乎找到了一个很好的解决方案,解决了主菜单栏使用微小文字的问题。在他网页设计的主导航中,你可以看到每个元素都有足够的间距,有的甚至使用双倍间距,白色无衬线字体有助于深色背景下的可读性。
4.展览空间
当页面的视觉空间较大时,微小的文字最有效。小元素和广阔空间的对比总能产生惊艳的效果。但是不推荐大量的小文本,因为他们不太会阅读,所以保持文本元素简单。
当你第一次打算这样做的时候,小文本的使用应该在你的脑海中有一个特殊的目的。在使用这个设计潮流之前,你需要先问问自己,为什么我在这里使用小文字。对我的网站设计会有什么贡献或意义?
如果你对这些问题没有可靠的答案(当然,“因为我愿意”不是答案),那么你就要考虑其他问题,直到确定确实是你需要的。
月球农夫做了一个漂亮的演示,向我们展示了微小的文字应该如何与空间相匹配。网页设计采用两级排版和大量开放的视觉块,在点击或滚动之前,创造一种情绪,将内容介绍给用户。小字只是设计的很多细节中的一个,让你想停下来看看。元素之间反差很大,不用太担心可读性。
你还需要记住一件事:你不必到处使用小文本。把它当成一个特殊的艺术元素,就像Moonfarmer主页上使用的小文字,然后在整个设计的其余部分把同样的字体增加到一个更常见的大小。
5.当文本不是最重要的元素时,
有时,要显示的最重要的元素不是文本,文本可能只是视觉元素中的次要元素。
自由电视是一个很好的例子,说明如何使用小文本来帮助用户,同时允许另一个元素成为设计的主要部分。对于这个项目来说,视频是最重要的元素,你可以看到。作为另一个元素,小文本可以提供额外的信息,并鼓励用户订阅或注册,无论它出现在主页的什么地方。
6.创建视觉元素
文字元素的主要作用是阅读,很有逻辑。但是有时候,如果把文字元素看成是视觉元素的一部分,读不读的重要性就不那么重要了(这需要前期的规划和大量的讨论,不要在突然有惊喜的时候贸然使用这种手法)。
HTML Burger的网站设计中使用了一系列小文本层,小文本作为视觉部分来描述标题。每个“汉堡”包装上都使用了小词,以创造更酷的视觉元素。这是一个你可能不太常见的设计技巧和创意。在这种情况下,是有影响的(但是这种技术很难实现;小心)。
总结
使用或不使用小文本可能是一个艰难的决定。虽然小文字的使用有争议,但对于小字体的使用还是有用的。为了给你的设计添加有效的小文本元素,你需要给它足够的空间,使用可读性高的字体,并使用其他设计元素来比较或提示用户。
最后,如果你打算在下一个设计项目中使用小样式的文本内容,当然这是一件好事,但我们也建议不要过多使用它们。这不是一种可以帮助你在设计中“填充”更多内容的技术。只有在最合适的位置给出一个直接的目的,才能发挥最大的效果。