返回  

设计趋势:创意滚动箭头

2022/10/11 10:12:51 来源:深圳网站建设公司Clh

滚动箭头是一种常见的设计元素,许多网站使用小图标帮助引导用户向下导航页面。这并不是什么新鲜事,几十年来它一直作为视觉指标存在。


新鲜的是,越来越多的设计师正在尝试使用更有创意的方式来使这些元素创造额外的参与度和视觉趣味。无论是滚动箭头本身的设计,还是放置的位置,或是动画和视觉效果。你现在可以在工作中更有创造力的使用这种元素!

以下是创意滚动箭头设计趋势以及使其在你的项目中发挥作用的方法。


什么是创意滚动箭头设计趋势?

Olamide Adeyi

创意滚动箭头设计趋势是对一个共同元素的有趣转折。设计师所做的不仅仅是在主视觉区域的底部或中心放一个小箭头。他们正在设计和使用独特的动画、颜色、形状和其他元素,将箭头与设计的其余部分联系起来,同时帮助直接引导用户。

谈到具体的趋势则没有规则,箭头可以以各种方式使用。在以下的所有示例中,箭头从悬停状态到动画到缩放和放置都呈现出独特而个性的设计。


如何识别这种设计趋势

A Andrea

如果你特意去寻找,这是很容易发现的趋势之一。有很多网站使用滚动箭头。在这里,箭头具有特殊的设计风格,使它们脱颖而出。

这些是由于颜色、形状、大小、动画效果或位置而引起你注意的滚动箭头。所有这些东西都可以有助于设计元素的创造力。


如何让它为你工作

Yuki Otani Designs

如果你想利用这种设计趋势,请让创意成为你的向导!

滚动箭头对于具有大标题的网站来说是一个很好的方向提示,这使得它不那么明显,以至于在它下面还有更多内容需要阅读(这就是为什么这个设计元素变得如此流行的原因)。

你可以使用滚动箭头,并使其成为设计的一部分,而这不仅仅是事后的想法,从项目开始之初就确保使其成为设计美学的一部分。

这里没有黄金法则,但是有一点:要有创意!创造出与你试图展示的整体主题相匹配的东西。这个元素也可以是尝试新技术的地方,例如有趣的动画或具有高上升空间和相当低风险的悬停状态(因为大多数人都知道滚动,即使没有箭头)。

在考虑如何在此处使用设计元素时,请不要害怕设计过大的东西,例如上面的示例。重点不是滚动箭头如何占据屏幕的很大一部分而是由其引导的直接进入“设计和绘图”主题。(它还包括一个不容错过的动画)这是你应该争取的那种概念。


5个我们喜欢的例子

这种趋势在实际中还有很多其他的例子,它们不那么引人注目,但同样令人印象深刻。这里有五个我们喜欢的网站设计趋势的例子。


Mr. Pops

Mr.Pops

Mr. Pops 使用了一个更大的滚动箭头,整体风格很时髦。右下角的弯曲箭头可帮助你从图像移动到文本以向下滚动页面获取更多信息。

最右边的位置非常适合这种类型的眼动追踪运动或模式。


Blue Lagoon

Blue Lagoon

Blue Lagoon 采用更传统的滚动箭头方法,但强调动画和不太标准的位置使其脱颖而出。这里的好处是箭头与周围元素相协调的简单性。请注意标题、副标题和箭头是如何落在同一个左侧网格中的。

箭头的颜色与网站设计的其余部分相匹配,文本右侧的所有分层元素都有助于引导你回到左侧元素。它简单且极具吸引力。


Light & Wonder

Light & Wonder

有时滚动箭头根本不包含箭头。Light & Wonder 就是这种情况,它使用带有移动点的线来表示滚动交互。

虽然他们在这里没有使用传统的箭头,但毫无疑问,用户知道他们应该做什么。这是了解你的滚动箭头设计是否有效的关键因素。设计元素接下来应该采取什么行动需要很明显吗(即使它的外观和感觉不是很常见)?


Medecins Du Monde

Medecins Du Monde

这个滚动箭头很明显,是网页设计中方向的整体主题的一部分。这里的好处是箭头被放置在带有颜色的较大元素内,这样它就不会丢失。你可能会遇到大量带有滚动箭头的网站,但似乎他们正试图将其隐藏在设计中。

大胆去做吧。如果滚动箭头是你设计计划的一部分,请不要觉得你需要隐藏它。拥有该元素并使其与设计的其余部分一起使用。


Everest UI School

Everest Design Patform

乍一看,Everest UI School 的滚动箭头看起来并不显眼。但是当你滚动右侧边栏中的箭头时,你会随之移动。总是有一个动作和交互元素来帮助引导用户的路径。

这很有趣,让你思考设计想要你做什么或交互应该如何工作。复杂的动作和动画与设计本身的简单性相结合。


结论

滚动箭头可以是一个有趣且富有创意的设计元素。好消息是,只要使用的是页面滚动操作,你几乎可以将其用于任何设计或项目。

记住要使元素本身的设计与整体美学相结合,以获得定制的感觉。考虑交互性,例如动画或悬停状态以增加参与度。如果你尝试了一段时间但没有得到很好的反馈,这可能是一个调整设计的征兆,你可以继续进行而不破坏设计的其余部分。









----图文来自:design shack 

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