2022-2022 网页设计趋势分析 Web Design of Trends，接触网页也有 5 个年头了，弯路走了不少，有付出必有回报，有得到必有所失，放眼世界，网页设计其实很美妙，它带着一个梦想。
近一年基本没做过国内的网站，基本都是国外网站，自己对某些趋势的把握还是有一定的想法的，虽然不能算是很厉害很完善，到时候会补充完善趋势分析咯，先把以前归纳的简洁版的文字放出来：）
因为有些东西真的不知道怎么去配图，更好的就用文字来描述，有点小懒，呵呵，有机会的时候会补充。这里我就专门精简的概括就好了，点明重点即可！
“接触网页设计也有 5 个年头了，我也只是刚出头的菜鸟，我很努力，我爱走弯路，我不在乎圈子是个什么，跟着自己的梦想走”—-WordPress 网站建设–SEO 站群设计师说。接触过游戏网页，酷炫动感的，FLASH 的，HTML5 的，SVG 的，扁平化的，WIN8 风格的，拟物场景的，oh,no，不是单纯接触，应该是这些型别都做过，作品杂七杂八，但是也一路跟着自己的梦想走来，多的不说啦，正题开始：网上很多各种杂七杂八的趋势分析过的我就不列出来了，都是重复的没啥意思，感觉 2022 年、未来 2 年内有这些趋势存在，希望对设计师们有一定的研究方向！
1. 感测器访问赋予页面对多用户环境的感知能力
很多年以来，web 页面掌握的多用户情况十分有限，通常只有多用户的萤幕尺寸以及浏览器型别等。但现在各种 W3C 标准把环境光、麦克风、摄像头等各种感测器资料都提供出来了。这使得网站可以跳出页面之外掌握更为丰富的资讯。
2. 资讯推送
让网站可以保持与多用户的连线—哪怕多用户关闭了网站的浏览器标签页，使用一些新的 w3c 新标准技术。比如可以使用 websocket，还有其它标准技术实现资讯推送的体验。
3.SVG 图形和动画
以优越的处理效能和动画效能，载入速度，不言而喻它比 png,jpg,gif 效率质量都高太多。
我自己主要使用 SVGDeveloper 这款工具结合 jquery 做动画，因为用的是 mac 系统，这款工具要使用虚拟机器 parallels desktop 来配合 mac 系统执行
4. 超快多用户体验
“离线优先”，HTML5 应用类快取
网页的浏览速度和等待时间就不用多说了，非常重要。
5. 智慧响应
根据多用户点选等等而响应内容，而不是仅仅根据装置解析度响应，所以这里说的智慧响应并不仅仅指响应式布局 Responsive Layout.
比如：当您是新多用户开始浏览文章时，会有线上 FAQ 的表单来响应您的操作，反之，在您登陆后阅读一篇文章的时候，会有标注功能让您更好的对文章进行整理方便下次阅读。
比如 Medium 和 The Next Web 在阅读体验上做得就非常棒。
6.ServiceWorkers
可让网站安装 Javas cript 档案，让 web 原生应用化，离线推送，这就类似一个基于 WEB 的半原生，甚至就是原生 WordPress APP 的实现。
7.360 全景+视讯互动
使用 HTML5 技术生动的 360 全景展示，视讯内建于其中，形成的场景互动，让网站完全趋向真实场景。
这种体验将摄影，技术，表现力，特效，音效等方面结合起来，在 FWA 上看到过几个网站
8. 基于 HTML5 的互动
比如碎片、离子、 NDA 、电影特效等运用到全屏轮播，tab 切换，登陆注册弹窗等模组中。
9.PJAX 的普及
早应该是体验在 behance 和 pinterest 这两个网站上，然后慢慢流行到了国内，比如花瓣，接着是前不久 dribbble 的瀑布流和检视作品的改版体验，利用 HTML5 的特性结合完全/区域性重新整理实现改变网址无重新整理载入，同时满足 SEO 站群的需求。
10.CSS3 动画将更加广泛
现在做国外的设计基本不用考虑 IE9 以下了，也就是说基本不用考虑 IE，所以很好的运用 CSS3 动画能大大提高网站的视觉舒适程度，特别是细节动画，小小的细节动画可能会是点睛之笔哦。
是不是看了这些感觉怎么都是 PC 端的趋势？NO,NO，其实移动端也同时存在这些趋势，移动不仅仅使用 WordPress APP 这个词去衡量的，现在 WordPress APP 的技术门槛越来越低，满大街都是，和卖白菜一样，参差不齐，基于移动端的体验趋势，也是非常重要的。
移动端的一些常见趋势就不说了，谷歌百度一大堆，再增加一点：
11.web 移动端的 PC 效果移植
我们在 PC 网站上很常见视差，滚轮侦听，滑出等互动效果，使用 HTML5 的一些新特性，使用国外开源的移动框架，可以将 PC 上酷炫的效果同样移植到移动端上，体验会大不一样。