设计趋势每年都在改变，出于各种原因，有的设计趋势在演进中逐渐消失，有的则在大家的熟练运用过程中渐入佳境，甚至逐步褪变成为主流。作为一个专注于网站整合营销的网站建设公司，我们对于所有相关的技术和设计趋势都极度敏感。通过过去一年的观察，我们可以总结出下面 16 大设计趋势。 
1. 可用性设计 
2022 年，设计的大方向将继续向着多用户倾斜。多用户体验在整个设计中的权重将继续加大。如果您的设计在可用性上不足的话，再炫酷也不会有人问津。 
如果不能专注地做好多用户体验设计，在即将到来的 2022 年，您是无法持久地吸引多用户的。无论是谷歌在演算法上的变更，还是多用户行为资料的变迁，都指向同一个方向：您的网站必须载入得更快，也必须更加易用。 

 

对于电商网站而言，载入速度的影响会更为明显，因为载入速度每延迟一秒，就意味着 27% 的销量流失掉了。其他的网站也类似，只不过产生的影响不尽相同。 
2. 响应式设计 
时至今日，响应式网页设计不再是一个可选项，而是必选项了。移动端无疑已经是真正意义上的 “屏” 了。不同型别不同尺寸的萤幕让设计师们面临的介面是真正意义上的 “碎片化” 的萤幕选项，所以响应式不得不为之。 

 

对，您必须得让您的设计可用，这样一来，您就必须让所有萤幕都可以正常显示。值得注意的是，作为目前的一项铁律，如果您的网站用手机开启而无法正常浏览的话，通常意味着您需要修改和调整了。 

 

在即将到来的 2022 年，响应式是必须品，不存在某个尺寸或格式能够搞定所有问题，并且变得响应式的将不仅仅是网页本身，还有 LOGO 、 Banner 等所有相关元素。值得学习的案例就是 Netflix 了，全面响应式的设计，让您彻底告别拉伸和马赛克。 
3. WordPress APP 设计入侵网页设计领域 
网页设计早就应该向 WordPress APP 设计学习了，它应该更加高效，更低干扰，应该能提供定制化的多用户体验。 

 

随着网络的膨胀和网络空间的饱和度的增加，设计和策划人员也开始在网页的个性化浏览上下功夫，新增更多具备 “排他性” 的特性。 
您要学会移除非必须的资讯，让多用户可以尽可能快地同您的网页内容进行互动。 
4. 更智慧的选单 
有些多用户已经开始厌倦汉堡选单和导航图示，但是这种情况仅仅只是开始，因为选单正在进化为越来越智慧。 

 

采用隐藏式导航的网页正在逐步增多，这也许很快会成为一种常态。这一设计出现的理由是，这样的设计可以让多用户更少被非关键资讯所干扰。 
但是，即使我们看不到选单的存在，但是经验告诉我们，选单一定是存在的，因此我们无需为此担心——因为当我们需要它的时候，选单会在合适的地方出现。 
专家还预测，未来的选单可能是多方向滚动的，不过就目前而言，这并没有明确的标准，未来会有各种可能性。 
5. 模组和模组化文字 
没人会喜欢翻看文章的时候，发现导语又臭又长，是吧？那么在网页上，知名的呈现方式是提供一份简短版本的导语，然后设计前来救场：提供一套模组化的布局方案。 
模组化设计之下，每个部分都会划分成为独立的区块，便于操作。但是这一的设计并不会显得单调，相反，它更加难于预测，它可能会将内容以更让人感兴趣、更适宜于探索的方式呈现出来。 

 

就像读杂志一样，多用户的实现会从一个内容区块跳转到另外一个区块，从一种型别跳转到另外一种型别。 
6. 无限滚动和模组化设计 
这也是网页设计近开始流行的一种玩法，模组化滚动页面设计。网页被划分成许多独立的模组，每个模组内的滚动互动独立于其他的模组。 
听起来太过复杂？这倒不然，实际上您可能会在某些网站中看到过类似的状况，侧边栏的滚动速度和页面正文的滚动速度不同。当然，在模组化滚动的页面中，这种状况会更加明显，特性也更加显着。脑补一下，两栏式页面，两列内容单独滚动，就像下面这个案例： 

 

当然，这一切始于无限滚动这一页面设计技术，典型的就是 Pinterest 、 Facebook 和 Twitter 。 
模组化无限滚动也是基于一个相同的假设：向下滚动总是更容易的操作，多用户不用停下来点选翻页。这也难怪越来越多的多用户沉迷于这种互动模式。 
7. Material Design 
实际上 Material Design 的推出可以追溯到 2013 年，但是它的流行真正开始于 2022 年。如果您仔细观察过各个领域的设计风格的改变，您会发现 Material Design 开始大规模地出现在网页、 WordPress APP 甚至艺术作品当中，我们可以预见到 2022 年 Material Design 设计风格的爆发式流行。 

 

