这里有一些可以借鉴的网站设计趋势,帮助你在设计中融入互动元素。

本月的设计趋势包括:

1. 页面顶部排版

目前几乎每个网站都可以找到大型的头图和文本元素。传统的配置往往是将文本元素放在屏幕下方,通常居中或靠左。

这种设计趋势则打破了常规,将图像推向页面下方,同时将文本块作为区域的主导元素。这种方法有助于确保用户清楚地了解设计的核心内容。不过,要有效地运用这种设计,优质的文案写作技能是必不可少的。在文本始终重要的情况下,这种设计使文本变得更加关键。

在这种趋势下,文本元素可以出现在不同的位置,比如图像或视频上方,或与其他组件一起展示。共同点是,大多数文本在主页上方可读,无需滚动。

各个网站对这一趋势的应用有所不同。例如,Minimum Viable Branding的网站在屏幕中心上方有一个简单的标题和文本块,主要图像则位于滚动下方。屏幕上唯一的其他元素是导航条。

GoodRV将图像与页面顶部的主要文本元素结合在一起。这种设计虽然具有视觉冲击力,但也面临一些挑战,例如背景图像可能会使部分文字难以阅读。如果能通过更多的样式调整来解决这一问题,将能更好地利用这一网站设计趋势。

Appello采用了类似于Minimum Viable Branding (MVB) 的方法,但使用了更小的文本和左对齐,这些都是为了突出阅读的重要性。这种设计处理方式明确传达了文本的核心作用,让用户在浏览时能够更加专注于信息的内容。

2. AR/VR 体验

互动性——无论是真实的还是感知上的——正成为网站设计项目的重要组成部分。许多项目可能从桌面网站开始,然后引导用户体验移动端,如丰田巴黎推广活动。

最有趣的是,这些设计都集中在高科技互动元素上。增强现实和虚拟现实体验通常包含游戏化元素,以提高用户兴趣。

即使没有实际的活动,这些体验也可能被感知到。例如,快速的动作、点击式故事情节或其他动态效果可以帮助解释内容。

KreativFarm采用了后一种方法。在网站加载时,会看到大量快速加载的动画,迅速滚动以帮助创建用户参与感。滚动过程中还会有额外的动作和动画效果,形成一致的故事。

丰田环法自行车赛是一款完全基于增强现实的移动设备体验,模拟了在奥林匹克城市的街道上驾驶汽车的场景。游戏化元素让用户不断回归,同时推广汽车品牌和其车型。用户可以在不同的关卡中选择不同的车辆进行驾驶,增加了体验的互动性和趣味性。

Sretks 是一个作品集网站,展示了一个充满马戏团气息的场景,融合了大量的动态元素。这个网站的感觉更像是一场冒险,而不是传统的作品集展示。

3. 液体图像

液态动画是我们之前提到过的网站设计趋势,现在这一概念已经被应用于图像中。结果是产生了一种超现实的视觉效果,虽然图像静止,却依然具有大量的视觉趣味和运动感。

使用这一趋势的设计师通常会选择既真实又抽象的图像,具有类似水面或玻璃的反射效果。这些图像通常色彩丰富,能够吸引用户的视线。

一些设计还融入了动画效果,以增加进一步的视觉吸引力。根据图像的不同,这种动画效果可能非常有效,也有时可能显得过于繁杂。如果你尝试混合不同的效果,确保最终的美学效果是和谐的。

Take and Give 网站展示了一个极具视觉冲击力的液态图像,使人希望它能在屏幕上停留几秒钟。随后,图像逐渐淡出,转为一个美丽而丰富多彩的背景。整个设计采取了一种另类而有趣的方法,值得深入探讨。

Startech Awards 是一个互动体验网站,背景使用了液态图像。这种设计产生了一个三维背景效果,带有未来感,让人想要立即沉浸在内容中。

Gabriela Bar 结合了液态图像和动画背景,营造出完全的未来感,契合了网站的AI主题。这种设计将液态图像和动态效果无缝融合,创造了一个引人注目的视觉体验。

本月的设计趋势充满了趣味,并且是寻求新创意的绝佳灵感来源。无论你是想要改进现有设计还是创建全新的网站,我们希望这些趋势能让你感受到新的学习收获,并激发你尝试新的设计思路。

精选文章:

继“巴洛克”鼠标之后,他又添AirPods保护壳!

平面设计中的极繁主义:拥抱大胆的创造力

2024 年值得关注的 15 大卧室趋势

奢侈品牌设计中的色彩力量

大作洗眼 | “千店千面”的喜茶、科罗娜从落日抄海报…创意出圈!