返回  

设计趋势:不易阅读的文本

2022/5/24 13:49:47 来源:深圳网站建设公司Clh

让我们从一个基础定义开始——可读性是衡量一段文本阅读难易程度的指标。文本的复杂程度、使用字体、易读性和排版都会影响文本的可读性。可读性是用户体验的一个关键因素。

那么,为什么我们会使用一种不便于阅读的文本形式作为一项设计趋势呢?很简单,因为它很受欢迎。这是否意味着这是个可以增加你的网站设计特色风格的好主意呢?这取决于你如何使用!

继续阅读,查看示例,然后确定它是否适合你的项目吧。


这种趋势从何而来?(Where Did This Trend Come From?)

仅仅因为文本本身不便于阅读并不意味着它缺乏设计价值。相反,这些设计往往可以非常令人惊叹并且在视觉上很有趣。

这种趋势似乎起源于实验性字体,这些字体正在越来越流行。

后者的使用还有一个原因——设计师在没有大量图像素材的情况下,为了平衡视觉而采用的方法。根据行业的不同,不适合的图片素材往往会让整体设计“很尴尬”,而且,从头开始拍摄计划不管是时间还是预算上都可能会很棘手。

因此,出现了替代方案——尝试不一样的排版可能是一个不错的选择。

下面的例子展示了设计师尝试这种趋势的不同方式。


不需要“重点阅读”的文本(Text You Don’t Need to Read)

Text You Don’t Need to Read

这种趋势的重点在于,文本可以增加视觉兴趣并将焦点转移到其他视觉元素上,而根本不需要阅读这些被重新设计的文本。

Ear Couture 在这方面做得很好。在屏幕中央移动的双行文本几乎将视觉一分为二,这样你就可以从屏幕的一侧移动到另一侧。它有助于在背景中为高度设计的产品创建视觉焦点。

除了它是文本这一事实之外,关于文本元素的任何内容都不意味着你异性需要阅读并理解它。移动的填充文本和轮廓文本在相反的方向移动,文本倾斜 90 度摆放并在一侧进行运动反转。

这是一个执行得恰到好处的示例。


液化动画(Liquid Animation)

Liquid Animation

Sonia Presne 的作品集设计中,使用了其Logo文字并且使用了一个有趣的液化动画,视觉上它也并没有干扰主要内容的展示,反而进行了强调。

滑块/滚动动作使你可以更清楚地看到液化元素甚至字母。它的设计目的是高度可视化,然后在你需要时提供必要的信息。

这是有效的,因为支持的文本元素清晰易读。移动到“关于”页面,你可以在屏幕上清楚地看到文本的简单版本,因为它本来就应该在关于页面上进行重点强调。


超大字体(Oversized Typography)

Oversized Typography

关于文本的设计,最经典但是有效的技巧之一是使文本变得更大大胆,以至于它作为视觉工具比消息传递工具更具影响力。这个例子就是这种情况。

由于全部大写排版和字体本身的样式,文本元素非常大。

这是一个有影响力的选择,不过需要正确控制文本的字母数量。你应该首先将其视为需要引人注目的元素,然后尝试再去优化阅读性。这种技术最适合项目展示类型的设计,因为名称本身在阅读上也有一定的困难。因此,期望文本被完全理解可能将需要几秒钟。


旋转动画(加上全部大写)(Rotating Animations <Plus All Caps>)

Rotating Animations

圆形文本元素本身可以被认为是一种趋势,而且它们并不总是难以阅读。

可读性会因文字大小、字体选择和动画速度而有很大差异。

在这里,Chungi Yoo 在其网站设计中选择了一种可读性较差的组合,衬线中的所有大写文本可能在没有这种形状和动画的情况下存在可读性问题。交叉旋转的动画效果也使它更难理解。

问题是你是否需要真正从单词中收集任何信息。在这种情况下,也许并不是。这就是让你不会沉迷于设计处理并继续贯穿设计的原因。


真正的实验字体(Truly Experimental Typefaces)

Truly Experimental Typefaces

实验性字体现在不管是在使用的频率还是在使用的范围上都有明显的提升,这种趋势非常重要。

简而言之,实验字体通常是不寻常的。它们好看、独特且具有视觉吸引力,虽然缺乏可读性并不是实验性字体本身的决定性特征,但经常会出现这种情况,因为这些字体通常是作为一种“艺术元素”被设计的。

当与简单、易读的选项搭配使用时,实验性字体可以提供令人惊叹的美感,吸引网站访问者。

对于没有很多其他竞争性视觉效果的设计来说,这是一个可靠的解决方案,例如上面来自 Robert Leitl 的示例。


作为艺术元素的超现实文本(Larger Than Life Text as Art)

Larger Than Life Text as Art

这种方式使用了超大的排版以及超现实的文本大小。后者几乎不可能被第一时间阅读和理解,除非一次性出现正确全部完整的单词短语。


上面的例子很好地证明了这一点,当字母在屏幕上移动时这些单词才变得清晰,但更多的时候它只是背景的一部分。

你真正看到的是屏幕中央带有问题的亮黄绿色框。这表明这里的排版更像是一种艺术元素,而不是文本元素。


总结

虽然可读性是设计的主要内容,但今天讨论的这种趋势很有趣。在这里,我们将字体和文本元素视为艺术元素,而不是传统意义上的消息传递。

这就是它的工作原理:你必须使用简单、高度可视的排版来支持不可读的文本,这样你的信息和目的就不会丢失。如果网站访问者花费太多时间试图阅读不应该增加理解或意义的内容,那么这可能表明你使用的位置并不太合适。

好了,今天要分享的内容就是这些,玩得开心,但不要忘记你的目标。









----图文来自:design shack 

----由深圳网站建设公司-Clh翻译编辑整理,为您提供更多有关深圳网站建设网站设计网页设计及其他互联网应用服务