2017最值得关注的8个前沿网页设计趋势

　　3. WebGL技术的出现，使开发人员能够借助系统显示芯片在浏览器中展示各种3D模型和场景

　　这些技术进步在很大程度上对网页设计产生了影响，其中最突出的是2010年“自适应（响应式）网页设计”概念的产生及应用。

　　在样式方面，最近几年扁平化设计成为主流，后来Google引入Material Design，又稍稍将我们的视线从抽象化中拉回来一些。

　　从样式、配色到功能性，2017会是现实与技术发生碰撞与融合的一年。最终目的就是连接这二者，实现更加“无缝衔接”的浏览体验。

　　自适应网页设计兴起之后，“汉堡包菜单”大行其道。它确实是针对移动设备浏览的可行方案，但仍然有缺陷：

　　Pop over 是弹出式菜单栏（Pop-up）的演变，在Pop over中，菜单占据整个页面，鲜明大胆却又不突兀。

　　不使用菜单，取而代之用「scroll →」等提示用户进行滚动以获取更多页面内容。把图片作为主导，去除多余信息干扰，简明突出，尤其适合美食主题网站～

　　垂直将屏幕界面分为左右相等的两块，用撞色等方式进行分割，营造清晰的视觉分离效果，这种直截了当的网站风格会成为2017年一大趋势。

　　过去两年中，灰色大规模劫持了我们的网站。从前的白色网页背景变成了淡灰色；黑色文本变成了暗灰色；在Material Design中，用浅灰表示纵深的阴影。

　　无论你最终决定用蓝色还是橙色，可以再试着给它加上一个“滤镜”，为用户制造一种温暖、怀旧的感觉，提升网站的整体氛围与质感。

　　越来越多的网站了传统的滚动条，转而创造一种自定义的滚动体验。一些网站使用的是“虚拟滚动”，即在页面程序内让用户进行滚动操作，而不受浏览器控制。

　　虚拟滚动使更多类型的滚动方式得以实现。比如设计为水平线上的左右滚动，但可以用正常的鼠标进行控制。

　　之前，Material Deaign的出现，在扁平化设计的基础上加入阴影和斜度，为平面图标增加了三维立体的视感。

　　网页设计的2017年，是进一步重回现实的一年。但这里所说的并非拟真设计（skeuomorphism），而是让有形的、可触碰的真实世界与电子世界无缝对接，创造没有界限的体验——

　　现实中的物体将保留它们的真实细节，完整进入到数字中，但又不再受限于现实规则——小物件可以在屏幕上变得巨大，并与数字元素发生互动。

　　在Beoplay的网页上，被突出放大，远超出真实尺寸，同时与象征声音的动态线条结合产生互动。

　　大幅的视频背景在2015年就成为网页设计的趋势，并且越来越流行。如今，技术的进步使得视频加载时间大大缩短，同时，WebGL（一种3D绘图技术）让这种背景变得更具互动性。

　　在Retina屏上完美显示的图片场景，在手机上可能看起来完全不是那么回事。面对诸多的显示屏幕，以及各种各样的长宽比，设计师如何处理这个“自适应的”？大多数情况下，他们选择裁剪。

　　怎样才能在裁剪中保留设计的本意，不过分丢失信息呢？你需要：数字美术指导。

　　设计的本质是提供解决问题的方法，而美术指导关注引发对的情感，让用户能够与他们所看到、所经历的事物产生关联和共鸣。在网页设计的过程中引入美术指导的思想，就不会拘泥于将所要传达的内容看作一张静止的图片，而是将它作为一个能传达故事的主题。

　　基于这样的考虑，一些网站已经选择长宽比。例如，Google Arts & Culture支持的网站：The Hidden World of the National Parks（国家公园里的隐秘世界），这个网站用全屏vedio作为背景，同时也作为网站的主要内容呈现，它能不断延伸覆盖任何尺寸的浏览器。

　　运动能吸引注意，这是人类进化的结果。但突发性的大动作只会让带来惊吓和。相反，轻微流畅的运动能给人生机勃勃之感。

　　过去很长一段时间，网页中的动效往往是用来“励”用户的某种动作，比如点击。但最近，越来越多的网页开始将小动效作为一种设计元素，用来吸引用户的注意力。

　　比如我们常见的“waypoints”（滚动触发插件），当页面滚动到某个元素时，触发某种动画，从而精准地让用户注意到我们想让他们重点关注的地方。