探索网页设计中体积背景的美和力量。

凭借巧妙的设计创意和卓越的开发技能,数字动画已经连续举办了好几届。你还记得那些可以在多个维度中探索的场景吗?好吧,主流似乎不会放慢脚步,也不会消失。体积背景就是证明,这是一股真正鼓舞人心、越来越科技化的新浪潮。

一般来说,这样的动画被用来占据web界面的主导地位。然而,这不是其中之一。在这种方法中,它们被移到后面,让位于界面的其他整体元素,如标语、导航或标识。

这似乎不合逻辑,而且无疑是大胆的。然而,它也有自己的优点。与内容平等共存,3D动画有助于创造一个平衡的设计和和谐的体验。

艺术和科学

《艺术与科学》是这家日本品牌相关设计公司的官方网站,实践证明,一个来自"旭日之国"的网站将凭借其令人难以置信的魅力、复杂的设计、非凡的功能,当然还有对一切先进事物的热爱,从竞争中脱颖而出。这次也不例外。

在这里,一个华丽的多边形球体,围绕其轴旋转标志着主体页面。尽管它大得令人难以置信,有着明亮的紫色,占据了几乎一半的屏幕,左边的标语仍然吸引着我们的注意力。该团队成功地实现了体积背景和内容之间的完美平衡。

更重要的是,他们还在网站上添加了流行的细节,如垂直字体、细线和角落导航。这表明,并不是所有东西都依赖于基于体积的、基于全球的背景。

探索网页设计中体积背景的美和力量(图1)

Deca Digital

Deca Digital是利用这一趋势的另一个极好的例子,与前一个不同的是,这个团队用美丽的黑色美学赢得了观众的心,黑色不需要太多努力就能建立起复杂的基调。这里你可以看到另一个3D形状。

这一次是一个金字塔,虽然不是通常的那个。它是由玻璃和光滑的表面,是由粒子香料。就像艺术和科学中的多边形球体一样,它也充满了动感。

再次注意,左边的标语与动画背景形成了鲜明的对比。这个团队能够取得这样的成绩要归功于两件事。首先,他们在设计中使用了一些久经考验的技巧,比如黑白配色,大量的空白,当然,左侧的位置是读者的自然起点。其次,他们为金字塔使用了透明的切面,从而减少了它的视觉重量。

探索网页设计中体积背景的美和力量(图2)

Revolve Studio

就像Deca数码,旋转工作室有一个美丽的黑暗美学。背景是一个变形的多边形球体和一个数字生成的山。然而,由于灰色的阴影和白色的字体,这两个3D物体发挥了纯粹的装饰作用,作为一个辅助资产。

revolstudio向我们展示了如何实现体积背景和内容之间的妥协,使用3D对象,失去了与前景元素的对比。

探索网页设计中体积背景的美和力量(图3)

Unshift

Unshift是另一个例子,无缝的背景外观使3D动画不那么大胆和强大。再一次,该团队将赌注押在了一种传统的黑白颜料上,这种颜料以能在两方之间形成完美的对比而闻名。

因此,尽管3D立方体位于屏幕的中心,并向各个方向移动,但它并不能吸引所有人的注意力。标识和导航很容易从流程中脱颖而出,从一开始就引人注目。

探索网页设计中体积背景的美和力量(图4)

Think?Festival

Think?Festival在整个头版使用了体积背景,主体页面演示了一个动画,该动画显示了从上到下的各种大小的平行四边形的组合。页面的其余部分由3D多边形的草图变体填充。

通过这种方式,团队为设计增加了多样性,同时,将所有的东西联系在一起,创建跨部门的一致性。

探索网页设计中体积背景的美和力量(图5)

Prior Holdings / Encry

还有一些其他的很好的例子,例如,优先控股和Encry。

第一个例子有一个优雅的美学与中性的色彩和大量的空白,产生了一个企业的感觉。然而,由于巧妙的后台解决方案,该网站看起来既不乏味也不琐碎。

它以一条长长的3D丝带为特色,在用户探索项目的过程中,它一直伴随着他们。它有助于创造一个持续的经验,以及建立适当的情绪。请注意,即使在背后的条纹发挥了重要作用,内容仍然是明星的表演。

探索网页设计中体积背景的美和力量(图6)

Encry背后的团队证明了你不需要突破界限去创造一些值得注意的东西,一个小的3D动画在背景中就足够做一个声明了。

