超全总结!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

相关推荐

  • 如何利用404页面优化增加网站seo权重?

    如何利用404页面优化增加网站seo权重?绝大多数用户看到404页面的时候都会感到无奈,因为这意味着这个链接所对应得页面已经不存在,或者是搜索结果出错了。但是,如果你能够正确设计404页面,并且充分利用它解决用户…

    2022年6月25日 建站资讯
    0124
  • 网页设计技巧:如何利用网页header增加曝光度

    如何利用网页header增加曝光度?在这个遵循极简主义风格的时代,华而不实的内容往往令人厌恶,但有时网页设计过於简单又难以吸引用户的眼球,因此网页的header设计就显得十分重要。 什麽是网页header? 网页header就…

    2022年6月25日 建站资讯
    0178
  • 网页设计技巧:如何利用落地页提升网站的转化率

    落地页是网页设计中用於宣传推广的页面,主要透过SEO优化或点击付费关键字广告等营销推广方式,吸引用户点击进入後将潜在客户转化成有效客户。与其他页面不同,落地页具有强烈且明确的引导用户完成操作的作用,如购…

    2022年6月25日 建站资讯
    0140
  • 大厂都在用! 万字干货带你读懂并应用 Design Token。

    随着近几年 Figma 等一系列在线设计工具的崛起,相信设计师对设计系统的都有了更深的了解。其实设计系统的建设是一个非常庞大而复杂的工程。我们通过各种设计规范等对产研流程提效,但还是会经常遇到一些棘手的问题…

    2023年3月1日 SEO操作
    012
  • 网站设计师需知道的线框图、模型和原型。

    区分设计过程的不同阶段可能会引起混淆,特别是当术语使用过于松散时。但是,这不是设计师不知道差异的借口。虽然这看起来似乎是无辜的,但把一个模型看成是一个线框,就像木匠把锤子当作螺丝刀一样。而不知道如何…

    2023年2月14日 SEO操作
    01
  • 小编教你如何搭建一个网站。

    购买域名和服务器,选择合适的网站模板,编写代码或使用网站建设工具,上传内容并进行优化。 (图片来源网络,侵删) 搭建一个网站是一个涉及多个步骤的过程,包括选择域名、购买主机、设计网站布局、编写代码等,…

    2024年7月1日
    02
  • 极简主义网页设计:信息的香味。

    让我们以史蒂夫·乔布斯的名言开始这篇关于极简主义网页设计的文章:"简单可能比复杂更难:你必须努力工作才能让你的想法变得简洁。 但它最终是值得的,因为一旦你到达那里,你就可以移山。"如果你对史蒂…

    2023年2月15日 SEO操作
    03
  • 页面中的动画应巧用智能元素

    动画最大的作用自然是为了吸引用户,页面制作时一定要抓取到这点,最大化的突出这个作用。建议使用智能对象作为动画的元素,是因为智能形式,能够让动画元素动的层级比较高,并且还带来不一样的样式,吸睛效果自然…

    2022年6月12日
    0134

联系我们

QQ:951076433

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