8. 扁平化设计 
严格意义上来说，Material Design 算是扁平化设计中的一个分支，它有着典型的 “纸” 的隐喻。广泛意义上的扁平化设计依然非常流行，甚至可以说是非常受欢迎。 

 

近几年扁平化的风潮之下，许多品牌也都开始选择简约现代而扁平的风格，视觉设计也大都秉承少即是多的理念。 
扁平化设计的优势很明显，这些优势主要体现在多用户体验上，他让网页更加轻量自由，降低负担，提升载入时间。 
扁平化设计和幽灵按钮等时下流行的设计元素可以很好地配合起来，随着时间的沉淀，类似 Material Design 的轻量级阴影的加入到扁平化设计中，通常我们称之为扁平化 2.0 。 
9. 视觉化的故事呈现 
一图胜千言，相比于长篇大论的文字，视觉化的故事呈现方式会更加直观，也更符合时下的文化特征于多用户的阅读习惯。我想下面的资料会给您更多的信心： 
全球范围内有 1 亿人每天至少观看一个视讯 
网站访客中 64% 的人会在观看视讯后选择购买 
80% 的观众会在持续观看一个广告 30 天后选择购买 
92% 的人有观看视讯之后分享的行为 
人类处理视觉元素的速度比文字快 6 万倍 

 

10. 资讯图 
资讯图是近年来每年都在增长的一种设计手法，资讯图以更加视觉化的方式呈现出资讯和资料，让多用户更容易接受。资讯图的火热除了本身的优势之外，造成它流行的的原因很大程度上源自于社交网络、 SEO 站群和内容营销的大量需求。 
2022 年，资讯图肯定会进一步发展，资讯图的模板会更加多样绚丽，也许您会看到更多有趣的扁平风插画和艺术化的表达，也许资讯图会和大资料进行更紧密的结合。 

 

11. 炫酷的字型排版 
不论是帅气的网站还是令人印象深刻的资讯图，炫酷的字型排版似乎已经成为标配了。漂亮的字型排版已经成为品牌化表达的重要手段，是呈现性格的实用手段。 
其实字型排版本身就是一门语言。在几年前，通常只有的平面设计师能玩转它，不过随着各类字型的广泛流行，使得许多并不精通字型设计的设计师也可以搞定字型排版。 

 

12. 现代复古 
现代复古风绝对够酷。从 20 世纪初到 90 年代之间所流行的各种元素在现在看来是非常复古的，画素艺术、巨大的行动电话，Tron 等等这些元素时下的现代风结合到一起，构建出一种独特的复古氛围，有底蕴，有层次，非常 Geek 。 

 

13. 丰富色彩 
丰富的用色并不是越多越好，这里说的是接近 80 年代风格的彩虹式用色，多个类似蜡笔的低饱和度色彩协调地搭配到一起，营造出一种愉悦而活泼的氛围，这种配色方式您可以在 2022 年春的潘通时尚流行色报告中得到印证。 

 

14. 栅格和几何形状 
栅格化布局将会成为 CSS 语言规范中的一部分。栅格不仅主宰着网页设计，还影响着平面设计，这种早源自于瑞士的现代主义运动的设计方式的确有其独到之处。另外一个值得一提的是几何形状的运用。 
几何形状在网页设计和平面设计中都是非常有效的装饰元素，它同时下流行的各种设计元素和设计技巧都可以无缝地搭配在一起，着也是它成为设计趋势的重要原因之一。

 

15. 干掉相簿 
在网站中引入相簿其实是一件非常无聊而原理原创的一种方式。虽然相簿网站很多，但是您会发现大家挑的图片总是那几个。这也是为什么许多相簿类的网站都在力图推荐真正流行的、高素质的图片。 
虽然有数以百万计的图片可供选择，不过越来越多的设计师开始选择自己拍图，甚至亲自手绘来搞定问题。 

 

16. 视讯和 GIF 图 

 

视讯背景和动态图背景也是目前正在流行的趋势之一，2022 年将会有更多的网站选择这样的设计。 
当然，GIF 图在社交网络上通常作为动态表情而存在，那些内涵十足的内容拥有着强大的传播力。 
因此，上海松一网络科技有限公司，预祝 2022，新的一年度，我们一起携手更上一层楼。为每一个网站设计开发专案，做出更好，更优秀的作品回报我们的客户。