上海机场
    上海是中国重要的门户口岸,连接世界的桥梁纽带,也是中国大陆首座同时拥有两个国际机场的...
南京白云化工环境监测有限公司
  南京白云集团成立于2005年,位于南京化学工业园区,是一家专业提供检验检测及环保、安全、节能...
中国农业银行江苏省分行
    近年来,江苏省分行在服务地方经济发展和社会事业全面进步的同时,自身各项业务快速发展,...
紫金农商银行
    江苏紫金农村商业银行股份有限公司,是经中国银行业监督管理委员会批准筹建,由南京市辖区...
金鹰集团
  金鹰国际集团,于1992年归国创立,是南京市首家批准成立的大型多元化外资企业集团,2010年总...
南京国致工程项目管理有限公司-响应式
  南京国致工程项目管理有限公司是上海国致集团有限公司的子公司,上海国致集团有限公司下辖...
江苏省委老干部局
    根据《中共江苏省委、江苏省人民政府关于印发的通知》(苏发〔2000〕16号),中共江苏省委老干部...
南京住房公积金管理中心
    南京住房公积金管理中心为公民提供公积金查询、提取、贷款、缴存等服务。  万户网络是中国最...
南京金龙客车制造有限公司
    南京金龙客车制造有限公司(简称“南京金龙”)为股份制公司,成立于2000年,新基地位于南京溧...
海天一线电子商务有限公司
    7月18日上午,海天一线(上海)电子商务有限公司(以下简称“海天一线”)旗下线缆行业门户网站...
北京大学深圳医院-就医网-响应式
  北京大学深圳医院原名“深圳市中心医院”,是深圳市政府投资建成的现代化综合性医院。医院于1...
上海开元骨科医院
    上海开元骨科医院经由上海市卫生和计划生育委员会批准设置,是浦东新区唯一的四星级专业...
金鹰集团
  金鹰国际集团,于1992年归国创立,是南京市首家批准成立的大型多元化外资企业集团,2010年总...
上海协久国际贸易有限公司
    上海协久国际贸易有限公司由自然人罗兴绪创建于2009年,注册资金260万元。是国家外贸局、海...
2015-2016网页设计趋势分析 未来2年内有这些趋势存在
发布时间:2015-09-18来源:万户网络字体:


  注:接触网页也有5个年头了,弯路走了不少,有付出必有回报,有得到必有所失,放眼世界,网页设计其实很美妙,它带着一个梦想。

  近一年基本没做过国内的网站,基本都是国外网站,自己对某些趋势的把握还是有一定的想法的,虽然不能算是很厉害很完善,到时候会补充完善趋势分析咯,先把以前归纳的简洁版的文字放出来:)

  因为有些东西真的不知道怎么去配图,更好的就用文字来描述,有点小懒,呵呵,有机会的时候会补充。这里我就专门精简的概括就好了,点明重点即可!

  接触网页设计也有5个年头了,我也只是刚出头的菜鸟,我很努力,我爱走弯路,我不在乎圈子是个什么,跟着自己的梦想走。

  接触过游戏网页,酷炫动感的,FLASH的,HTML5的,SVG的,扁平化的,WIN8风格的,拟物场景的,oh,no,不是单纯接触,应该是这些类型都做过,作品杂七杂八,但是也一路跟着自己的梦想走来,多的不说啦,正题开始:

  网上很多各种杂七杂八的趋势分析过的我就不列出来了,都是重复的没啥意思,感觉2016年、未来2年内有这些趋势存在,希望对设计师们有一定的研究方向!

  1.传感器访问赋予页面对用户环境的感知能力

  很多年以来,web 页面掌握的用户情况十分有限,通常只有用户的屏幕尺寸以及浏览器类型等。但现在各种 W3C 标准把环境光、麦克风、摄像头等各种传感器数据都提供出来了。这使得网站可以跳出页面之外掌握更为丰富的信息。

  2.信息推送

  让网站可以保持与用户的连接—哪怕用户关闭了网站的浏览器标签页,使用一些新的w3c新标准技术。比如可以使用websocket,还有其它标准技术实现信息推送的体验。

  3.SVG图形和动画

  以优越的处理性能和动画性能,加载速度,不言而喻它比png,jpg,gif效率质量都高太多。

  我自己主要使用SVGDeveloper这款工具结合jquery做动画,因为用的是mac系统,这款工具要使用虚拟机parallels desktop来配合mac系统运行

  4.超快用户体验

  “离线优先”,HTML5应用类缓存

  网页的浏览速度和等待时间就不用多说了,非常重要。

  5.智能响应

  根据用户点击等等而响应内容,而不是仅仅根据设备分辨率响应,所以这里说的智能响应并不仅仅指响应式布局Responsive Layout.

  比如:当你是新用户开始浏览文章时,会有在线FAQ的表单来响应你的操作,反之,在你登陆后阅读一篇文章的时候,会有标注功能让你更好的对文章进行整理方便下次阅读。

  比如Medium和The Next Web在阅读体验上做得就非常棒。

  6.ServiceWorkers

  可让网站安装 JavaScript 文件,让web原生应用化,离线推送,这就类似一个基于WEB的半原生,甚至就是原生APP的实现。

  7.360全景+视频交互

  使用HTML5技术生动的360全景展示,视频内置于其中,形成完美的场景交互,让网站完全趋向真实场景。

  这种体验将摄影,技术,表现力,特效,音效等方面结合起来,在FWA上看到过几个网站

  8.基于HTML5的交互

  比如碎片、离子、NDA、电影特效等运用到全屏轮播,tab切换,登陆注册弹窗等模块中。

  9.PJAX的普及

  最早应该是体验在behance和pinterest这两个网站上,然后慢慢流行到了国内,比如花瓣,接着是前不久dribbble的瀑布流和查看作品的改版体验,利用HTML5的特性结合完全/局部刷新实现改变网址无刷新加载,同时满足SEO的需求。

  10.CSS3动画将更加广泛

  现在做国外的设计基本不用考虑IE9以下了,也就是说基本不用考虑IE,所以很好的运用CSS3动画能大大提高网站的视觉舒适程度,特别是细节动画,小小的细节动画可能会是点睛之笔哦。

  是不是看了这些感觉怎么都是PC端的趋势?NO,NO,其实移动端也同时存在这些趋势,移动不仅仅使用APP这个词去衡量的,现在APP的技术门槛越来越低,满大街都是,和卖白菜一样,参差不齐,基于移动端的体验趋势,也是非常重要的。

  移动端的一些常见趋势就不说了,谷歌百度一大堆,再增加一点:

  11.web移动端的PC效果移植

  我们在PC网站上很常见视差,滚轮侦听,滑出等交互效果,使用HTML5的一些新特性,使用国外开源的移动框架,可以将PC上酷炫的效果同样移植到移动端上,体验会大不一样。

返回
标签:案例观点
微信扫码咨询
微信咨询