2024 年网站设计的 5 个趋势

1 评论 4404 浏览 17 收藏 9 分钟
渴望踏入产品经理行业但无从下手?我们的1V1私教陪跑实战营,由大厂导师手把手带你入门,从理论到实践,助你快速掌握核心技能,轻松上手!

在这篇文章,作者将告诉你五个我认为在2024年发生巨大变化的网站设计趋势。在文章的底部,你将知道这些趋势并且在2024年帮助你做得更好,为你的顾客创作更好的产品。让我们一起来看看!

图片资源— https://polarvectors.com/web-design-trends-2024/

一、深色模式

第一个网站设计趋势是深色模式,就在去年,Linear 带火了这个风格。因为每个人都认为这风格非常的酷炫,也都纷纷效仿。其中真正原因是什么呢?是因为更容易吸引用户的注意力——用户阅读和辨别内容变得更加容易。同时,营造出简洁的,专业的且些许严肃的氛围,能够适用于很多网站内容形式。

深色模式并不意味着只有单纯的黑色背景。设计师可以尝试使用不同的深色,能够调配出高级的渐变、高光和发光等效果,让网站变的很时尚现代。我相信这个趋势不会那么迅速低消失,深色模式的网站设计风格将持续发酵。

网站URL— https://linear.app/

网站URL— https://cred.club/

二、Bento 网格

第二个非常火爆的网站设计趋势是 Bento 网格。我也非常喜欢,因为他们总是看起来简洁又有序,带来一种统一和谐的感觉。如果你还不知道如何架构你的网站,那就尝试使用这个 Bento 网格设计。在过去的几个月里,我看过很多优秀的案例,想必这个趋势将会持续。说真的, Bento 网格设计风格的才刚刚开始,在未来几年,我们一定可以看到很多使用这个设计风格的优秀作品。

我们深知,万事万物都有利必有弊。这个设计风格也有一些缺点,如果我们或许一不小心,就容易变得混乱,还会有点压迫感——就像是工作室里杂乱不堪的桌子。因此,我们需要格外谨慎使用这个设计风格,最重要的就是不要让我们的用户感受到无形的压迫感。

网站 — https://www.relume.io/

网站——https://dribbble.com/shots/22599375-MusAI-Branding-for-the-Music-Generator-App

三、人工智能生成图像

第三个趋势是使用人工智能生成图像正在急剧上升。网站的视觉效果格外重要,我们都知道,用户越来越懒得阅读读长篇文章了,更喜欢浏览图片,短视频。至今,用户创作一张创意图片还是比较复杂的,那些图库的图片还是如此的昂贵。

但是,随着人工智能和创意设计工具的兴起,这一切都在发生改变,我们可以更好更容易的去创作自己想要的图片,而且还是免费的。例如:一张戴着圣诞帽的蓝色狗狗照片?这完全没有问题,我们都可以创作出来。因此,这对于我们设计师来说,掌握人工智能工具至关重要。Adobe Firefly 和 MidJourney 将成为下一代优秀的设计平台。

网站—https://www.otterdev.io/

网站— https://creator.nightcafe.studio/

四、充满活力的渐变

我目前喜欢的第四个网页设计趋势是使用充满活力的渐变。渐变确实可以提升网站,增加深度和填充空间。它们是让你的网站看起来专业的绝佳方式,而无需创建自定义资源或搜索库存照片或视频的麻烦。这些生动的渐变可以作为你网站的绝佳背景,在不掩盖文本的情况下增加深度。

最好的部分,有很多免费网站可以帮助你自定义和创建自己的渐变。你几乎可以在任何设计或开发工具中执行此操作,因此如果你没有尝试过这个,我极力推荐你深入研究并学习,学习如何创建渐变以获得时尚的外观。

网站— https://sarahguo.com/

网站—https://fujeedesign.com/

五、大字体排版

现在,让我们来说 2024 年第五个也是最后一个网站设计趋势:大字排版。虽然这个不是很新鲜的事情了并且这个趋势已经有很多年了。我注意到越来越多的网站接受使用大文本的想法。这有点不传统,挑战了人们习惯查看网站的典型方式。

个人认为我是这个趋势的忠实粉丝。为什么?因为它使我们做为设计师和开发人员要小心我们在网站上放置的文本。当你所有的排版都很大时,你就不可能拥有大量的内容,因此每个单词都需要计算在内。我喜欢这个因为这个很容易让用户阅读和确切的理解网站和公司的内容。

另一个我喜欢这个趋势理由是因为它占用了太多的空间,所以你不需要过多依赖视觉效果。你可以使用少量的图片,动效或者视频而更多的强调文本。当然,拥有独特的自定义字体使这种方法更加有效。

网站——https://www.framer.com/

网站——https://gsap.com/

所以,我很好奇这 5 种趋势中,哪一种是您最喜欢的,您认为哪一种是我们五年后最可能后悔的?

原文作者:Abhi Chatterjee(本文翻译已获得作者的正式授权)

原文:https://abhi-chatterjee.medium.com/5-trends-in-website-design-for-2024-6fa19d9dc999

译者:孙淑雅;审核:李泽慧;编辑:陈美辰

微信公众号:TCC翻译情报局(ID:TCC-design);连接知识,了解全球精选设计干货。

本文由@TCC翻译情报局 翻译发布于人人都是产品经理,未经许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 华而不实,根本不适合国内设计风格

    来自辽宁 回复
专题
14320人已学习13篇文章
用户体验是用户在使用产品过程中建立起来的一种纯主观感受。本专题的文章分享了如何撰写用户体验报告。
专题
13256人已学习13篇文章
在产品的不同生命周期,需要有对应的产品战略以应对市场。本专题的文章分享了如何做好产品战略规划。
专题
15324人已学习13篇文章
本专题的文章分享了搭建营销中心指南。
专题
13387人已学习13篇文章
对数据进行监控,分析异常数据,是数据分析常见的工作内容。本专题的文章分享了如何做好数据异常分析。
专题
32530人已学习19篇文章
一个合格的购物车是怎么设计出来的?
专题
13720人已学习12篇文章
随着互联网的不断发展,如今获客渠道及方式也有很多。本专题的文章分享了获客渠道及方法。