超全总结!2022 年值得关注的 7 个网页设计趋势。

编者按:这篇文章出自资深设计师 Erik Messaki 的总结,文章总结了 7 种网页设计趋势,虽然其中很多趋势之前已经存在,但是在细节和特征上,Erik 有更为深入的分析,值得看看。

关注趋势本质上就是关注未来可能存在的形态。很多营销需求和设计趋势是相互关联的,两者之间的关联更像是一种动态的同步。

超全总结!2022 年值得关注的 7 个网页设计趋势

很多时候趋势并不一定是全新的东西,它们往往是服务于当下和未来的需求,有很多趋势存在了一些年头,它们在现在发挥着作用,但是在未来可能会发挥更大的效用。所以,当我们在查看这些设计趋势的时候,需要注意,它们必须是服务于用户,服务于品牌和企业。

超全总结!2022 年值得关注的 7 个网页设计趋势

1、新极简主义

的确,极简主义一直在某种程度上流行,但是 2022
年出现的新极简主义的浪潮,比起传统的极简主义设计更加在意用户注意力的吸引。这种新极简主义的设计会采用更加大胆、
生动、明亮的色彩来填补留白,这种设计使得设计保持简约的同时,更加富有调性,在简约的框架下制造一种别样的华丽,营造令人亢奋的氛围。

超全总结!2022 年值得关注的 7 个网页设计趋势

干净清晰、生动的新极简主义风格在品牌推广的过程中也更加受欢迎,大量的留白和跳脱的视觉焦点让整个视觉更加抓人眼球,也使得品牌给人的感知更加新鲜独特。

超全总结!2022 年值得关注的 7 个网页设计趋势

新极简主义风格,对比度在深色主题下得到了进一步的提升。

超全总结!2022 年值得关注的 7 个网页设计趋势

这种设计并不意味着传统的极简主义已经被用户抛弃,很多企业依然会青睐更加传统的单色极简主义设计,不过其中多少会增加一些明亮的色彩作为点缀。

2、新粗野主义

从 1950
年开始,粗野主义就是年轻化、反叛、反主流、标新立异的设计风格。在过去的几十年当中,这种设计风格一直随着时代的发展而自我迭代,新粗野主义更加强调创造力、
大胆前卫的新奇元素,而这也正好符合很多品牌对于新奇性的追求,它可以瞬间抓住用户的注意力。不过,这种风格的使用需要控制好程度,否则很容易失控。

粗野主义经久不衰的秘诀是什么?是未经打磨、粗粝而原始的素材,它让观看者忍不住想要改进它,这种未完成的原始感会在情感上吸引观众,这在营销上是无价的优势。

超全总结!2022 年值得关注的 7 个网页设计趋势

粗野主义在设计上并非看起来那么粗糙,相反它更加需要高度的专业性来控制它粗野的程度。设计师需要敏锐地感知到观看者改进地欲望,让设计粗野而不低级,原始而不拙劣。

超全总结!2022 年值得关注的 7 个网页设计趋势

新粗野主义柔糅合了极简主义和大胆地排版,它依赖看似粗野地视觉冲击:高对比度、粗粝地阴影,撞色、 简约的背景、不对称的布局、 未经修饰的照片,新粗野主义偏好基础款的加粗字体,跟注重可读性而不是舒适所制造的视觉吸引力。

这个网站就是一个典型的例子:

3、强调参与感的交互

这一趋势在绝大多数的趋势排行榜当中,都占据首位。随着技术的进步,用户和数字媒体之间的交互正在增加,引人入胜的交互已经不仅仅停留在响应式设计当中,如今它已经开始关注心理和生理的逻辑,开始全方位地调动视觉、听觉、 嗅觉、触觉、味觉乃至于运动体感。

这种趋势旨在帮助用户体验真实地感觉,在完成交互地基础上,触发用户地情绪反应和生理反应,热气腾腾地馅饼视频让人垂涎,游戏中虚拟地对手让人肾上腺素激增。

交互所制造地参与感,在某种程度上是实际地物理产品地替代物,用户可以从不同角度来缩放查看产品,了解细节,选择尺寸,挑选颜色。

交互过程中,手指和屏幕之间地触摸交互开始变得丰富,开始变得有意味,它成为了用户和虚拟世界之间沟通地桥梁,开始有游戏地乐趣,有更具设计感地交互环节。用户也可以根据自己地喜好,对界面进行更多样的个性化处理。

具有参与感的交互是我们的未来。

4、关注人和叙事

2022
年是疫情开始后的第三年,隔离使得人们对于照片所呈现出的故事和情感,有着更为强烈的情绪反应。在极简主义设计当中,富有表现力的人物照片是最为流行的元素之一,这类照片搭配上简短的文字,简练的口号,一些带有宏大叙事特质的文字引用,时常能够更好地营造出故事感。

超全总结!2022 年值得关注的 7 个网页设计趋势

不用担心主屏页面太长没人看,只要随着用户滚动,故事会随之逐步展开,用户可以在照片、 标题、视频、动画和文本地指引下,看到整个故事有步骤地呈现。

在这当中,富有表现力的人物照片是吸引用户注意力的关键要素。

另外就是页面的 Banner 的部分,强调主题和内容的标题文本,是用户从屏幕上获取的重要信息之一。

如今的用户越来越偏好在详细阅读内容之前,快速浏览一下全局的做法,这也使得 Scrollytelling(滚动叙事:通过滚动触发音频、视频、 动画效果的一种技术)这种渐进式叙事方式,可以像电影一样将故事呈现在用户眼前。

超全总结!2022 年值得关注的 7 个网页设计趋势

