网页设计中明显的故障效应

Author: limo

失真效果在网络艺术家中非常流行,在这一年里,我们看到了他们的主导地位。然而,有一种特殊的效果是与众不同的,这就是故障效应。一旦被认为是不受欢迎的,系统中这种短暂的故障就已经巧妙地转变为每个人都希望在其项目中拥有的现代功能。从丑小鸭到美丽的天鹅,它走过了漫长的道路。现在,它可以被称为网页设计师宝库中的真正宝藏。


在我们看来,“故障效应”的出色之处在于,它已经变成了一种可行的工具。但事实上,它一直忠于自己的根,这和干扰理想图像的失真效果是一样的。然而,我们已经逐渐喜欢上它,甚至找到了从中受益的方法。


让我们考虑一些例外的例子,其中故障效果改善了网站设计的用户体验,而不是破坏它,给网站一个独特的吸引力。


Chafik设计


Chafik设计是一个例外的例子,它揭示了变形效果的整体美感,它向我们展示了如何巧妙地利用故障。


这个Moucharaf Chafik的个人组合从一开始就给在线访问者留下了深刻的印象。毫无疑问,它从人群中脱颖而出,给人一种高科技甚至有点像外星人的感觉。在这里,故障效果在创建漂亮的用户体验中起着至关重要的作用。



它是项目的核心和灵魂,可以在任何地方看到。它甚至有利于美学的偏远角落的网站,因为页面除了一个下载按钮什么都不包括。


当然,它在头版暗示了它的潜力。在这里,解决方案增强了标识类型、3D中心部件、标语和导航。总而言之,英雄区域的每一个方面都有其令人腐化但又引人注目的地方。


这位艺术家使用了各种故障的组合,有一点数码效果,一种玻璃效果,增加了破裂和破碎的元素和现代的添加条纹和像素混乱的方式。


这个网站设计是一个纯粹的灵感来源。


如果你不喜欢这种故障控制,那么还有其他一些更微妙的用法。下面列出的网站就像一个糖衣一样使用它来增加整体的美感。


遇见苍蝇


《遇见苍蝇》就是一个很好的例子,这里,故障效果只是一个附带的工具。这是一种模拟的解决方案,它会扭曲理想的画面,感觉就像一台旧电视。


虽然它很容易唤起怀旧之情,但在这里,它与复杂的环境相结合,满足了另一种情感。因此,这只是性能的一部分,它的任务是抓住人们的注意力,使视频播放器看起来与众不同。


值得注意的是,类似的故障效果与高端科技氛围完美配合。



欧洲时尚地图


在这里,故障效果只在主要网站前面的介绍部分有介绍。与前面的例子很相似,这种像素失真效应让人想起了以此类错误而闻名的模拟电视机。随着嘈杂的背景,它创造了一个适当的预期,肯定会点燃兴趣。



24小时的王牌


24小时王牌是一个典型的例子,一个网站得到了最强大的一面残酷。这个网站给人的感觉是质朴的,有点粗糙,但毫无疑问是史诗般的。该团队巧妙地运用了3D技术,创造了一个奇异的环境,产品在其中成为主角。在这里,小故障效果与周围的环境很好,完成了组成。



Francesco Michelin


Francesco Michelini的个人作品集巧妙地拥抱混乱,最大限度地利用分层美学。令人惊叹的东西有很多:优雅的线条样式排版、移动的背景、基于图像的悬停效果,当然还有glitch效果。


与我们的系列中的大多数不同,这里的失真被用作幻灯片之间的转换。但是,它不会影响整个屏幕,只会影响一小部分。它恰好出现在艺术家的肖像被放置的地方,给了它一个额外的焦点。简单而聪明。



Project Obsolete


项目Obsolete的团队使用了一种数字故障效果,在这里你可以看到一种紧张和机械的感觉。尽管它很少被应用,只是不时地出现,但它足以引起人们的注意并使人们听到它。


请注意,这一趋势完美地融入了项目的高科技氛围,强化了整个主题。



Whoamama Design


噪音和故障是注定要一起工作的。当它们一起使用时,会产生相当强大的影响。感觉画面是完整的。


Whoamama Design在实践中展示了这一点,在这里,我们可以看到一个解决方案,满足我们的期望,当然把网站从其他。



Dino Balliana


在我们的整个系列中,故障影响了整个网站设计。但在这里,它只与一个组件一起使用:排版,这是利用这一趋势的另一种流行方式。


该队利用失真效应以字母结束比赛,它增加了现实的吸引力,使符号之间的切换看起来有吸引力和耐人寻味。



作为一个功能的故障


使用失真效果,尤其是小故障,是一个绝对的网站设计趋势。有不同的风格,比如噪音、拉伸和像素变化。这个解决方案的出色之处在于,它像手套一样适用于所有那些受科技和宇宙启发的设计,也适用于80年代和90年代的设计。它给人的感觉是,它超越了潮流和时代。


然而,值得注意的是,尽管它似乎是一个通用的工具,但我们应该记住它并不是中立的。因此,应该谨慎使用它,因为它破坏了整个和谐。过度使用可能会导致糟糕的用户体验和极端的结果。所以,谨慎行事。


相关阅读