• 江苏海警24小时查获七艘涉嫌走私油船 案值2000余万元 2019-07-22
  • 一只浣熊都这么努力,你还有什么理由不上进! 2019-07-09
  • 候选企业:安徽古井集团 2019-06-27
  • 被欧洲国家踢皮球的移民船终靠岸 地中海漂泊一周 2019-06-27
  • 愿赌服输!炒股赚了没见你们给大家分点? 2019-06-23
  • 日均处理快件超一亿三 2019-06-22
  • 候选企业:中粮可口可乐辽宁公司 2019-06-19
  • 不撞南墙不回头。痛定思痛。动辄把独立自主、自力更生,说成是崩溃边缘,是多么轻率、可笑。 2019-06-18
  • 不是从天上掉下来的,难道是从“文革”中走来的吗? 2019-06-17
  • 品尝自然之美 “天塞杯”摄影展美图欣赏 2019-06-17
  • 英国著名艺术学院发生大火 系4年来第2次 2019-06-06
  • 习近平日内瓦演讲一周年世界为何青睐"人类命运共同体" 2019-06-06
  • 朱永新:民进尽最大努力参与到脱贫攻坚的伟大实践中 2019-05-15
  • 端午小长假杭州接待游客454.8万人次 9成民宿预订一空 2019-04-28
  • 姚明:"小篮球"重在抓兴趣 "小计划"助推篮球"大圈子" 2019-04-14
  •  
    网页设计趋势分析

    2017-11-19 00:00

    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
    可让网站安装 Javas cript 文件,让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上酷炫的效果同样移植到移动端上,体验会大不一样。

    上一篇:什么是好的用户体验?

    下一篇:什么是设计?设计的本质是什么?

    © 2019 深圳市巨檬科技有限公司 All Right Reserved. 粤ICP备16028993号-2
  • 江苏海警24小时查获七艘涉嫌走私油船 案值2000余万元 2019-07-22
  • 一只浣熊都这么努力,你还有什么理由不上进! 2019-07-09
  • 候选企业:安徽古井集团 2019-06-27
  • 被欧洲国家踢皮球的移民船终靠岸 地中海漂泊一周 2019-06-27
  • 愿赌服输!炒股赚了没见你们给大家分点? 2019-06-23
  • 日均处理快件超一亿三 2019-06-22
  • 候选企业:中粮可口可乐辽宁公司 2019-06-19
  • 不撞南墙不回头。痛定思痛。动辄把独立自主、自力更生,说成是崩溃边缘,是多么轻率、可笑。 2019-06-18
  • 不是从天上掉下来的,难道是从“文革”中走来的吗? 2019-06-17
  • 品尝自然之美 “天塞杯”摄影展美图欣赏 2019-06-17
  • 英国著名艺术学院发生大火 系4年来第2次 2019-06-06
  • 习近平日内瓦演讲一周年世界为何青睐"人类命运共同体" 2019-06-06
  • 朱永新:民进尽最大努力参与到脱贫攻坚的伟大实践中 2019-05-15
  • 端午小长假杭州接待游客454.8万人次 9成民宿预订一空 2019-04-28
  • 姚明:"小篮球"重在抓兴趣 "小计划"助推篮球"大圈子" 2019-04-14
  • 全年少错平特肖公式 2019年准生肖特二肖中特 秒速飞艇早上多少点 新时时彩赚钱技巧 浙江十一选五开奖今天开奖结果 新浪篮彩分析 35选7中了5个号 搜狐彩票大厅 最准一尾中特平 湖南快乐十分官方开奖 双色球玩法技巧 20193d组三多少钱 4399欢乐斗地主刷豆 福彩3d走势图带连线带坐标走势图带连线 4场进球彩开奖结果