025-86901720


全国监督服务热线:9:00-23:00

海量精品课程
点击免费试听

  • 移动端UI设计和PC端UI设计的区别?

  • 分类: 合肥学码思 > ui教程 时间:2019年08月23日
  • 摘要:电脑显示器的屏幕尺寸一般为,19-24英寸,手机屏幕尺寸一般为,4-6英寸。

  • 移动端UI设计和PC端UI设计的区别?很多UI设计出初学者对这方面并不是很清楚,下面合肥学码思UI设计培训小编这就为大家详细分析一下。

     

    013.gif

      1.屏幕尺寸不同

     

      电脑显示器的屏幕尺寸一般为,19-24英寸,手机屏幕尺寸一般为,4-6英寸。>>网页设计中有哪些实用小技巧?

     

      尺寸不同的背后就是,2种设计的设计显示区域也不同。

     

      所以电脑上的UI设计,首页要多放一些内容,尽量减少层级的表现。

     

      而手机上的UI设计,因为屏幕显示尺寸有限,所以不能放那么多内容,可以多加层级。

     

      像电脑版的淘宝,一进入内容非常的多,包括了主题市场分类的显示,广告页的展示,个人中心的展示等。

     

      而手机版的淘宝,层级较多,有五个大的展级,其中主屏上又有十个小的层级,一层连一层,展示区域相对较少,没有主题市场分类的直接展示,必须通过层级进入二级页面才能看到。

     

      2.设计规范不同

     

      电脑的UI操作一般是用鼠标,手机的则是用手指,鼠标精确度非常的高,手的精确度相对较低,所以电脑上的图标一般会小一些,手机上的会大一些。

     

      微信的电脑版的图标,明显比手机上的要小一些。

     

      3.UI交互操作习惯不同

     

      电脑可以实现,单击,双击,按住,移入,移出,右击,滚轮等操作。

     

      手机只能实现,点击,按住,和滑动等操作。

     

      所以电脑上可以展现的UI交互操作习惯可以更多,功能也就更强,手机上的话弱化了很多。

     

      像手机版的腾讯视频,在屏左边上下滑动可以调亮度,右边上下滑动可以调声音。

     

      下面左右滑动可以调视频的进度,双击可以暂停,其它的就是要通过图标点击才能生效。

     

      而电脑版的,就可以双击,右击,单击,滚轮多点操作了。

     

      以上就是合肥学码思UI设计老师分享的移动端UI设计和PC端UI设计的区别,希望对大家的UI设计学习和工作有所帮助,如果大家在UI设计的学习过程中还有其他问题或者需求,欢迎大家进一步咨询合肥学码思的老师。


  • 网页设计中有哪些实用小技巧?
    UI设计师要遵循哪些准则?

申请试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.hfxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00