网站设计中使用的液体效果

Author: limo

如果你的网站设计想在竞争中脱颖而出,让别人看到你的作品,你需要付出额外的努力。这就是当今互联网网络的第一条规则。然而,这并不意味着你需要重新发明或用一大笔钱来负担一个宏伟的解决方案,以给人留下深刻印象的网站设计。


问题是,尽管围绕着创意的想法有那么多的喧嚣,但小细节仍然是很重要的,他们总是那么地与众不同。你可以有一个常规的网站设计,有基本的栏目架构和传统的页面设计,但仍然可以从互联网中脱颖而出。您所需要做的就是使用一些经过深思熟虑的小特性来丰富网站设计的用户体验。现代网站设计上充斥着微观解决方案,似乎很多创意的网站设计师都在关注这种变通的方法。因此,我们可以见证许多微小的趋势。


今天我们要讲的这种小而巧妙、令人印象深刻的趋势之一就是液体效应。它的超能力在于它只是默默地运作,就能增强整体网站设计的用户体验,并且强化整体印象。它是简洁的,同时它也是优雅和复杂的。


Davide Perozzi / Nature Elixir / Nesatex


考虑Davide Perozzi,Nature Elixir和Nesatex的个人投资组合,这三个例子从不同的角度显示了这种趋势。


Davide Perozzi用水的方式把他网站的标语放到了聚光灯下,而没有引起注意,这里的解几乎看不出来。然而,这已经足够吸引用户眼球了,它给了一个干净整洁的界面和一个可爱的热情。此外,它有助于反映艺术家的创作灵魂,并向所有人表明,戴维德是一个紧跟潮流的人,知道如何在不压倒观众的情况下应用它们。



Nature Elixir背后的团队在主页滑动条的一个部分中利用水面,你可以用你的鼠标光标来玩它。你可以留下涟漪和痕迹,扰乱平静的表面。这里的解决方案是用来支持产品的本质,以及减轻心情。



在Nesatex的例子中,液体般的行为只是一种铺张浪费,给了主页面一种个性和独特性。滑块中也有它的特色,但这次它添加了一些额外的动态,并丰富了它们之间的过渡。



EumRay学院


液体般的效果随处可见,这是相当受欢迎的网站艺术家。它的使用范围不仅限于主页面的背景,即使它在这里蓬勃发展,您可能已经看到,它是将滑块提升到下一个级别的理想候选。以eumRay Academy为例,它的解决方案通过奇特的转换效果提高了整体用户体验。


它在布局和色彩方面有一个传统的设计,然而,液体状的效果使它看起来不那么平庸。它使界面感觉有趣和奇特,与此同时,这种技术设法保留了它的商业性质。该解决方案用于滚动条,并作为显示滚动条上各部分的主要显示效果。



Fleava / Kombu饮料


Fleava和Kombu这两款酒背后的团队很容易就用一种奇怪的味道来丰富经典的美学,在这两种情况下,后者作为一个可爱的过渡效果之间的幻灯片,使这个基本的旋转木马看起来原始和邀请。




儒雅的数字


当谈到过渡效果时,这种趋势对所有隐藏在汉堡包按钮后面的滑出导航菜单都是有益的。让我们以瑞雅数码为例,主菜单的每一次打开和关闭都伴随着一个特殊的层,从顶部向下流动。


它有一个美丽的复古梯度背景,非常光滑和微妙的行为。它生动地把正面和背面分开,但仍然巧妙地把一切都联系在一起。



Balconi / Lukas Jardin


液体状的效果可以作为一个诱人的扭转发挥作用,以Balconi和Lukas Jardin的个人投资组合为例。


Balconi官方网站的创意团队使用该解决方案为相当琐碎的网站设计的主页设计增添了一些趣味。正如您所看到的,背景被分成了两个水平部分。顶部已经启动。它的动作是如此的温柔和微妙,它们增加了美感,而不是使一切关于他们自己。该解决方案为用户提供了一些不显眼的焦点锚,并保持主题的活力(字面意思)。



卢卡斯·贾丁(Lukas Jardin)用液体般的行为来配合他的个人创作风格。在这里,它被应用于放置在主页面滑块的图像。这个主意给人的第一印象很好。它不会让你不知所措,也不会让你烦恼——它只会让事情变得令人兴奋。


效果与网站的其他部分很好地合作,为项目增加了一点个性。这是一个很好的例子,如何使一个普通的基于图像的旋转木马感觉特别和独特。



蓝色的海洋/眼镜蛇超级刷


当然,其中一个领域的液体般的效果感觉在家里是设计与水的灵感的主题。让我们探索蔚蓝的海洋和眼镜蛇超击。


第一个网站的名字就说明了一切,从一开始,水的主题就很明显地在这里起着主导作用。而且,如果没有一种巧妙复制的类似液体的行为,它无疑会失去一些东西。就像在大自然的长生不老药的情况下,这里你被邀请参加一个小操场与一个动态的表面,你可以留下涟漪。有趣和迷人。



至于Cobra Ultra Swipe,尽管一开始的铭牌并没有说明这个项目背后的故事,但主页面说明了一切。该网站是专门为水下护目镜设计的,所以该团队选择水主题也就不足为奇了。在主页面和整个网站设计都可以看到类似液体的效果。



潮汐力


这一微小趋势的磁力在于它的起源,本质上,这是一种巧妙模仿水的行为。我们都知道,有三件事是人们可以永远关注的,水就是其中之一。


这种液体般的效果注定会赢得用户的心,它确实做到了。小剂量使用,它毫不费力地贡献给项目使网站设计的用户体验难忘。


相关阅读