返回  

2023年现代网页设计应该是什么样的?(下篇)

2023/2/15 9:12:57 来源:深圳网站设计南隼互动

现代网站设计的特点是什么?这是一个很常见的问题。


从客户在网站建设项目开始时的疑问,到设计师试图弄清楚如何结合最新和流行的元素,弄清楚现代网页设计应该是什么样子是我们最大的挑战之一。

事实上,我们应该很容易就可以说出现代网页设计不应该是什么样子,当你实际看到一个过时的设计时,你就知道它过时了。在这里,我们收集了23个现代网页设计的例子,以帮助你更好地了解2023年的网页设计应该是什么样子。


17. 分层元素(Layered Elements)

Layered Elements

层次可以有效的创造深度和动态,并帮助引导用户完成在线浏览。这就是为什么分层元素是设计项目中如此重要的一部分。

在这里,DM Home使用图层作为主导航的一部分。在悬停状态下,带有描述的彩色条贯穿图像(感兴趣的可以访问他们的主页,点击浏览,这个设计中的另一个细节是每种颜色都与附带照片中的强调色相互匹配)。


18. 声音(Sound)

Sound

声音是越来越受欢迎的现代设计元素(只要确保用户可以选择打开和关闭就可以了)。

音频体验为内容提供更深层次的含义,并增强用户交互。诀窍在于,如果你想让人们真正听到它,声音就必须醒目、有特色的而且有目的。


19. 渐变(Gradients)

Gradients

渐变是一种不断发展的趋势。

从大而较为粗犷的渐变(如上图),到插图或文本元素的微妙渐变,这种颜色趋势继续而且不断出现。部分原因是什么呢?它借鉴了其他流行元素,可以帮助创建深度和视觉趣味,而不会压倒其余的设计。


20. 有趣的悬停动画(Interesting Hover Animations)

Interesting Hover Animations

有趣的悬停动画给用户带来惊喜。细微的移动和运动是对快速移动的一种转变,提供了更平静、更专注的用户体验。

此外,这些悬停状态可以指导用户如何与内容互动,或者提供恰到好处的惊喜,让他们不会轻易离开设计(上面例子中的文本和图标以一种近乎催眠的方式跳动,与设计的内容相匹配)。


21. 严谨的故事(Serious Storytelling)

Serious Storytelling

Let Girls Dream通过用户提交的内容来讲述故事。从文本和视频故事到上传你的梦想和信息的地方,该设计充满了互动功能。还有一个动画预告片温暖你的心。

所有这些元素都能通过精彩的故事将用户吸引到设计中。


22. 不同设备的一致性(Device Consistency)

Device Consistency

现代网站设计用于多种类型和尺寸的设备。当用户在不同时间从不同设备访问设计时,他们希望保持一致性。

如果你没有创建一个一致的外观和感觉,你可能会给用户带来困惑(这可能会导致他们离开网站)。Fort Studio在很酷的动画背景面板和排版方面做得很好,无论你如何访问网站,都能创造一致的用户体验。


23. 创造性的用户体验(Creative User Experiences)

Creative User Experiences

“Ask the AI Ball”基于一些旧的东西(一个神奇的8号球)和一些新的东西(AI技术),创造了一种不同于你所期望的体验。如果你想让用户花时间在设计上,它必须是有创意的,并提供有价值的体验。

这个神奇的公式很难找到,所以要跳出固有的思维模式。


总结

当你浏览那些2008年左右制作和使用的网站时,你会明显的知道这个网站已经“过时”了,这就是现代网页设计的反面教材。上面的例子都有一个共同的主题,你可能会看到许多现代网页设计的元素在其中组合使用。

这个共同的主线就是提高可用性的简单性。网站访问者可能不会花很多时间在你的网站上,所以你需要让它在视觉上吸引人,易于一眼理解。这就是今天现代设计的本质。









----图文来自:design shack 

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