翻译一篇文章
原文链接:redstapler.co/web-design-…
作者:TK
在曩昔的一年里,我们在网页规划领域看到了许多令人兴奋的发展。而在这篇文章中,我们来预测下 2023 年的规划趋势。本文附有一切比如的链接。预备好了吗?让我们来看看!
Bold Typography(斗胆的字体规划)
我开端看到更多选用的规划趋势之一是斗胆的字体规划。它简单抓住用户的注意力。斗胆的排版规划(Bold Typography)运用大标题或副标题,夸张的字体大小,以及发明性的字体风格来使规划锋芒毕露。
利用排版而不是沉重的视觉效果,还可以加速你的网站功用,改善用户体验,更重要的是可以明晰地传递行信息。
retor.hr/
sedeblockchain.com/
dnaprojecten.nl/
nationalstudentshow.com/
anakaric.com/
yaremenko.design/
www.landa.as/es/
selectedbase.com/
CSS First
在曩昔,我们一般依托 JavaScript 来发明网站的视觉效果。但从那时起,CSS 已经发展到可以做许多复杂的工作,而这些工作是 JavaScript 无法做到的。三维改换、过滤器和新的 CSS 功用,如:挑选器(has)、容器查询(@container)和层叠层(@layer),将使许多风趣的网页规划朴实依托 CSS 来实现。
因而,从本年开端,我们将看到网站削减对 JavaScript 的依赖来发明视觉效果。
redstapler.co/cool-css-te…
redstapler.co/3d-infinity…
codepen.io/seyedi/pen/…
redstapler.co/create-3d-e…
codepen.io/jh3y/pen/po…
codepen.io/primalivet/…
Dark mode/Dark Design
近年来,黑暗形式已成为网站和运用程序上越来越受欢迎的功用。本年也不破例,这一点也不古怪。黑暗形式可以让人更简单看清,也有助于节约 OLED 显示屏设备的电池。此外,暗色界面可以给网站带来现代、专业的外观,并让有某些视觉妨碍的用户更简单接受。
有了一切这些优势,黑暗形式预计将成为本年网页规划的一个盛行趋势。因而,考虑将黑暗形式归入你的规划,并看到你的用户的优点。
chapterone.com/
www.raycast.com/ wallet.keplr.app/chains/cosm…
www.feyapp.com/
pipe.com/
根据视频网站规划
跟着高速互联网的遍及,在网站中参加更多的视频内容,不必担心功用问题。运用视频作为你的网站的介绍,作为背景,甚至发明视觉效果,如运用透明视频的伪 3D,都是非常好的方法来吸引拜访者并有效地传达信息。
我们将开端看到越来越多的网站运用视频,下面是一些比如
terminal27.com/
web.auto/operation-t…
detailsofwar.com/
www.maciejbaska.com/
www.12brewsofxmas.com/
redtls.com/
brandversenft.com/
Three.js
Three.js 一直并仍在引领潮流。本年也不破例。如果你想发明一个惊人的视觉效果,以 3D 方法展示你的产品或创立互动网站,Three.js 似乎是默许的挑选。它很简单运用,有许多可用的模块,支撑广泛的浏览器和大型社区,你可以轻松找到学习资源。
codesandbox.io/s/glass-cir…
www.wyth.live/solutions/e…
webgi-jewelry.vercel.app/
pendereckisgarden.pl/en
resend.com/?ref=godly
web.auto/
一切的规划图下面都有web地址,点击链接可以直接拜访这些炫酷的网站,希望你可以喜爱。
以上就是本文的全部内容,如果对你有协助,记得给个三连,感谢你的阅览。
本文正在参加「金石方案」