新的网页设计趋势,适当的遮挡文字一部分

2022-06-13    分类: 网站建设

网站建设看起来不错,即使它们违背传统的设计理论的智慧或信条。一个新的设计趋势是展示那些涵盖或阻碍设计中某些文本的元素。
这是一个有趣的趋势,因为它违背了我们通常与设计有关的所有事情 - 它必须是可读的,才能快速与用户连接。
不用说,这可能是一个棘手的技术,有效地拉动,但设计是非常有影响的,如果做得好的话。这里有一个趋势的细分和一些想法,你可以自己尝试一下。
简单的障碍
如果设计中包含了文本,那么其他所有内容都必须是超级简单的视觉效果,这样用户才不会迷失太多的效果。
在每个响应的断点处,文本都不会比其他文字更加模糊。
Root Studio在这方面做得非常好,第一印象就是抓住了色彩的注意力,而简单的动画长颈鹿则涵盖了超大号字体的一部分。这里的诀窍是,即使有些字母被遮挡,屏幕上的字也是没有问题的。由于尺寸,字体的简单性和阻碍元素的位置,字母仍然可读。
设计团队特别注意文字的阻碍,保持这个特定网站的品牌“ROOT”的完整性。在每个响应的断点处,文本都不会比其他文字更加模糊。(这是许多这样的设计不足之处,在桌面分辨率上看起来不错,但文字太小,难以在小屏幕上阅读。
三维图层
添加三维分层效果可以帮助元素跳出屏幕,让用户几乎感觉到他们可以伸手去触摸屏幕。在某些情况下,文本可以作为背景元素。
只要确保文本顶部的图层不会覆盖太多的单词(或单词)。确保文本障碍物不会由于其他元素的放置而导致不需要的词语,这一直至关重要。
Simply Chocolate使用这种分层效果。它的作用主要是因为使用了粗体字的普通文字的超大号字体和不是真正大的顶部字体的组合,并且包含了被糖果元素遮蔽的完全相同的单词。
这种处理使得背景中的大字母更多的是一种图形元素而不是可读的元素,从而创造出一种鲜明的对比和极好的分层效果。(你可能会发现自己在浏览所有不同的糖果口味,看看他们是如何以不同的方式创造效果的。)
忘记空间的规则
有时文本障碍物实际上并不包括这些字母,而是侵占了他们的空间。
这是North Street在没有设计感的情况下打破或破坏的规则之一。该公司的描述碰上了屏幕上的中心垂直规则(其余设计使用这个分隔线来实现分屏审美)。
如果有人说他们要使用这种治疗,那么你可能会试图说服他们,但在这里它的工作。视觉构图非常轻盈 - 得益于大量的空白空间 - 他们的字体选择足够大胆,轻量级的灰线几乎就落入了背景中,即使它进入了应该为文本保留的空间。
第二个灰线进一步分割导航中的文本,但大多数用户可能不会注意到阻塞。
只为大字法
看看这里的所有例子,你可能会注意到一个共同的主题。所有受阻字体都很大,并使用简单的字体。
小写字母通常不会给你足够的空间来以有意义的方式覆盖部分文本。如果你打算设计一个文字障碍,那应该是故意的,有意义的。
新奇风格的复杂脚本太难以阅读了。
在有目的的设计和可读性方面,涵盖小字是非常困难的。这就是为什么这种技术与超大的排版配对。
这些大的,往往是无衬线字体的字体很容易阅读,往往有中等宽度和大碗和柜台,使分层元素更实用。为了使这个概念有效,你需要带有形状的字母来表达这个概念。薄型或浓缩型风格通常不起作用,新颖风格的复杂脚本太难以用元素来阅读。
与一点对比的元素
有时文本阻塞不是文本之上的元素; 它是文本元素与其周围环境之间的关系。文本和背景元素之间缺乏对比也会导致文本阻塞。
再一次,这可能是一个难以有效解决的难题。文本天生存在可以阅读。缺乏对比可能会使这一点变得困难。
当与高度可读的文本配对时,低对比度文本元素在屏幕上微妙地提醒。这些元素将在其他更高对比度元素之后被读取。
在Anew的设计中,对于业务的描述比名牌更重要。这就是设计告诉用户由于类型的处理。他们关键词“屋顶+测试厨房”很容易看到和阅读。名称“Anew”出现在品牌商标下的低对比度位置。由于大标识,眼睛仍然被吸引,但它不是阅读和信息收集的主要焦点。
这个处理在这个空间里工作的部分原因是因为设计的内容。想想“Anew”这个单词与明亮的白色餐盘之间的共生关系。它感觉新鲜,不同和诱人。
结论
受阻的文字设计越来越受欢迎。不久之前,你会很难在网上找到这种风格的东西。(打印设计更一致地使用它,因为设计者不必担心响应的断点。)

只要注意创建不完全可见的文字。确保单词仍然说(而且是指)你的意图。如果您对使用受阻文字时如何感知或阅读设计有任何疑问,请考虑另一个选项。你永远不想让你的设计难以让用户理解。


本文来自创新互联品牌网站建设网站设计制作公司-创新互联
标签:成都网站建设公司成都网页设计公司成都网站设计公司,网站建设 成都,成都 网站建设,企业网站建设营销型网站建设,网站建设设计,成都网站开发网站制作设计

网页名称:新的网页设计趋势,适当的遮挡文字一部分
浏览地址:https://www.cdcxhl.com/news14/166814.html

成都网站建设公司_创新互联,为您提供云服务器建站公司网站排名定制开发网站设计公司App设计

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都定制网站网页设计