返回  

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

2023/2/8 9:20:07 来源:深圳网站设计南隼互动

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


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

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


9. 多个入口(Multiple Entry Points)

Multiple Entry Points

虽然让用户在内容中选择这个或那个通常是一种最佳的实践方式,但对于某些内容类型,多个入口点可能更有效。我们已经在分屏设计中看到了很多这种情况。

注意以上案例(Tempo)主页上的按钮数量。用户可以从一开始就选择他们的感兴趣的入口,每个入口都是为不同的人设计的。这是在一个页面上处理多个目标的好方法。


10. 用户参与(User Engagement)

User Engagement

The Bear and His Scarf 是一本在线故事书。“页面”的设计就像传统的书籍页面一样,由大量的插图和一些短语组合而成,但也包含动画和互动元素,以保持趣味性。

但它不止于此。这本故事书是比利时一家足球俱乐部的粉丝页面。


11. 有目的的留白(Purposeful White Space)

Purposeful White Space

在设计中,留白应该是有目的的。Lars Franzen 有意地使用空白来让用户在他的作品集中的图像中移动。

留白有助于将图像框起来,并将视线从屏幕上吸引到其他图像上。留白在这里还有另一个目的——它是一个导航工具,鼓励左右滚动。


12. 可操作的微文本(Actionable Microcopy)

Actionable Microcopy

微文本应该告诉用户接下来会发生什么。好消息是,这并不复杂。

使用可操作的短语,提供清晰的解释,如 Gracie Mansion 在其网站设计中使用的按钮(上图):预订旅程。它应该是最直接的,并提供了清晰的指导。


13. 巨大的英雄图像(Huge Heroes)

Huge Heroes

在现代网站设计方案中,越大越好。具有传奇色彩的英雄形象区域与用户建立最直接的联系,并将他们吸引到内容中。

在这里,Owl Design使用了一些令人惊叹的图像和一些意想不到的动画来吸引你(这可能是你可以盯着看几个小时的图像处理方式了)。


14. 视频,也可以是竖版的(Video(It Might Be Vertical))

Video(It Might Be Vertical)

视频在网站建设中的方向正在发生90°的转变(这要感谢智能手机的普遍使用)。

从垂直空间的社交媒体“故事”,到大多数用户已经习惯通过手机搜索和查看内容,向垂直视频的转变变成一个必然。这也适用于网站设计(尽管仍然有很多水平视频)。

垂直视频在分屏格式下是非常不错的,比如上面的 This is Beyond(上图),因为它在桌面端和移动设备上看起来都很棒,因为这些分屏“屏幕”是堆叠的。


15. 压缩加载速度(Zippy Load Speeds)

Zippy Load Speeds

关于你的网站,人们注意到的第一件事是它是否加载得快。缓慢的加载时间是一种拖累,会让用户比其他任何东西都更快地离开。

一个现代的网页设计必须看起来很棒,加载速度也必须更快。


16. 搜索优化(Optimized for Search)

Optimized for Search

现代网站设计中最重要的元素之一是你可能看不到的——搜索优化。

用户怎么能更快的找到组件以及他们需要的内容?


总结

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

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









----图文来自:design shack 

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