设计中国：分析2015年网页设计的发展趋势

　　一、平面设计在网页设计中的崛起

　　以前我们可能会觉得平面设计和网页设计以及UI设计有很大的区别，会平面设计的人可能未必能做好网页设计，但这样的观念是时候革新了。实际上好的平面设计师会将自己的平面设计功底融合到网页设计当中，如果我们在学网页设计的时候只是参照网站设计，那我们永远无法突破。

　　不论是用平面设计作为背景也好，或者是用平面设计的元素作为网页控件或者装饰也好，实际上好的平面设计会大大提高网站的视觉冲击力。

　　二、全屏首页(首页大图、视频背景、特效背景、交互式首页)

　　全屏首页是一种欢迎页面或者着陆页的形式，当前网站五花八门，能在第一时间内传达网站或企业的精神并吸引用户继续浏览的重任逐渐落在了这个全屏首页的肩上。不论是图片背景还是视频背景，视觉冲击力和痛点抓取力度成为了首页的重任，这也是筛选潜在客户的一个方式。首屏的文案也尤为重要。

　　三、全屏富式导航

　　传统网页设计中，导航菜单一般会放置在页面顶部或者侧面，但越来越多的电脑端网站却将菜单全部隐藏在汉堡图标中。

　　这种设计起初只是导航，称之为“全屏导航”;而到后期，随着设计的革新和创意的加入，这个页面的内容也越来越丰富，页面加入了社交媒体的链接，加入了联系方式，甚至有的还加入了留言板等等，我们称之为“全屏富式导航”。

　　这种形式的导航在用户体验上其实还是有些风险的，因为多了一次点击，而且会导致很多用户忽略细节性内容，难以达到最优设计，而这种菜单通常也需要建立在用户对汉堡菜单的标志具有相当的熟悉程度基础之上。目前，我们建议使用这种菜单的网站会有一个引导性的提示来告知用户更多信息的入口，或者除了菜单一个入口外增加其他入口。用户体验的一个准则是将用户需要的信息主动呈递给用户或是能让用户在三次点击内找到自己需要的信息，所以这种隐藏在一个图标里的菜单目前还是略有风险。不过这种风险会随着普及程度降低。

　　四、三维视觉效果的崛起

　　这一点将对网页设计师提出了更高的要求，网页设计中会融入产品的三维动态展示，这可能会要求网页设计中包含UI与交互设计、工业设计与渲染、视频剪辑、精通HTML5的前端等等。也正是因为这种设计门槛较高，所以增长速度较慢;但随着产品专题站的爆炸式增长，在产品介绍里使用三维已成为越来越多的网页设计师的选择。

　　实现三维预览效果的方式很多，有的是通过WebGL技术，有的是通过鼠标控制视频播放的技术，也有许多三维动态展示其实是多张不同角度的图片拼接而成，一帧一帧进行播放。

　　五、动效将更加普及和广泛

　　期初，网站动效会集中在页面内部的元素，而随着网页技术和创意的不断发展，动效在网页中变得无处不在。单页面网站中浏览模块之间的切换不再局限于单纯的推动切换或渐变切换;而多网页的网站网页之间的切换也变得更加柔和，通过不同页面关闭和打开之间动画效果的衔接，你会以为你从头到尾都在一个网页上。

　　六、单页网站走势继续上升

　　同样，随着网速以及网络技术的上升，单页式网站依旧呈现上升趋势，这种网站最显著的优势是信息不容易遗漏，如果访问一个站点通过点击又点出了许多子站或者网页，而这些网页和主页之间的逻辑比较混乱或者不能一目了然，那这个网站的浏览体验一定是很差的。而单页网站解决了这个问题，你看到的或者跳转的页面，其实还都是在这一个页面上。而AJAX异步加载等技术也解决了庞大单页网站的加载速度问题。

　　点击页面中的按钮，新的内容将会将原来的页面向左推动，关闭后恢复原来的位置，就好比左侧的页面是一个时间轴，而你则挨个浏览轴上的内容，用户体验很赞。

　　七、网页音效

　　越来越多的网页设计会在页面中加入一些音效，可以是网页背景音效，也可以是页面滚动音效，也可以是焦点改变时元素的音效。而这些音效共同的特点是都很精致轻微，轻轻点缀，就像转动保险柜旋钮发出的声音一样，清脆悦耳。这样不会给浏览者增加无谓的困扰。而越来越多的浏览器为了防止用户被困扰，增加了关闭当前页面音效的功能。

　　八、移动优先的响应式设计继续盛行

　　响应式设计已经是老生常谈了，相信大家都清楚什么是响应式设计。之前很多人也分析过响应式设计的利与弊，我也不再赘述。

　　很多国内的网站在建站之初不会选择响应式设计，原因也是比较符合我国国情的，流量少、网速慢、4G普及程度不够等诸多原因，导致我们在手机端浏览一个响应式的企业网站的时候会耗用较长时间的加载，而根据5秒原则，用户5秒内打不开一个网站，就会选择关闭。目前国内BAT的网站基本还是移动和电脑分开设计，而国内很多建站公司的响应式企业建站，也含有一部分噱头在内。

　　不过，响应式设计在国际和国内却依旧稳步上升，随着智能手机技术的不断革新，移动端的上网用户已经逐渐追击电脑上网用户，而中国移动网名的数量在世界上是领先的。移动端网站的设计越来越被重视，而响应式设计正是一个不错的解决方案。

　　九、中文网站中矢量字体的使用逐渐上升

　　我们经常在国外的网站上看到网站内使用一套字体作为自己的网站字体，即使用户本地没有这个字体，网站也会很轻易加载到字体并在浏览器中运用。而纵观中文网站，90%以上的网站内字体不是宋体就是微软雅黑，想用几个不一样的字就得做成png图片，原因很简单，中文字库太大。一套Helvetica标准字体大小是81.68KB，而一套微软雅黑常规体大小是20.5MB，你难道要用户打开网页时加载20.5MB的数据吗?

　　但是随着中文在线字库的崛起以及在线制作矢量图标字体工具的发展，包括字蛛计划，我们可以使用矢量素材作为我们的字体了，而不仅限于矢量图标。