2022年网页设计趋势:从行为设计到复古UI

Author: 素马

00

 

想知道网页设计世界的趋势是什么?这是 2022 年的主要网页设计趋势,以及构建时尚、引人注目的网站的技巧。

 

网页设计的世界是不断变化的。作为创意和技术交叉领域的一门学科——这两个行业以光速发展——新的网页设计趋势、工具和技术不断出现和发展也就不足为奇了。

 

流行的设计和创新的UX 和 UI方法很快就会变得疲倦和过度,因此紧跟最新的网页设计趋势对于保持领先地位至关重要。跨越从行为设计到复古 UI 的方方面面,素马设计将在未来一年看到的网页设计趋势有望将过去久经考验的设计元素与未来的技术相结合,产生一些真正令人兴奋的新发展。

 

那么,在接下来的一年,哪些流行的网页设计趋势会让我们惊叹不已?下面,我们的设计师给出了他们构建时尚、引人注目的网站的技巧,以及他们对 2022 年预测的网页设计趋势的热门看法……

 

行为设计

01

 

行为设计就是使用视觉线索来塑造用户行为。将创意设计与科学数据相结合,使设计师能够更好地了解用户的思维方式,从而更有效地影响他们的行为方式。

 

这种方法通常用于创建产品和应用程序,帮助用户完成诸如达到健身目标、培养技能或保持日常习惯等事情。行为设计采用了稀缺性等技术——比如酒店预订网站上“只剩下一个房间”——以及 CAR 模型——一种基于提示、行动和奖励的策略。

 

许多产品都采用了行为设计思维,包括国外流行的冥想应用Headspace。该平台的成功很大程度上归功于它通过鼓励用户每天冥想来保持用户活跃的能力。技术包括个性化的每日播放列表、统计数据和冥想历史,甚至允许用户与“好友”同步日程安排。Headspace 是一个很好的数字产品示例,它了解用户的行为以及如何激励他们参与。

 

“从知道何时给植物浇水到确保洗手至少 20 秒,到 2022 年,我们可以期待数字产品和人工智能对行为设计的持续需求,以加强行为并帮助人们养成习惯,“人们完全依赖日历提醒和书面笔记的日子已经一去不复返了。在这个竞争日益激烈的市场中,企业将继续收集人们的数据并监控用户行为,为用户创造价值并提高产品参与度,但我们在哪里划清界限?”

 

01-1

 

因为行为科学可以成为塑造人们选择和行为的强大工具。该方法存在一些伦理问题,但展望未来,行为设计的普及有望看到设计行业继续将其用作积极影响而不是操纵用户。

 

 

复杂的渐变

02

 

虽然渐变可能不是一个新趋势,但随着时间的推移,它们肯定已经走了很长一段路。复杂渐变是视频和网页设计中出现的最新发展之一,通常用于增加平面图像的深度。

 

您可以在这个平面设计组合中看到复杂渐变的使用,它使用橙色、粉红色、紫色和蓝色色调的空灵混合来增加温暖和深度。在其网站上使用了类似的效果,设计从单色渐变为彩色。

 

“渐变在技术执行方面取得了长足的进步,”UX 设计师说。“这导致了创意界对运动、不规则和多色混合的激动人心的探索和发展。”

 

02-1

 

3. 大字体和当代衬线

排版是UI 设计中非常重要的元素,我们看到一些排版趋势正在发展。

 

大字体

 

03

 

首先,大字体回来了,而且比以往任何时候都好。

 

具有旨在产生影响的大而大胆的字母,大字体可以在网页设计中做出令人印象深刻的视觉声明 - 特别是与更简约的设计或布局相结合时。选择更大尺寸的文本可以很好地创造出引人注目的第一印象,也可以将其他设计元素结合在一起。

 

“随着设计倾向于更多最小化的离网布局,大字体有助于将它们联系在一起并提供简单的品牌影响,”内容专家解释道。

 

法国百货公司老佛爷百货的导航菜单采用中性、粗体的字体——让品牌的大标志在主页的中心突出。这与垂直剪切图像、插图图标和单色调色板相结合,营造出一种巧妙的拼贴感。

 