他们的背景是一块简单的白色帆布,上面有一个灵感来自minecraft的小立方体。它是一个支持网站设计主题和理念的工具。它完美地象征着区块链技术,并增加了一个现代扭曲的主体页面。

探索网页设计中体积背景的美和力量(图7)

Akufen

这种趋势不仅可以作为背景的装饰,也可以作为品牌身份的一部分,看看阿库芬。

该网站设计以其精致、高端的外观脱颖而出,它有一种令人惊叹的因素,从一开始就赢得了在线观众。这里的体积背景下的标志。注意,它不仅一直处于运动状态,而且你还可以玩一会儿。简单地突出。

探索网页设计中体积背景的美和力量(图8)

完美的体积

虽然在主体页面中体积场景应该是中心舞台,但它们作为"后援舞者"是完美的。更重要的是,由于在线观众被奢侈的解决方案、复杂的ide和交互式用户体验宠坏了,这种方法受到热烈欢迎。

用户已经准备好将3D动画视为一种支持性资产,它可以增强总体印象,同时让内容在阳光下占有一席之地。

因此,如果你想添加一些大的和空间的东西,但仍然保持内容王,不要犹豫。上面的例子展示了如何在实践中做到这一点。从他们那里得到一些有效的观点,把你的想法变成现实。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/223149.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年2月20日 10:08
下一篇 2023年2月20日 10:08

相关推荐

  • 2018年流行的文字排版设计趋势

    字体在网页设计中扮演着相对重要的角色,字体的好与坏是直接影响网站的易读性。因此,在网站设计时,我们会综合多方面的需求来选字体。下面,Inspirr Creation将为大家分享正在流行的文字排版设计趋势,希望各位网…

    2022年6月25日 建站资讯
    0142
  • 页面设计需先进行商业需求分析

    为何要先了解商业需求分析?因为作为页面设计师,根本目的就是是解决客户在网站上的商业述求问题。直接来说,提升页面功能和用户体验的最终目的为了获得商业利益。所以,在开始页面设计项目前必须先进行商业需求分…

    2022年6月16日
    0123
  • 盘点5个看起来很「丑」 但很受欢迎的网站设计

    有些网站虽然生得好「丑」,却收获不少的网站粉丝;然而,有些网站界面过於漂亮,甚至漂亮得太过攻击性(影响网站的可用性),会令用户产生一种「可远观而不可亵玩」的感觉。也因此让我们得出一个结论:产品并非要很漂…

    2022年6月25日 建站资讯
    0323
  • 为什麽空间间隔方式如此好用?

    什麽是空间间隔方式?简单来说就是,很多时候,到了网页设计布局流程後,一般都会通过用线条和分隔符号来进行划分的内容区块。但这并不是那麽好用!因为会让视觉效果显得比较拥挤。因此,空间间隔的方式能够让区块…

    2022年6月25日
    0123
  • 2018年的网页设计用户体验趋势是怎麽样的?(2)

    上期,我们说了一部分的“2018年的网页设计用户体验趋势”,本期我们将会继续为大家,剖析其他用户体验的趋势。 随着,越来越网页设计师重视用户体验的重要性,网站美观性不再是判断网站好坏的关键。以往,很多文章大…

    2022年6月25日 建站资讯
    0108
  • 我来教你浅析:网页设计的基本流程。

    虽然网页设计不是一件非常麻烦的事情,但需要遵循许多步骤才能让网站上线。设计一个新网站时,找到满意的主机服务,有虚拟主机,专用服务器等选择,注意要考虑是否需要备案,备案一般国内主机要一个月左右的时间。…

    2023年6月16日
    02
  • 2018年10种Logo设计的流行趋势

    网页设计需要追随设计趋势,同样,Logo也需要跟上步伐跟新换代。每个经典Logo都有着自己的故事或背景,当然它们也不会一成不变的,为了跟上时代的发展和自身的需求,很多公司和品牌都会对Logo进行一些微调。 2018年…

    2022年6月25日 建站资讯
    0154
  • 网站设计专业公司要注意哪些事项?

    网站设计,现在是一个信息化的时代,如果企业能够建立自己的网站。那么就能够跟上时代,文宣企业的产品,树立企业的形象,所以说,建设企业网站是非常有必要的。但是一个成功的网站往往也不是那么容易建成的,那么…

    2019年11月12日
    0274

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息