网站设计最吸引人的地方在于它是不断变化的。技术的进化让设计师和工程师不断地进行实验和创新，带来更好更流畅的体验，以及让各地的人们惊喜的感官盛宴。今年有哪些有趣的风格会主导我们的屏幕？我们整合了Webflow、The  Next  Web、AWWWARDS等媒体和网站设计公司的预测，整理出了网页设计十大趋势：

　　1.打破布局设计的框架

　　这几年来，一成不变的页面布局已经开始让人疲惫。还好有Flexbox和CSS  Grid！(Chrome和Firefox预计今年3月开始支持)等技术使得布局设计更加灵活，为设计师和工程师带来了更广阔的空间。今年，我们将看到更多的网站打破通常的“对称”和“有序”的规则，各种网页的布局将会很精彩。但不变的原则是设计的重点是衬托“内容”，内容是有血有肉的，这是人们访问网站的主要原因。所以设计尺度也要考虑，天马行空的时候，不要反客为主，拿走内容的优雅。

　　2.极简出，色彩在舞动！

　　色彩作为表达个性的重要元素，在极简主义成为潮流时被剥离。但是从去年开始，大规模的渐变色块似乎有了很强的回报。Instagram、Asana、Stripe都用饱和的渐变重塑品牌视觉主题。今年，艳丽的色彩和流动的渐变将变得更加流行；另外，图像以双色调制作可能是今年的趋势。设计师莎拉休顿预测，今年将会是时髦的一年，希望强烈的色彩能够刺激人们的视觉。

　　相对于前两年的明度和明度以及上述张扬的色彩对比，以相对平静的黑色为主色也是越来越多网站的选择。只要“强调色”搭配得当，黑色一点也不沉闷，反而能在辉煌的世界里脱颖而出。

　　3.华丽实用的动态效果

　　动态效果在当代网页设计领域扮演着重要的角色。今年没有过时的迹象，但是会广泛使用。适当的动态效果有助于突出重点和吸引注意力。今年SVG和CSS创造的动态效果有望大幅提升，视差滚动也越来越华丽。但设计师要考虑品牌或内容的内涵以及每一个动态效果的意义，避免“为动而动”。

　　4.创造小惊喜的“微互动”“微交互”在网页上会越来越受欢迎。例如，当鼠标在各种web部件上移动和点击时，如按钮，滚动滑动过程中会及时发生细微的变化，也可以作为关键点的提醒。当然，就像动态效果一样，设计师也要把握好“动态”的含义和幅度，以免画蛇添足。

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

　　相对于传统的图片格式JPG、PNG和GIF，近年来出现的可伸缩矢量图片SVG在网页上具有更大的优势。把图形和XML结合起来，画出矩形、圆形、直线，简直易如反掌。复杂的填充和形状打不过它，动态效果很容易制作。而且不受分辨率影响，无论用什么屏幕或设备观看，画质都不会受损。SVG成功的关键在于它不需要HTTP  Request，可以大大提高网站的加载速度。比如这是一个用SVG画的背包。

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

　　主页以巨大的字体呈现品牌主题，这将是今年各地的流行趋势。但“巨大”并不是指加宽加粗，而是使用恰当的字体设计，简洁准确地表达产品精神，而不是冗长的赘言。也可以尝试字体和背景或颜色之间的交互，或者在字体上形成动态效果。

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

　　虚拟现实的话题从上一年蔓延到今年，技术巨头对虚拟现实的投资力度并没有减弱的迹象。特别是，脸书将在未来十年花费30亿美元专注于虚拟现实的研发。可以预见，技术会越来越成熟，越来越多的多媒体或品牌会使用虚拟现实技术来“讲故事”，给人创造一种更加亲密的感觉。

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

　　就内容网站而言，有效地将正确的内容交付给正确的用户的能力近年来吸引了很多关注。但能触及核心的人不多。因为为了根据情况给出具体的内容，需要考虑不同用户的不同特点，比如用户访问网站是为了个人使用还是为了工作？用户从哪里来的网站？用户此刻在做什么？他们之前在网站上有哪些行为？他们用什么电子设备上网？他们现在是登录还是注销？

　　这些特性增加了复杂性。一些媒体使用“推荐阅读”机制，或者，例如，脸书使用算法来确定作为个人的不同消息流。比如富比兹使用“创意发现者”，允许用户自行设置“身份”、“地域”、“目的”三个条件，针对不同用户过滤出最符合要求的内容。画

　　9.“登陆页面”比“主页”更重要

　　登陆页面和首页的区别在于，前者有一个非常明确的目标，比如期望用户注册、订阅电子报甚至购买，而首页就像是自己家的大门，提示网站包含哪些内容或功能，其功能是勾勒。前者的重要性越来越明显。在设计上，要带领用户高效率地完成“转换”，几乎没有“导航”组件，因为我们不希望用户从其他地方分心，最重要也是几乎唯一的目的就是促进转换。

　　10.设计分享

　　就像编程领域的热心分享文化，近年来越来越多的小公司或大企业愿意公开分享自己内部的设计团队协作和工作技巧，不仅起到了招募人才的效果，也充分展示了品牌特色，营造了设计领域互助的氛围。