联系电话136 8812 4668(业务咨询) / 158 8206 4880(服务投诉)

2018年06月22日

网站建设中的3D立体效果设计的运用

我们经常看到在网站建设中经常使用的几种普通几何形状:矩形,三角形,线条和圆形。常分布在首页第一屏,头部尾部,及其他重要位置。最近网站3D效果设计(立体效果设计)引起了网站设计领域的注意,立体设计不是流行的扁平化设计风格,而是体积式(立体式)的设计风格。3D设计和球形填充设计,开创了网站设计的新潮流。与WebGL等技术一起使用。比如下面这些网站设计中的3D效果,感受一下?

网站立体效果设计
3D网站设计效果


“Alef Mobitech”网站首页拥有一种复杂的颗粒状球体,具有大部分的装饰作用; 然而它与品牌很好地呼应。Launch It重点视觉部分以精巧复制的地球标记,具有神秘感,是用户体验的核心。它们由最新技术(如WebGL)开发而成,但它们不同,显示了该领域固有的多样性。说实话,球体可以在图像和视频中找到,例如Hotel Poispois网站,其中介绍了几个移动的玻璃球,以及Pixelfordinner网站,其中巨大的地球构成了背景。3D设计已成为网页设计师工具箱中的重要工具。

立体网站设计案例:Hotel Poispois
3D网站设计案例Pixelfordinner


这种网站设计趋势的伟大之处在于它具有启发性。有很多版本的3D球体。尽管它们主要用于制作和加强用户第一印象,例如“Emanuele Papale”网站,其中移动的多边形球体为首页提供了前沿潮流的感觉,而不是Beymen Cosmos网站这样的用户体验, 其中网站主题是没有行星的主题。这一网站设计趋势为品牌创造了一个很大的想象空间。

网页3D设计案例:Emanuele Papale
网页3D设计例子:Beymen Cosmos


接下来看看追求戏剧效果的网站设计项目。有趣且令人惊讶。比如“Gilles Riviere”网站这样令人发指和不同寻常的不同设计风格,以及“Evoulve”网站设计中的优雅和精致,3D效果具有多样性和创造力。

3D效果的网站设计案例:Gilles Riviere
网站设计中的优雅和精致网站案例Evoulve


使用现在熟悉的技术(如粒子或多边形)来推动设计,以支持模仿真实曲面的不寻常页面设计。通常具有一些微小但令人兴奋的动态特征效果。比如下面一些令人兴奋的3D网站设计例子。“GlobIQ”网站使用了经典的方法,展示了多边形艺术成功转变为3D平面设计。球体不仅在空间中移动,而且还提供鼠标悬停效果,让用户可以突出显示细分,使视觉体验更具吸引力。

3D网页设计案例:GlobIQ


“Glyph Studio”网站演示了表面的巧妙实验。3D图形是一种诡异的网状球体,看起来很脆弱。球体占据了相对较大的面积。没有在视觉上过度设计; 让网站整体形象看起来轻盈甚至空灵。

立体球体网页设计案例:Glyph Studio


网站3D设计快速发展的另一个巨大领域是地球仪风格。宇宙和行星都有未探索的潜在和神秘的场景。设计师似乎在3D网站的帮助下反映了他们对科幻小说的热爱,提供了超越世界的解决方案。在网站着色,设计,行为和目的都有着不同寻常的风格。比如这些有趣的3D网站设计例子。

网站3D设计
网站3D设计解决方案


“Clarity”3D效果网站有一个互动的Globe,用纯白色制成,蓝色的针脚分散在各处。可以通过在不同的轴上旋转来玩3D球体。该网站设计解决方案完美地融合了产品灯光主题和高科技氛围,为网站界面提供了极佳的画龙点睛效果。

Clarity3D效果网站设计案例


前面的网站例子展示了不同版本的关于“3D球体”的网站设计方案。网站“艺术家们”扩大了界限,比如设计“邀请游客在宇宙中享受梦幻般的场景,黑色未知的星球占据中心舞台”的网站案例,如下图:

抽象3D球体网站设计方案

从抽象到现实,让我们来欣赏一个使用拟态方法来获得优势的网站例子。网站每个地方都有一个围绕轴旋转的3D地球模型。

现实3D球体网站设计方案

最后

在网站设计方面,3D球体(比如地球仪形状)设计并不新鲜,但这种设计风格已经成熟了。3D效果不仅仅是装饰背景的常规照片,已经变成了网站互动的作品,充满了动人的细节。网站3D效果设计可能来自过去,但交互式WebGL驱动的领域肯定来自未来。这些设计方向中的每一种都有自己的潜力和巨大的探索空间。3D球体为网站设计提供了新趋势,为网站界面提供高科技光环和未来感。你如何看待网页设计中的3D球体设计风格?你更喜欢哪种网站设计解决方案?你觉得哪种设计效果最有意义?