Scrollytelling 适合大量的内容呈现,比如对于公司和产品的描述,对于数据呈现或者认知要求较高的内容,它适合学习和记忆性内容的呈现。

5、3D图形的运用

3D 图形设计正在越来越流行,因为它确实是吸引用户注意力的最主要的工具之一。3D 图像无论有多么奇异,它本身都会被认为是有真实感的,明确的体积,精致的建模,所有的一切都令人着迷。很多时候,用户停留在有3D元素的页面上,是为了更细致的欣赏。

3D 图形设计的趋势从来都没有减退,它正在进入更多的领域,甚至进入了品牌推广的领域。3D 动画图标比过去更能吸引用户的注意力。

超全总结!2022 年值得关注的 7 个网页设计趋势

6、抽象插画

我们通常说的抽象插画,指的是带有明确几何特征的插画,它们被广泛地应用于网站和 APP,在社交媒体和包装设计中也越来越多的存在。

超全总结!2022 年值得关注的 7 个网页设计趋势

抽象插画之所以会如此成功,是因为它们大多有着吸引人的生动色彩和良好对比度,视觉上的美感和极简主义的风格特质,它们成为视觉的焦点,为整个设计提升视觉。

抽象插画在品牌营销场景下的应用也很多,它们在这个时候是贴合品牌推广的诉求的:通过色彩和形式来吸引用户来关注品牌的形象和名称。

7、超大文本版式

这种趋势的特别之处是其中的文本字体元素是完全独立的。这些文本不仅仅是用来传递信息的,它们还充当着拉升页面视觉效果的重要作用,它们结合动画和交互,成为页面中醒目的亮点。

超大字体的优点在于,它和很多设计风格是相得益彰的,加粗的大字体在极简主义风格的页面上不会显得突兀,在元素丰富的页面上,同样可以起到优秀的点缀作用。这些文本内容可以和纤细和小尺寸的元素协同,而后者则衬托出它本身的醒目。

超大文本字体的另一个好处是有效地减少网页上的图像的使用,缩短加载时间,提升移动端的可用性。

这种设计元素最重要的,是选择易读且符合品牌调性的字体。

总结

这么多年来,我们看到来这么多的趋势,很多趋势是一以贯之持续出现,有的趋势则如同流星一样一闪而逝。好的趋势不断迭代升级,并且持续存在,但是最重要的,始终是那些选择合理的方案,并且坚持改进设计,让趋势服务于终端的产品和用户的设计师。

让趋势服务于你,不要盲目地追趋势!

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/237939.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年3月2日 12:05
下一篇 2023年3月2日 12:05

相关推荐

  • 小编教你什么样的网站设计才是适合移动端的。

    网站设计的一个视觉体验是很重要的,当用户点进你的网站时,如果我们的网站在制作的是时候没有能让人眼前一亮,视觉 效果上也舒服,浏览起来更是很麻烦,那么网站是很失败的,这样的网站不仅赶跑我们的潜在客户,甚…

    2023年6月13日
    00
  • 网站建设颜色择选,关乎网络营销的结果。

    不管是什么类型的行业,建设网站的目的无非都是想要通过站点营销获取盈利,网站内部的任何因素都是涉及计营销的的方法之一。对于网站建设的色调搭配我们要如何设计呢?很多企业对于这一块都是属于盲区。同样的也认为…

    2023年2月15日
    00
  • 视频手势设计还能怎么玩?来看百度视频的实战探索。

    我们将常规的基础通用手势进行打散重组、结合实践案例梳理出组合手势设计模型,探索如何在视频场景中构建便捷高效的进阶手势体验。一、前言视频播放器中承载着极其丰富的内容画面和播控功能,尤其是在寸土寸金的移…

    2023年3月7日 SEO操作
    03
  • 表单页面设计的教训

    表单页面设计好,到底有什麽好处?典型例子可以参考旅游网站Expedia曾经贴出的分享:在他们网站订单页面当中,部分的用户填写了旅游地点、旅馆、付款资讯,并按下“立即购买”後,却没有成功完成交易!经过他们的细致…

    2022年6月10日
    0137
  • 如何做好信息发布功能设计?来看高手的分析。

    自媒体正在深刻地影响着每个人的生活,刷抖音、看资讯、看视频成为了大众生活中必不缺少的内容。地铁上、吃饭时、睡觉前,甚至上厕所都会不由自主地打开各种 App。 各大平台都在绞尽脑汁争夺用户的时间,不仅要满足…

    2023年3月2日 SEO操作
    01
  • 【新手必看】2022年网页设计趋势之动效篇

    品牌网页设计结合动效,有助於产生令人愉悦且直观的用户界面,还能直观地向用户传递讯息,给用户带来不一样的视觉感受和心理体验。本文将分享近期比较流行的动效设计趋势,品牌网站若能合理运用这些令人惊艳的动效…

    2022年6月20日 建站资讯
    0294
  • 小编分享为什么响应式网页设计对于企业的成功至关重要。

    如今,网站已成为商业成功的关键。因为网站不仅能提供业务相关的细节和信息,一个专业的网站会尽力扩大您的目标受众。网站不仅能扩大影响范围还能提高您的品牌认知名度,使企业值得信赖。此外,一个简单的网站不足…

    2023年6月16日
    02
  • 网站设计的迷人背景动画。

    为你的下一个网站设计项目寻找一些动画灵感?互联网上一些最令人惊叹的网站设计是利用动效产生巨大效果的网站。没有什么比一个拥有令人瞠目结舌的美丽动画的网站更令人难忘的了。如果您想查看Javascript、WebGL和CS…

    2023年2月19日 SEO操作
    03

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息