崇文网页设计:页面预加载动画的示例

2019.08.16 mf_web

53

当创建优秀的用户体验成为首要任务时,微型用户体验成为最重要的 - 在我们的例子中是预加载动画。很长一段时间,只有一些人已经考虑到这个成分,但一切都发生了变化,几乎所有其他网站都可以吹嘘有一两个令人愉悦的效果给游客留下深刻印象。

微型用户体验通常与精心设计的微小组件相关联,这些组件能够弥合用户和内容之间的差距,使得在网站上保持愉快和难忘的旅程。该领域涵盖了各种用户友好的效果,今天的装载指标在我们的雷达上。

尽管只持续了几秒钟(在大多数情况下),但它们值得特别关注。我们习惯于相信首页负责产生重要的第一印象,但是如果您是非静态网站的快乐拥有者,那么他的第一页将是您需要解决有关预加载过程的问题的加载页面。令人愉悦,引人注目和娱乐性的动态柜台简直无可替代; 他们会让用户感到愉快并且不引人注意地强迫他们停留一段时间 - 这正是你所需要的。

现代的柜台与主要设计具有相同的原始和巧妙的性质,因此找出设计师设法提出的内容真的很有趣和令人敬畏。所以,让我们发现几个有趣的预加载动画。崇文网页设计

小大房间

可擦除墙

可擦除墙

虽然该网站旨在突出真正严重的问题,但由于素描图形,铅笔画和动画元素,该设计略显俏皮。预加载页面以相同的方式明智地执行,以便理想地适合项目。

Dunckelfeld

Dunckelfeld

加载动画具有精致细腻的外观,与在线作品集的整体外观完全一致。该团队通过精心设置它的运动巧妙地利用其标识。

Alstercloud

Alstercloud

通过这样一个富有想象力的加载页面,您可以立即明白,您可以依靠获得由充满活力的矢量插图的原始项目产生的真正有趣和难忘的用户体验。预加载页面具有强烈的艺术氛围,类似于项目中的一般感觉。

虽然布兰科特庄园

虽然布兰科特庄园

虽然Brancott Estate通过使用基本的装载旋转器来寻求一个相当简单的解决方案,但是经过深思熟虑的纹理背景,粉笔风格排版和吸引人的短语的组合能够迫使您停留一段时间。

SIXZERO

SIXZERO

有时你不必重新发明轮子以使你的页面诱人,SIXZERO演示了如何从简单的单色背景中获得优势,为其装载页面提供一系列连续的纯色画布。

图科尔特

图科尔特

Tu Corte专门提供肉类菜肴,因此装载指示器也就不足为奇了,展示了牛肉,猪肉和家禽的图形,真实风格。

新的Jumo概念

新的Jumo概念

这里预加载屏幕以具有标识形状的小动画结束。它以愉快和迷人的方式打开头版。

Letters,Inc

Letters,Inc

与网站设计非常相似,加载页面也获得了微妙而优雅的线条样式外观。动画概述了放在首页上的核心部件,慢慢地展示了整个构图。

工作中

工作中

没有特殊的加载页面,所有内容都发生在首页上。它包括一个神秘的漩涡风格的动画,正在获得动力,以隐喻吸引你。

Relio

Relio


通过代理商的投资组合进行的惊人在线冒险从这个图案卡通风格的装载栏开始。它的目的不仅是为了让在线游客在等待时娱乐,而且还要定下基调并暗示接下来会发生什么。

Subskill Digital

Subskill Digital

该团队巧妙地将一个品牌标识项目用于网站设计,通过使用精美的动画铭牌调整其预加载页面。效果具有可爱的数字氛围,与整体主题完美搭配。

Relio是一款小方形口袋大小的专业设备,旨在为您提供灯光。加载页面包含此小工具的干净轮廓样式图形表示。该团队还对其进行了动画处理,以便为页面添加轻微的动感。

Fulvio Luparia

Fulvio Luparia

这里没有什么超自然的; 该页面包含一个带计数器的标准圆形指示器。然而,设计师通过呈现出清晰的图形,坚实的对比色和清晰的背景,以略微可见的标题为特色,将简约变为优势。

苏格兰威士忌和苏打水

苏格兰威士忌和苏打水

在这里,您将找到一个基本装载条的装饰版本,以原始的手绘方式实现。它自然地与遍布着陆页的草图元素相互作用。

从事

从事

Engage拥有艺术素描风格的网站设计,已经计划到最后的细节。即使是用于指示上传状态的常规加载条,也具有可爱的手绘吸引力以及品牌配色方案。

关于医疗培训

关于医疗培训

该团队演示了如何充分利用任何东西。加载页面具有直观的医疗图标,可立即反映并以图形方式支持项目背后的想法。动画阴影用作状态指示符。

日本天皇

17日本天皇

Mikado采用了基于标识的简单平面式旋转器。网站上的前几秒标有一个品牌标识。

Designova

Designova

与前面的例子非常相似,Designova启动了它的标识,只有装载页面才能使用圆形弹跳标志。虽然解决方案非常优雅且易于生产,但随着时间的推移它会失去吸引力。

拉链Galeria

拉链Galeria

该团队将其铭牌转换为基于文本的加载栏,逐渐填充品牌颜色。

Kommigraphics

Kommigraphics

Kommigraphics使用经典的圆形装载指示器。它以平面风格和柔和的双色配色方案进行,以完美匹配网站设计的主题。

结论

虽然将加载指标纳入网站绝对不是什么新鲜事,但请记住这些小型时尚计数器中充斥着闪存的网站。如今,他们拥有新的,更多的改进,更时尚和更复杂的诠释。设计师开始像对待任何其他不可或缺的组件一样对待它们,与整体主题相匹配,同时又有自己的风格,所以我希望在不久的将来,每个动态项目都将充满原创和娱乐性。装载指标。

崇文网页设计

最新案例

寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP