2020年作为一名网页设计师,要想在游戏中保持领先地位,你需要倾听地面的声音,同时形成你自己对什么是有效的和什么不起作用的意见。小小的指导总是受欢迎的,所以我们列出了2022年你想要注意的网页设计趋势。然而,在我们介入之前,让我们花一分钟时间讨论一下2021年的趋势。
2021年网页设计趋势综述
每年都会看到网页设计的进步,而2021年则是无例外。以下是过去12个月主导的一些趋势:
-
材料设计。
这种设计理念今年又回到了我们的名单上,并希望成为新的设计标准。
-
平面设计。
这一趋势也没有任何进展,特别是因为它与材料设计一起运作得非常好。
-
移动UX。
这个
移动设备的增长
是不可阻挡的,而网页设计已经面对了适应它的挑战。
-
移动布局。
移动设计中最重要的部分之一是让你的布局正确,2021年,极简主义引领了这一潮流。
-
更多的图像。
深圳企业网站建设在过去的一年里,网站采用了一种更以形象为导向的设计和讲述故事的方法。
-
牌在瓷砖上。
pinterest领导了基于瓷砖的设计,但是现在潮流转向了他们的信息更丰富的对应卡。
-
内容多,广告少。
网络广告仍然是一个庞大的行业,但从设计的角度来看,它们很快就过时了。
仅仅因为这些趋势大部分没有进入今年的版面,并不意味着它们就变得无关紧要了。事实上,他们中的一些人可能会在未来几年继续塑造网页设计。然而,让我们来看看最相关的趋势。
2022年网络设计趋势预测
2021年是移动接口年,可用性的提高处于发展的前沿。今年的目标是使这些可用的接口更具吸引力。
考虑到这一点,我们预计2022年将专注于参与和互动内容,而不会牺牲可用性。就网页设计而言,这是一个双赢的组合。
最后,值得一提的是一些没有被列入这份名单的趋势,比如可穿戴设备和网页设计的整合,以及网站上“真实”照片的增加。随着科技的发展,这两种趋势都有可能继续占据突出地位(尤其是前者)-但就目前而言,让我们来看看一种长期的趋势。
1、材料设计
材料设计像这样的文章几年来一直是文章的中流砥柱,而且没有放缓的迹象。这个看似简单的设计流派从最简单的元素纸和墨水中汲取灵感。
有效的材料设计将简单的视觉层次结构与网格系统结合起来,以创建高度可用的布局并指导用户操作。在过去的几年里,它得到了广泛的关注,谷歌已经在他们的大部分项目中广泛实施了这一技术。在某些方面,它是我们最接近通用设计语言的语言,但是一些设计师他们已经开始回击网络的同质化。
总之,材料设计不太可能在短期内消失,你最好把它的基本原理融入到你自己的工作中去。然而,要小心过度依赖它,因为它可能会下降,一旦设计师反击它缺乏变化。
如果你想学习你的材料设计技巧,从检查开始谷歌自己的指导方针。你也可能对材料设计-旨在弥合与其母公司规格之间若干差距的协作努力。
2、微相互作用
这些天来,微交互是如此普遍,我们几乎没有注意到它们。然而,当谈到它们的重要性时,不可能否认它们的重要性。良好的UX设计.
它们本质上是基于动作的小动画(例如按钮点击)。最佳的微观交互作用在两个方面都取得了成功。它们传达一个动作背后的效果(例如喜欢在Instagram),它们不会分散用户对总体体验的注意力。他们已经中流砥柱当涉及到应用程序设计时,并且随着web导航的不断发展,我们期望网站开始整合它们。成群结队也是。
如果你想添加到你的网页设计工具箱,微交互是一个很好的选择。要开始,你需要了解UX设计中的微交互,以前解构几个例子才能感受到它们的实施。
3、动画和SVG
尽管微交互正在成为今年网页设计趋势的焦点,但更大胆的动画也将激增。如果正确使用,即不就像90年代早期更大的动画加强你的设计其他设计技术无法做到的。
当涉及到使用哪种格式时,长期存在的gif将保持不变。最受欢迎的。然而,在我们的例子中,我们大的歌迷可伸缩矢量图形(SVGS)由于它们固有的响应性和效果-这两者在构建现代网络界面时都派上了用场。
深圳企业网站建设有许多工具可以让您创建svg并与其交互,其中最流行的工具是AdobeIlluStrator和Inkscape。一旦您确定了一个工具,您的SVG文件可以是使用CSS动画。虽然这种技术对徽标很好,但您也可以应用它的其他元素,如图标和菜单项.
4、敲击式和浮雕式排版
大胆醒目的排版几乎不是新来的人当谈到网页设计的趋势,但它准备变得更加流行今年。
如今,可用性是不远处从一个网页设计师的头脑,大胆的排版可以帮助你改善自己的访客的经验。此外,当涉及到网络时,立即吸引访问者的注意力是最重要的。这不一定是复杂的-一个简单的标题与一个明确的消息往往是一个坚实的,功能的选择。
在过去,我们讨论过一些最佳无衬线字体网站标题。这些字体是完美的高影响设计,因为它们的大胆性质和高度可读性,因此将它们纳入您自己的设计将是关键的实现。
5、粗体颜色和渐变
柔和的色彩已经统治了一段时间的网页设计。考虑到过去几年主要集中在提供一种干净、可用的体验,这意味着更多的引人注意的配色方案已经落伍了。
然而,大胆选择颜色并不一定意味着一段悲惨的阅读经历。更重要的是,梯度也是卷土重来-它们看起来很时髦.
这种复苏是很自然的,当你考虑到在过去几年的普遍存在的平面设计。每当一种趋势变得过于流行或流行时,设计师们就会想办法打破人们感觉到的单调。
你对颜色的选择很大程度上取决于你的品味,但仍然有很多工具可以派上用场。创建一个丰富的调色板。例如,Adobe颜色使您能够设计和保存复杂的配色方案,而解决方案则是比如Coolors使您可以轻松快速浏览补充颜色。
6、虚拟现实
深圳企业网站建设当涉及到网页设计的未来时,很少有定论-但虚拟现实就是其中之一。作为技术继续演变随着设备价格的提高,网站将开始成批地采用它。
虽然这对web设计来说似乎不是一项有用的技术进步,但虚拟现实却为我们打开了一大批讲故事和叙事可能性。它为你提供了一个新的媒介来吸引用户,如果你现在开始,你将远远领先于包。
这是一个刚刚起步的进步,然而,是有迹象表明,大规模收养迫在眉睫。例如WordPress.com,开始支持2021年期间的360°图像和视频。鉴于其市场支配,它所实现的任何特性都肯定会为其他平台设定进度。
此外,已经开发了一些插件来帮助您上船。虽然它已经很多年没有更新了,帕诺出版社是第一批可用的。但是,当前的插件例如WP-vr-view是用于实现虚拟现实的现代、定期更新的解决方案。
7、会话接口
会话接口和语音激活UI在采用方面比虚拟现实领先一步。然而,他们还没能跳到普遍存在。
与使用会话提示的网站互动听起来像是科幻幻想。然而,当涉及到Web可用性时,这项技术可能会产生重要的影响。我们已经看到智能手机上采用了语音识别(由科塔纳和Siri),以及诸如亚马逊回声。我们甚至见过操作系统,例如马科斯塞拉实现语音识别-但还有一段路要走。
我们的钱是在电子商务平台上首先利用这项技术,以便提供更好的用户体验。不管怎样,学习这项技术现在将使你在短期内获得它的好处。