400-700-1307

【UI高级教程】移动端与桌面网页的区别

2019-01-29 16:58
随着技术的发展,Web技术的强大,Web会越来越接近原生应用。
桌面:

需要适配越来越宽的显示器,和适配不同的浏览器。
丰富的H5技术,使得Web的体验正在朝桌面应用该靠拢。
通过外设交互。使用鼠标操作,有悬浮状态、点击状态。基本只用左键单击和滚轮操作。通过键盘,更加方便的输入字符。
用户注意力更多在左上角。从上到下,从左到右,快速扫描式的阅读。
下拉菜单、顶部导航、banner轮播、悬浮菜单等模式的广泛使用。
不需要用户下载更新,不存在版本问题,可以不间断的迭代。
布局更加复杂。一次呈现的内容更多。

移动:

有丰富的感应原件,位置、亮度、方向、指纹等等,提供更加丰富的使用场景。
竖直的显示屏,使得堆叠内容的方式大行其道。布局更加精简。
丰富的手势,双击、双指放大、拖动、长按等等。衍生了很多新的交互方式,下拉刷新、扫一扫、滑动解锁等。
屏幕限制导致了,对层级、空间的利用,比如Material Design。
丰富信息架构和导航模式,底部标签、抽屉、网格等等。
流量入口变成了应用,浏览器的使用变少了。
更加精简的内容,功能。砍掉多余的部分。帮助用户更快的完成任务。
用户的使用姿态多变,可能在公交车、沙发、排队等等。导致了手持姿势不同,双手和单手操作。
使用时间不同,更多的在吃饭、睡前、中午午休等等。更加碎片化的使用。用户的注意力更加容易分散,更加可能被打断。

兄弟连官网:www.itxdl.cn
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!

开班信息

当前校区

北京校区
  • 北京校区
  • 上海校区
  • 广州校区
  • 沈阳校区
  • 杭州校区
  • 南京校区
  • 郑州校区
  • 成都校区
  • 深圳校区
  • 西安校区
  • 苏州校区
  • 深圳沙井
  • 深圳观澜
  • 深圳龙岗
  • 武汉校区
  • 西宁校区
  • 石家庄校区
  • 湖北咸宁
  • 广东惠州
  • 广东佛山

                    Copyright © 2007-2019 IT兄弟连教育 版权所有 京ICP备11018177号  京公网安备 11010802026987号