020-29815005
预约专线时间:09:00-23:59

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

新闻来源:优漫教育 日期:2021-12-16
流行的设计和创新的UX和UI方法很快就会变得疲倦和过度,因此掌握最新的网页设计趋势对于保持领先地位至关重要。涵盖从行为设计到复古UI的方方面面,我们将在来年看到的网页设计趋势有望将过去久经考验的设计元素与未来的技术相结合,产生一些真正令人兴奋的新发展。

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


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

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

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

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

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

  因为行为科学可以成为塑造人们选择和行为的强大工具。这种方法存在一些伦理问题,但随着行为设计的流行,希望设计行业继续将其用作积极的影响,而不是操纵用户。

  要在您自己的UX或UI中使用行为设计,请查看Elements上的usedesignspace的行为说明或CodeCanyon上的WoWonder Android Messenger–WoWonder Social Script移动应用程序。

  2.复杂的渐变

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

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

  Envato UX设计师Sean Feehan说:“渐变在可能的技术执行方面取得了长足的进步。”“这导致了创意社区通过运动、不规则和多色混合进行了令人兴奋的探索和发展。”

  要为自己尝试复杂的渐变,请使用melantic的Gradient Tumblr Theme之类的东西。它是完全可定制的——你需要做的就是上传你自己的背景图片,选择你的颜色组合并开始将它们变成渐变。在渐变背景和纹理方面,试试Sko4的十个超级生动的可调渐变集合。

  3.大字体和现代衬线

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

  大字体

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

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

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

  法国老佛爷百货公司的导航菜单采用中性、大胆的字体——让品牌的大标志在主页的中央脱颖而出。这与竖切出的图像,配对的说明图标,和单色的调色板,创建了一个狡猾的,拼贴的感觉。

  使用这个Tobel–Elated-Themes的现代家具店–Elementor的电子商务主题,将大而大胆的排版融入您的网站。专为室内设计或家具店而设计,是一种现代而别致的大型类型。

  当代衬线

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

  融合了传统衬线的精致装饰元素和优雅的华丽,现代衬线还搭配有趣、复杂的渐变,打造时尚现代的外观。例如,品牌战略家查理·奥斯本(Charlie Osborne)的这个网站采用微妙的衬线样式,这是页面的英雄字体,同时也优雅地低调。

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

  4.UI中的复古设计

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

  70年代灵感的椭圆形和拱形边框半径

  我们看到的第一个复古趋势是“椭圆形和拱形边框半径”。这种风格涉及将图像裁剪成椭圆形和拱形,具有与图像稍微分开的细边框,反映拱门或椭圆形。

  “这种趋势在时尚和作品集展示中很流行,是对70年代复古杂志布局的一种致敬,”Vail Joy说。“它通常与大地色调相结合。”

  您可以在Farhan Fauzan的Photo Studio网站上看到这种趋势。拱门让人联想到独立的镜子,以微妙而经典的方式展示摄影作品。

  要在您自己的时尚或生活方式网站上获得70年代的优雅外观,请尝试这款JewellryWear–Jewellery Store由energythemes Elementor Template Kit设计,具有适合电子商务商店的复古布局。

      优漫教育,作为职业能力培训中的新模块,坚持核心价值观做善良的人,充分利用现有IT培训优势,优漫动游致力于UI设计培训、影视包后期培训、网页设计培训、平面设计培训,帮助低学历、转行的学员提供技能+学历+就业的培训,培养面向互联网领域的高端人才,以提升学员综合素质,达到优质就业就业为目的。系统设计现代IT职业教育的体系框架、教育理念和运行机制,推动教育理念创新、模式创新和制度创新,教学中以研发为核心竞争力,以教学效果为导向,设置特色化辅导内容和教学模式,为广大学员提供科学有效的教学服务。