Flashlight效果网页设计趋势的光辉事例

Author: limo

2019年已经出现了许多微小的趋势,鼠标光标在其中扮演了首要角色:鼠标轨迹、排斥性效果、交互式3D地球仪和神奇的悬停效果等等。玩画布已经成为主流,每个人都想成为它的骄傲的一部分,做出有价值的贡献。


的确,HTML5和现代实验性的JavaScript库为web开发人员打开了巨大的可能性。而且,我们似乎终于从偶尔尝试的阶段过渡到不断创新的阶段。


实践证明,艺术家是脚踏实地的。他们渴望突破极限,测试技术的极限。今天我们将探讨另一个小趋势。


我们已经探索了x射线的杰出效果,现在,是时候把我们的目光转向模拟手电筒的效果了。这两个技巧让我们看到一些肉眼看不到的东西。然而,当第一个感觉科技和先进,这一个,相反,这个感觉却简单而朴实。


它以一种有趣而不唐突的方式引起了我们的兴趣,在这里,鼠标光标让我们想起一根魔杖,它会发出一道闪光来照亮周围的区域,感觉真的很神奇。Lumos Maxima是哈利波特世界中流行的咒语之一,在网络扩展中被巧妙地模仿:我们将享受它的数字化身,让我们开始吧。


thePXA


ThePXA是一家创意公司,这个队想从人群中脱颖而出是很自然的。因此,他们的网站以一个独特的欢迎区迎接用户,整个屏幕就是一个互动的游乐场。它是黑暗的,有很多粒子,看起来像一个有数百片雪花的夜空。


这里的鼠标光标是一个相当大的范围手电筒,它有效地照亮界面元素,使它们更明亮。这个魔术触发了一种感觉,你可以窥视里面,在最黑暗的角落里发现一些有趣的东西。简单,但真正迷人。



创造性的夜晚


创意之夜是另一个需要注意的地方,网站也有黑暗美学:我甚至可以说几乎是黑色的。然而,这并不意味着不祥:它给人一种错综复杂的感觉。与前面的示例非常相似,这里的鼠标光标在自身周围创建一个光环,突出显示一个相对较大的区域。


不像thePXA,用户界面的所有元素都是可见的,这里的场景隐藏在黑暗中。只有把鼠标光标变成手电筒,才能挖出里面是什么。


请注意,这个技巧是用来转换一个普通的旋转木马与投资组合件成一个领域的发挥。它与用户互动,在潜意识层面激发他们的兴趣。



L2D


这种效果与3D解决方案配合得也很好,考虑L2D。


在这里,你可以看到一个英雄区域,用canvas进行的3D实验抢尽了风头。它既能取悦在线访问者,又体现了该公司的专业性。


虽然有些人可能觉得这已经足够给人留下深刻的印象了,但该团队决定进一步加强这种影响。他们把鼠标光标变成了一个手电筒,可以照亮所有物体的脸。智能和创造性。



Pygar


Pygar是一个手电筒效果与x射线效果相遇的例子,产生了一个激动人心的结果。它不同于之前提到的几个方面:

首先,该网站有一个几乎是白色背景的光美学。

其次,鼠标光标是一个巨大的斑点,它平滑而不断地变形。有时候,它感觉就像在过自己的生活。

第三,它的颜色从紫色变成蓝色,不断吸引人们的注意。

第四是由小变大。

最后,它通过用不同的颜色来装饰文本。



Lusion


就像前面的例子一样,Lusion团队抛弃了传统的白色光束,选择了彩色光束。虽然它的语气没有经常改变,但它看起来仍然很出色。


这里,鼠标光标是一个小红点,有点像激光笔。与现实生活中的类似物不同,这款相机有一个小光晕,可以照亮周围的表面,它与紫色的环境完美搭配。更重要的是,它很好地配合了背后的互动部分,创造了一个复杂的相互作用。



我们已经看到了如何将解决方案用作探照灯,现在,是时候研究另一种实现这一趋势的方法了。


Le Mirabeau酒店/ Once Upon a Time Mag


Le Mirabeau酒店和Once Upon a Time Mag酒店就是两个典型的例子,在这里,解决方案不是响亮的,压倒性的或引人注意的。这是一个很好地完成了构图的点睛之笔,也为项目增加了一点微妙的交互性,这两种情况的特点是几乎察觉不到的手电筒效应。然而,它就在这里,并且它确实为用户体验做出了贡献。


以Le Mirabeau酒店为例,鼠标光标只是略微照亮了背景。通过这种方式,团队低调地突出了图片中呈现的神奇的冬季氛围。



《童话镇》网站设计团队也采用了同样的方法,然而,这一次鼠标光标温和地显示表面的边缘,从而显示其微妙的体积性质。



Mynrd


乔尔•梅纳德(Joel Maynard)不仅认真对待这一趋势,而且认真对待。在上面所有的例子中,鼠标光标感觉就像一根末端发光的魔杖,而在这里,它的形状就像一个经典的手电筒。


实际上,你是在表面上移动一个火炬。这也是一个寻找游戏。作者邀请你参加一个小型的狩猎活动。你需要找到他的作品,隐藏在整个网页。


对于那些没有心情搜索的人来说,有一个“神奇的词”可以在一次点击中揭示一切。



寻找光明


可以说,今年是鼠标光标的时代。它背后是无数杰出的解决方案、发现和华丽的表演。它们不仅用JavaScript魔法激活了界面,还用可爱的惊喜丰富了用户体验。


虽然手电筒的效果在一开始可能听起来有点普通,但它确实鼓舞人心。不像其他的,它有一种神秘的暗示,很自然地激发了我们的兴趣,并鼓励我们更长时间地探索这个项目。


相关阅读