上海UI培训
达内上海外滩中心

15010271422

热门课程

移动端UI设计与PC端UI设计要注意的细节

  • 时间:2018-03-19
  • 发布:上海UI培训
  • 来源:达内新闻

无论是手机还是电脑界面,UI设计都吸引了大多数人的眼球。在设计的时候能控制好设计的方向是大师,但细节处理的好能让用户体验显得精巧而到位,处理不好会毁掉整个设计。上海UI培训达内就是十分注重移动端UI设计与PC端UI设计的细节,不妨累积这些经验吧。

上海UI培训

UI设计:屏幕尺寸不同

上海UI培训:电脑显示器的屏幕尺寸一般为,19-24英寸,手机屏幕尺寸一般为,4-6英寸。尺寸不同的背后就是,2种设计的设计显示区域也不同。所以电脑上的UI设计,首页要多放一些内容,尽量减少层级的表现。而手机上的UI设计,因为屏幕显示尺寸有限,所以不能放那么多内容,可以多加层级。像电脑版的淘宝,一进入内容非常的多,包括了主题市场分类的显示,广告页的展示,个人中心的展示等。

电脑的UI操作一般是用鼠标,手机的则是用手指,所以要考虑到屏幕的大小非常重要。

UI设计:设计规范不同

上海UI培训:鼠标精确度非常的高,手的精确度相对较低,所以电脑上的图标一般会小一些,手机上的会大一些。微信的电脑版的图标,明显比手机上的要小一些。在移动端UI设计与PC端设计需要遵守的规范不一样。

UI设计: 交互操作习惯不同

上海UI培训:电脑可以实现,单击,双击,按住,移入,移出,右击,滚轮等操作。手机只能实现,点击,按住,和滑动等操作。所以电脑上可以展现的UI设计交互操作习惯可以更多,功能也就更强。手机上的话弱化了很多。像手机版的腾讯视频,在屏左边上下滑动可以调亮度,右边上下滑动可以调声音。下面左右滑动可以调视频的进度,双击可以暂停,其它的就是要通过图标点击才能生效。而电脑版的,就可以双击,右击,单击,滚轮多点操作了。

上一篇:上海UI培训:车载UI与手机UI设计有何异同
下一篇:UI面试题:怎样整理作品远离被拒绝的尴尬?

艰辛!从电子厂到UI设计师的蜕变之路

忘掉这些细节,我们还是设计师吗?

如何从一名美工翻身做主当设计总监?

如何挑选出具有可读/易读性的配色方案

选择城市和中心
贵州省

广西省

海南省

免费学习5天VIP课程