网页设计十大趋势：1.极简out，色彩在跳舞！

来自： IN (Id:)

网站设计最令人着迷的是不断变化。科技的演进让设计师和工程师不断地进行实验和创新，带来更好更流畅的用户体验，一场处处惊喜的感官盛宴。今年有哪些有趣的网页风格将主宰我们的屏幕？我们结合了The Next Web等媒体和网站设计公司的预测，整理出网页设计十大趋势：

1.破帧布局

在过去的几年里，静态网页布局 ( ) 变得很累人。幸运的是，随着 CSS Grid 等技术的出现！ （预计今年3月支持），版面设计变得更加灵活。老师和工程师带来了更广阔的摇摆空间。今年，我们将看到更多打破“对称”和“秩序”的常规规则的网站。但是，不变的总原则是，设计的重点是突出“内容”。内容是血肉之躯，是人们访问网站的主要原因。因此，还需要考虑设计的规模。风格。

2.极简主义出局，色彩在跳舞！

色彩作为表达个性的重要元素，在极简风流行时被剥夺了。不过从去年开始，大面积渐变色块似乎强势回归网页布局的技巧，Asana 和 Asana 都在用饱和渐变进行品牌重塑。视觉基调，今年华丽的色彩和流动的渐变会更受欢迎；此外，用双色调（）后期制作的图像也可能是今年的趋势。设计师 Sarah Hutto 预测，今年将是非常“时髦”的一年，期待强烈的色彩能够刺激人们的视觉感官。

相比前两年的明艳色彩，以及上面提到的艳丽色彩，越来越多的网站选择黑色作为主色调。一点都不沉闷网页布局的技巧，却能在光辉的世界中脱颖而出。

3.华丽实用的动态效果

动态效果在当代网页设计中发挥着举足轻重的作用，今年没有过时的迹象。相反，它将被更广泛地使用。适当的动态效果对于突出重点和吸引注意力很有用。今年 SVG 和 CSS 创造的动态效果有望显着增加，滚动视差 ( ) 越来越华丽。但设计师要考虑品牌或内容的内涵和每一个动态效果的意义，避免“为动而动”。

4.“微互动”创造小惊喜

“微交互”在网页上也会越来越流行，比如鼠标悬停，点击按钮等网页各个部件，以及滚动滚动的过程，及时细致的变化也可以有提示关键点。当然，就像动态效果一样，设计师也需要把握“动”的含义和幅度，以免大惊小怪。

5.不失真、快速加载的 SVG 矢量图形文件很受欢迎

与传统的由像素组成的图像格式JPG、PNG和GIF相比，近年来兴起的可缩放矢量图像SVG在网页上具有更大的优势。它将图形与标记语言 (XML) 结合起来绘制矩形、圆形和线条。这是一件小事，复杂的填充物和形状不难克服。它还可以轻松创建动态效果，并且不受分辨率的影响。无论使用什么屏幕或设备观看，都不会破坏图像质量。更重要的是，SVG 获胜是因为它不需要 HTTP，可以大大提高网站加载速度。例如，这是一个用 SVG 绘制的背包。

6.大字体准确传达品牌含义

首页以大字体呈现品牌主题，这也将是今年随处可见的趋势。但是，“巨大”并不意味着加宽加粗，而是要使用合适的字体设计，以简洁准确的方式表达产品的精神，而不是冗长的文字。字体与背景或颜色交互，或对字体创建动态效果，也是值得尝试的。

7.虚拟现实技术结合内容

虚拟现实的话题从前年一直火到今年，科技巨头对虚拟现实的投资丝毫没有减弱的迹象，尤其是未来十年，将斥资30亿美元聚焦关于虚拟现实的研究与开发。可以预见，技术会越来越成熟，越来越多的多媒体或品牌会利用虚拟现实技术“讲故事”，为人们创造更加身临其境的体验。

8. 为不同用户量身定制的内容

对于内容网站来说，将“正确的内容”有效地传递给“正确的用户”是近年来非常看重的能力。但没有多少人能击中核心。因为要根据情况给出具体的内容，就要考虑不同用户的不同特点。例如，用户访问网站的目的是个人使用还是工作？用户从哪里来到网站？用户此刻在做什么？他们之前在网站上的行为是什么？他们使用哪些电子设备访问互联网？他们当前是登录还是退出？

这些功能的组合增加了复杂性，并且一些媒体使用“推荐阅读”机制或例如算法来单独确定不同的消息流。例如，Fubiz 使用“ ”让用户设置“身份”、“地区”和“目的”三个条件，为不同用户筛选出最适合的内容。