移动端和web端产品之间有什么不同

发布者: 优行者 发布时间: 2019-08-21 浏览 104
  移动端和web端产品之间有什么不同?每个人擅长的点是不同的。有的人擅长网页ui设计,有的人擅长移动ui设计。那么这两种ui设计存在哪些区别呢?本文将详细为大家分析:

移动端和web端产品之间有什么不同

  pc端与移动端从兼容性、事件处理、布局、动画处理上来说有五种区别。

  从兼容方面来说, PC考虑的是浏览器的兼容性,而移动端开发考虑的更多的是手机兼容性,因为目前不管是android手机还是ios手机,一般浏览器使用的都是webkit内核。

  在部分事件的处理上,移动端多出来的事件是触屏事件,而缺少的是hover事件。 另外包括移动端弹出的手机键盘的处理,这样的问题在PC端都是遇不到的。

  在布局上,移动端开发一般是要做到布局自适应的,我使用的一直是rem布局,感觉很好。

  在动画处理上,PC端由于要考虑IE的兼容性,所以通常使用JS做动画的通用性会更好一些,但是CSS3做了很大的牺牲, 而在手机端,如果要做一些动画、特效等,第一选择肯定是CSS3, 既简单、效率又高。

  移动端和web端产品之间有什么不同?在框架选择中 一般pc端用jquery,移动端用zepto,因为移动设计的流量还是比较重要的, 所以引入的资源或者插件,能小则小,一个30k的资源和一个80k的资源,在移动端的差别还是挺大的。而未压缩的jquery是262kb, 压缩的jquey是83kb,可见两者的差别之大。推荐阅读>>>什么是移动应用ui设计

  自身属性和结构不同

  从自身属性和结构来说,移动端偏向于手势操作,而且受限于屏幕尺寸的大小,尤其是还受限于网络环境——3G网络、4G网络,甚至是已经落后的2G网络,都会影响到用户体验移动端的产品。因此,移动产品设计首要需要考虑屏幕的适配,手势操作需符合用户习惯,图文的配置需要考虑到用户使用场景的限制因素,产品里的透露的信息是否可以满足用户在网络不良情况下也可以操作自如,无忧浏览。

  移动端和web端产品之间有什么不同?那么是做移动ui设计师好还是网页ui设计师好呢?主要还是看你自己的兴趣点以及自己所擅长的地方。

本页网址:https://www.u-walker.com/web/1094.html

上一篇: 阅读app设计需注意的相关事宜

下一篇: 怎么做出吸引用户的移动设计

相关推荐

预约报名

免费试学 先学后付 预约试听 证书认证 就业薪资






400-073-5855
返回顶部