2015年下半年网页设计的9大趋势.pdf

盘点：2015年下半年网页设计的9大趋势 论文类别：计算机 - 互联网研究 上传时间：2015/9/25 18:27:00 论文作者：未知 一、平面设计在网页设计中的崛起 以前我们可能会觉得平面设计和网页设计以及UI设计有很大的区别，会平面 设计的人可能未必能做好网页设计，但这样的观念是时候革新了。实际上好的 平面设计师会将自己的平面设计功底融合到网页设计当中，如果我们在学网页 设计的时候只是参照网站设计，那我们永远无法突破。 不论是用平面设计作为背景也好，或者是用平面设计的元素作为网页控件或 者装饰也好，实际上好的平面设计会大大提高网站的视觉冲击力。所以未来的 UI设计师也必须是一个不错的平面设计师了，或者统称为视觉设计师，加油！ GROBA WIT 二、全屏首页(首页大图、视频背景、特效背景、交互式首页) 全屏首页是一种欢迎页面或者着陆页的形式，当前网站五花八门，能在第一 时间内传达网站或企业的精神并吸引用户继续浏览的重任逐渐落在了这个全屏 首页的肩上。不论是图片背景还是视频背景，视觉冲击力和痛点抓取力度成为 了首页的重任，这也是筛选潜在客户的一个方式。首屏的文案也尤为重要。 首页大图背景 首页大图的形式相信大家都不陌生了，通常都是高质量的摄影图片，或者在 纯色背景上的产品图片等等。优势不言而喻，那就是具有很棒的视觉传达效果 和冲击力。而且随着网速的不断提升，几秒内加载一个百K 的高清背景对用户 来说不是什么问题。我们曾推荐过许多高清图库站，稍加搜索便可找到。 首页视频背景 使用视频作为首页的背景在视觉上更加具有冲击力，好的视频宣传片更是为 网站如虎添翼。但是缺点亦较为明显，目前国内网速相对仍然较慢，(即便是 30M 的光纤，在很多地方其实都是共享网速，高峰期看个在线视频都会卡)，而 视频背景通常都是网页打开即直接播放的，在网速达不到一定标准的情况下， 视频会卡顿播放，体验很差。而且为了让视频播放流畅，实际上很多网站的视 频都是压缩成成分辨率比较低的视频，清晰度和图片相差较大。希望以后能出 现视频缓冲或者预加载技术等方式来提升整个浏览效果，关键还是网速。 JONASERIKSSON 该网站视频背景就相当具有震撼力，快速将自己的作品展示给观众，让观众 充满好奇。 HTML5特效背景 我们以粒子特效背景为例。相对于视频背景而言，使用新的网络语言制作的 背景在加载速度、成像质量等方面都优于视频背景，而且特效背景也具有很棒 的视觉体验。 FiberSensing 交互式首页 交互式首页指的是在网页上做一些可以用鼠标或者键盘控制的元素来与用户 发生互动，这样用户在首页停留的时间会更久，同时却很享受这个过程，提高 用户体验的同时提升网站的趣味性和企业形象。交互式页面设计经常会运用到 诸多HTML5或者CSS3技术，比如前面提到的粒子特效。 Suanier 三、全屏富式导航 传统网页设计中，导航菜单一般会放置在页面顶部或者侧面，但越来越多的 电脑端网站却将菜单全部隐藏在汉堡图标中。 这种设计起初只是导航，称之为 “全屏导航”；而到后期，随着设计的革新 和创意的加入，这个页面的内容也越来越丰富，页面加入了社交媒体的链接， 加入了联系方式，甚至有的还加入了留言板等等，我们称之为 “全屏富式导 航”。 这种形式的导航在用户体验上其实还是有些风险的，因为多了一次点击，而 且会导致很多用户忽略细节性内容，难以达到最优设计，而这种菜单通常也需 要建立在用户对汉堡菜单的标志具有相当的熟悉程度基础之上。目前，我们建 议使用这种菜单的网站会有一个引导性的提示来告知用户更多信息的入口，或 者除了菜单一个入口外增加其他入口。用户体验的一个准则是将用户需要的信 息主动呈递给用户或是能让用户在三次点击内找到自己需要的信息，所以这种 隐藏在一个图标里的菜单目前还是略有风险。不过这种风险会随着普及程度降 低。 四、三维视觉效果的崛起 这一点将对网页设计师提出了更高的要求，网页设计中会融入产品的三维动 态展示，这可能会要求网页设计中包含UI与交互设计、工业设计与渲染、视频 剪辑、精通HTML5的前端等等。也正是因为这种设计门槛较高，所以增长速度 较慢；但随着产品专题站的爆炸式增长，在产品介绍里使用三维已成为越来越 多的网页设计师的选择。 实现三维预览效果的方式很多，有的是通过WebGL技术，有的是通过鼠标控 制视频播放的技术，也有许多三维动态展示其实是多张不同角度的图片拼接而 成，一帧一帧进行播放。