2024 年网站设计的 5 个趋势
⭐发布日期：2024年10月07日 | 来源:格隆汇
⭐作者：托马斯·海耶斯 责任编辑:Admin
⭐阅读量:927 评论：1人
▲点击 "TCC翻译情报局" 关注，回复 "社群" 加入我们TCC 推荐：大家好，这里是 TCC 翻译情报局，我是李泽慧。在这篇文章，我将告诉你五个我认为在2024年发生巨大变化的网站设计趋势。在文章的底部，你将知道这些趋势并且在2024年帮助你做的更好，为你的顾客创作更好的产品。让我们一起来看看！
图片资源— https://polarvectors.com/web-design-trends-2024/第一个网站设计趋势是深色模式，就在去年，linear 风格变得更加流行了。因为每个人都认为这风格非常的酷炫，也都纷纷效仿。其中真正原因是什么呢？是因为更容易吸引用户的注意力 —— 用户阅读和辨别内容变得更加容易。同时，营造出简洁的，专业的且些许严肃的氛围，能够适用于很多网站内容形式。深色模式并不意味着只有单纯的黑色背景。设计师可以尝试使用不同的深色，能够调配出高级的渐变、高光和发光等效果，让网站变的很时尚现代。我相信这个趋势不会那么迅速低消失，深色模式的网站设计风格将持续发酵。
网站URL— https://linear.app/网站URL— https://cred.club/
2. Bento 网格
2.Bento grid
第二个非常火爆的网站设计趋势是 Bento 网格。我也非常喜欢，因为他们总是看起来简洁又有序，带来一种统一和谐的感觉。如果你还不知道如何架构你的网站，那就尝试使用这个 Bento 网格设计。在过去的几个月里，我看过很多优秀的案例，想必这个趋势将会持续。说真的， Bento 网格设计风格的才刚刚开始，在未来几年，我们一定可以看到很多使用这个设计风格的优秀作品。我们深知，万事万物都有利必有弊。这个设计风格也有一些缺点，如果我们或许一不小心，就容易变得混乱，还会有点压迫感——就像是工作室里杂乱不堪的桌子。因此，我们需要格外谨慎使用这个设计风格，最重要的就是不要让我们的用户感受到无形的压迫感。
网站 — https://www.relume.io/网站——https://dribbble.com/shots/22599375-MusAI-Branding-for-the-Music-Generator-App
3. 人工智能生成图像
3. AI Generated Imagery
第三个趋势是使用人工智能生成图像正在急剧上升。网站的视觉效果格外重要，我们都知道，用户越来越懒得阅读读长篇文章了，更喜欢浏览图片，短视频。至今，用户创作一张创意图片还是比较复杂的，那些图库的图片还是如此的昂贵。但是，随着人工智能和创意设计工具的兴起，这一切都在发生改变，我们可以更好更容易的去创作自己想要的图片，而且还是免费的。例如：一张戴着圣诞帽的蓝色狗狗照片？这完全没有问题，我们都可以创作出来。因此，这对于我们设计师来说，掌握人工智能工具至关重要。 Adobe Firefly 和 MidJourney 将成为下一代优秀的设计平台。
网站—https://www.otterdev.io/网站— https://creator.nightcafe.studio/
4. 充满活力的渐变
4.Vibrant Gradients
我目前喜欢的第四个网页设计趋势是使用充满活力的渐变。渐变确实可以提升网站，增加深度和填充空间。它们是让你的网站看起来专业的绝佳方式，而无需创建自定义资源或搜索库存照片或视频的麻烦。这些生动的渐变可以作为你网站的绝佳背景，在不掩盖文本的情况下增加深度。最好的部分，有很多免费网站可以帮助你自定义和创建自己的渐变。你几乎可以在任何设计或开发工具中执行此操作，因此如果你没有尝试过这个，我极力推荐你深入研究并学习，学习如何创建渐变以获得时尚的外观。
网站— https://sarahguo.com/网站—https://fujeedesign.com/
5. 海量版式
5.Massive Typography
现在，让我们来说 2024 年第五个也是最后一个网站设计趋势：海量排版。虽然这个不是很新鲜的事情了并且这个趋势已经有很多年了。我注意到越来越多的网站接受使用大文本的想法。这有点不传统，挑战了人们习惯查看网站的典型方式。个人认为我是这个趋势的忠实粉丝。为什么？因为它使我们做为设计师和开发人员要小心我们在网站上放置的文本。当你所有的排版都很大时，你就不可能拥有大量的内容，因此每个单词都需要计算在内。我喜欢这个因为这个很容易让用户阅读和确切的理解网站和公司的内容。另一个我喜欢这个趋势理由是因为它占用了太多的空间，所以你不需要过多依赖视觉效果。你可以使用少量的图片，动效或者视频而更多的强调文本。当然，拥有独特的自定义字体使这种方法更加有效。
网站——https://www.framer.com/所以，我很好奇这 5 种趋势中，哪一种是您最喜欢的，您认为哪一种是我们五年后最可能后悔的？
原文：https://abhi-chatterjee.medium.com/5-trends-in-website-design-for-2024-6fa19d9dc999十个技巧帮助你设计一款在线学习 APP
这些色彩心理学知识教你如何传递信息
案例研究｜康奈尔大学副业社区网站设计
Web Vitals —— 谷歌的新一代 Web 性能体验和质量指标
网页设计师能从日式美学中学到什么？
案例研究｜一款为你带来难忘体验的美食 APP
如何制作打动面试官的作品集，这里有一份完整的指导手册
如何做好用户体验项目？从一个好计划开始
如何建立设计系统
如何把握不同层级用户的需求：回归本质，打磨信息架构
TCC 视野｜2021 年用户体验设计趋势分析
TCC 情报局欢迎小伙伴加入，一起交流设计知识，了解全球设计资讯，锻炼英文能力，发掘更多可能性～添加小助手微信，备注「社群」，即可加入读者群。
点赞数: 0
发表评论
埃克托尔·埃利松多
6秒前：为什么？
IP:72.63.4.*
王翀
6秒前：因此，这对于我们设计师来说，掌握人工智能工具至关重要。
IP:55.25.2.*
翟巍
4秒前：com/5-trends-in-website-design-for-2024-6fa19d9dc999作者：Abhi Chatterjee译者：孙淑雅审核：李泽慧编辑：陈美辰本文翻译已获得作者的正式授权（授权截图如下）往期精选文章：十个技巧帮助你设计一款在线学习 APP这些色彩心理学知识教你如何传递信息案例研究｜康奈尔大学副业社区网站设计Web Vitals —— 谷歌的新一代 Web 性能体验和质量指标网页设计师能从日式美学中学到什么？
IP:88.72.6.*