- Published on
2023 web 设计趋势
翻译一篇文章
原文链接：https://redstapler.co/web-design-trends-2023/
作者：TK
在过去的一年里，我们在网页设计领域看到了很多令人兴奋的发展。而在这篇文章中，我们来预测下 2023 年的设计趋势。本文附有所有例子的链接。准备好了吗？让我们来看看!
Bold Typography（大胆的字体设计）
我开始看到更多采用的设计趋势之一是大胆的字体设计。它容易抓住用户的注意力。大胆的排版设计（Bold Typography）使用大标题或副标题，夸张的字体大小，以及创造性的字体风格来使设计脱颖而出。
利用排版而不是沉重的视觉效果，还可以加快你的网站性能，改善用户体验，更重要的是可以清晰地传递行信息。
https://nationalstudentshow.com/
CSS First
在过去，我们通常依靠 JavaScript 来创造网站的视觉效果。但从那时起，CSS 已经发展到可以做很多复杂的事情，而这些事情是 JavaScript 无法做到的。三维变换、过滤器和新的 CSS 功能，如:选择器（has）、容器查询（@container）和层叠层（@layer），将使许多有趣的网页设计纯粹依靠 CSS 来实现。
因此，从今年开始，我们将看到网站减少对 JavaScript 的依赖来创造视觉效果。
https://redstapler.co/cool-css-text-light-effect-5-minutes-tutorial/
https://redstapler.co/3d-infinity-effect-css-tutorial/
https://codepen.io/seyedi/pen/zYoeLEv
https://redstapler.co/create-3d-effect-on-website-using-transparent-video-background/
https://codepen.io/jh3y/pen/poZRNKP
https://codepen.io/primalivet/pen/ryjKmV?editors=0100
Dark mode/Dark Design
近年来，黑暗模式已成为网站和应用程序上越来越受欢迎的功能。今年也不例外，这一点也不奇怪。黑暗模式可以让人更容易看清，也有助于节省 OLED 显示屏设备的电池。此外，暗色界面可以给网站带来现代、专业的外观，并让有某些视觉障碍的用户更容易接受。
有了所有这些优势，黑暗模式预计将成为今年网页设计的一个流行趋势。因此，考虑将黑暗模式纳入你的设计，并看到你的用户的好处。
https://www.raycast.com/
https://wallet.keplr.app/chains/cosmos-hub
基于视频网站设计
随着高速互联网的普及，在网站中加入更多的视频内容，不必担心性能问题。使用视频作为你的网站的介绍，作为背景，甚至创造视觉效果，如使用透明视频的伪 3D，都是非常好的方式来吸引访问者并有效地传达信息。
我们将开始看到越来越多的网站使用视频，下面是一些例子
https://web.auto/operation-tools
https://www.12brewsofxmas.com/
Three.js
Three.js 一直并仍在引领潮流。今年也不例外。如果你想创造一个惊人的视觉效果，以 3D 方式展示你的产品或创建互动网站，Three.js 似乎是默认的选择。它很容易使用，有很多可用的模块，支持广泛的浏览器和大型社区，你可以轻松找到学习资源。
https://codesandbox.io/s/glass-circles-copy-forked-ju368j?file=/src/App.js
https://www.wyth.live/solutions/education
https://webgi-jewelry.vercel.app/
https://pendereckisgarden.pl/en
所有的设计图下面都有 web 地址，点击链接可以直接访问这些炫酷的网站，希望你能够喜欢。
以上就是本文的全部内容，如果对你有帮助，记得给个三连，感谢你的阅读。
本文正在参加「金石计划」
