现代网站设计的特点是什么?这是一个很常见的问题。
从客户在网站建设项目开始时的疑问,到设计师试图弄清楚如何结合最新和流行的元素,弄清楚现代网页设计应该是什么样子是我们最大的挑战之一。
事实上,我们应该很容易就可以说出现代网页设计不应该是什么样子,当你实际看到一个过时的设计时,你就知道它过时了。在这里,我们收集了23个现代网页设计的例子,以帮助你更好地了解2023年的网页设计应该是什么样子。
9. 多个入口(Multiple Entry Points)
虽然让用户在内容中选择这个或那个通常是一种最佳的实践方式,但对于某些内容类型,多个入口点可能更有效。我们已经在分屏设计中看到了很多这种情况。
注意以上案例(Tempo)主页上的按钮数量。用户可以从一开始就选择他们的感兴趣的入口,每个入口都是为不同的人设计的。这是在一个页面上处理多个目标的好方法。
10. 用户参与(User Engagement)
The Bear and His Scarf 是一本在线故事书。“页面”的设计就像传统的书籍页面一样,由大量的插图和一些短语组合而成,但也包含动画和互动元素,以保持趣味性。
但它不止于此。这本故事书是比利时一家足球俱乐部的粉丝页面。
11. 有目的的留白(Purposeful White Space)
在设计中,留白应该是有目的的。Lars Franzen 有意地使用空白来让用户在他的作品集中的图像中移动。
留白有助于将图像框起来,并将视线从屏幕上吸引到其他图像上。留白在这里还有另一个目的——它是一个导航工具,鼓励左右滚动。
12. 可操作的微文本(Actionable Microcopy)
微文本应该告诉用户接下来会发生什么。好消息是,这并不复杂。
使用可操作的短语,提供清晰的解释,如 Gracie Mansion 在其网站设计中使用的按钮(上图):预订旅程。它应该是最直接的,并提供了清晰的指导。
13. 巨大的英雄图像(Huge Heroes)
在现代网站设计方案中,越大越好。具有传奇色彩的英雄形象区域与用户建立最直接的联系,并将他们吸引到内容中。
在这里,Owl Design使用了一些令人惊叹的图像和一些意想不到的动画来吸引你(这可能是你可以盯着看几个小时的图像处理方式了)。
14. 视频,也可以是竖版的(Video(It Might Be Vertical))
视频在网站建设中的方向正在发生90°的转变(这要感谢智能手机的普遍使用)。
从垂直空间的社交媒体“故事”,到大多数用户已经习惯通过手机搜索和查看内容,向垂直视频的转变变成一个必然。这也适用于网站设计(尽管仍然有很多水平视频)。
垂直视频在分屏格式下是非常不错的,比如上面的 This is Beyond(上图),因为它在桌面端和移动设备上看起来都很棒,因为这些分屏“屏幕”是堆叠的。
15. 压缩加载速度(Zippy Load Speeds)
关于你的网站,人们注意到的第一件事是它是否加载得快。缓慢的加载时间是一种拖累,会让用户比其他任何东西都更快地离开。
一个现代的网页设计必须看起来很棒,加载速度也必须更快。
16. 搜索优化(Optimized for Search)
现代网站设计中最重要的元素之一是你可能看不到的——搜索优化。
用户怎么能更快的找到组件以及他们需要的内容?
总结
当你浏览那些2008年左右制作和使用的网站时,你会明显的知道这个网站已经“过时”了,这就是现代网页设计的反面教材。上面的例子都有一个共同的主题,你可能会看到许多现代网页设计的元素在其中组合使用。
这个共同的主线就是提高可用性的简单性。网站访问者可能不会花很多时间在你的网站上,所以你需要让它在视觉上吸引人,易于一眼理解。这就是今天现代设计的本质。
----图文来自:design shack