当代衬线

 

03-1

 

在字体范围的另一端,当代衬线字体也有一段时间。

 

拥抱传统衬线所特有的精致装饰元素和优雅的装饰,现代衬线也与有趣、复杂的渐变搭配,营造出时尚、现代的外观。例如,这个网站采用了一种微妙的衬线风格,这是页面的主角字体,同时也优雅低调。

 

为了在您的作品中融入现代衬线字体,这款 Black Delights – Elegant Serif 使用环状连字并散发出精致的风格。非常适合引用或徽标,它是一种引人注目的类型,将使您的设计与众不同。

 

4. UI中的复古设计

继续我们对所有复古事物的痴迷,复古 UI 现在正在网页设计中起飞。

 

70 年代启发的椭圆形和拱形边界半径

04

 

我们看到的第一个复古趋势是“椭圆形和拱形边界半径”。这种风格包括将图像裁剪成椭圆形和拱形,其边缘较薄,与图像略微分开,反映拱形或椭圆形。

 

“这种趋势在时尚和投资组合展示中很受欢迎,并且是对 70 年代复古杂志布局的一种认可,”设计师说。“它通常与大地色调相结合。”

 

您可以在sumaart 的机构网站上看到这一趋势。让人想起一面独立的镜子,拱门被用来以一种微妙而经典的方式展示摄影。

 

90 年代垃圾摇滚 UI

04-1

 

下一个在 UI 中大回归的复古趋势是90 年代怀旧。90 年代的美学有很多值得喜爱的地方——包括视频游戏、VHS 和故障效果、闪闪发光的气泡字体,以及朋克和锐舞文化。最近,随着许多90 年代的趋势重新浮出水面,我们看到垃圾美学在 UI 设计中重新出现。

 

时尚圣经网站Nylon就是一个很好的例子。数字出版物以女性化和低调的方式接近 grunge,纹理背景让人联想到乐队海报以及宝丽来灵感的图像布局、拼贴和手绘细节。

 

原生桌面应用卷土重来

05

 

明年,我们期待原生桌面应用程序继续大放异彩。这些应用程序安装在您的桌面上并可以本地访问——想想微软 Office 套件而不是在线 Office 365——许多软件公司现在选择创建用户体验与其流行的 Web 版本相当的本地桌面应用程序。

 

但在一个日益网络化的世界里,为什么公司会下线他们的应用程序?根据 Envato 产品设计师 Raouf Araji 的说法,桌面用户体验实际上有很多好处。

 

“一些公司选择创建具有与其流行的网络浏览器版本相当的用户体验的本地桌面应用程序,”Raouf 解释说。“对用户体验的好处包括性能提升、与操作系统通知系统集成的能力,以及在从浏览器中其他选项卡式窗口的干扰中移除时提高焦点。”

 

更无缝的应用内通信

06

 

随着我们中的许多人继续在家工作,远程和面对面协作的混合方法变得越来越必要。因此,应用内通信需要更加无缝和吸引人。

 

产品设计师正在迎接改进应用内通信的挑战——特别是在技术领域,明确努力使应用内协作更加连贯和更“人性化”。

 

3D设计

07

 

虽然不一定是新趋势,但3D 设计在网页设计领域继续蓬勃发展。UI 中越来越多地使用3D 图形来增强 Web 界面并为网站添加引人注目的元素。

 

3D 设计使用计算机建模软件创建具有 3D 外观的对象,也是平面设计、排版和数字艺术的流行趋势。从专业网站到个人作品集,随处可见。

 

“虽然 3D 已经存在了一段时间,但它现在正被更加无缝地集成到设计中,”设计师 解释道。“从充满活力的明亮多彩元素到超逼真的抽象设计,3D 已经出现,它让一切变得流行起来!”

 

这就是我们精选的 2022 年最热门的网页设计趋势。从完美的粗体字体,到 UX 和 UI 工具包、和主题,创建无缝、流畅和美观的用户体验。查看 SUMAART 素马设计 作品集中的一些作品——了解更多网站设计文章。

相关阅读