恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
移动端UI设计和PC端UI设计的区别
0.0°
2018-10-13 原创文章 教程 举报 10891 19 32 2

本文章主要给大家介绍移动端和PC端UI设计的区别


移动端UI设计:指的是手机上的UI设计


PC端UI设计:指的是电脑上的UI设计



1. 屏幕尺寸不同

电脑显示器的屏幕尺寸一般为,19-24英寸,

手机屏幕尺寸一般为,4-6英寸。

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

所以电脑上的UI设计,首页要多放一些内容,

尽量减少层级的表现。

而手机上的UI设计,因为屏幕显示尺寸有限,

所以不能放那么多内容,可以多加层级。


像电脑版的淘宝,一进入内容非常的多,

包括了主题市场分类的显示,

广告页的展示,个人中心的展示等。

而手机版的淘宝,层级较多,有五个大的展级,

其中主屏上又有十个小的层级,一层连一层,

展示区域相对较少,没有主题市场分类的直接展示,

必须通过层级进入二级页面才能看到。

Image title

Image title




2. 设计规范不同

电脑的UI操作一般是用鼠标,手机的则是用手指,

鼠标精确度非常的高,手的精确度相对较低,

所以电脑上的图标一般会小一些,手机上的会大一些。

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

Image title

Image title



3. UI交互操作习惯不同

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

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

所以电脑上可以展现的UI交互操作习惯可以更多,

功能也就更强,手机上的话弱化了很多。

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

右边上下滑动可以调声音。

最下面左右滑动可以调视频的进度,双击可以暂停,

其它的就是要通过图标点击才能生效。

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

Image title

Image title


如果您觉得本篇文章,对你有所帮助,

可以关注微信公众号:XSUI2015

此公众号,每天都会更新一篇,UI设计学习教程


更新:2018-10-13

收藏

19人已收藏

UI设计老师黄根平

你关注的人,将决定着你所能看到的世界!

  • 10

    作品

  • 18

    粉丝

  • 0

    关注

  • 2019年最适合零基础学UI设计的书籍推荐!
  • 如何通过临摹作品来提升自己的UI设计能力
  • 2018年最赚钱的职业为什么会是UI设计师
  • 火遍全国的UI设计行业到底是做什么的?

    猜你喜欢

      2018-10-13 原创文章 教程 举报 10891 19 32 2

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

      0.0°

      你确定要举报移动端UI设计和PC端UI设计的区别

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年06月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      32
      19
      2

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录