如今,UI设计已经成为非常热门的问题,那么,pc客户端UI设计和移动端UI设计的区别是什么呢?为了帮助大家正确的进行UI设计,下面就一起来看看相关的内容,相信下面的内容一定可以很好的帮助各位朋友们的。
移动端UI设计和PC端UI设计的区别
移动端UI设计:指的是手机上的UI设计。
PC端UI设计:指的是电脑上的UI设计。
那么这2种UI设计有那些地方不同呢?下面一起来了解下。
(图片来自网络)
1. 屏幕尺寸不同
电脑显示器的屏幕尺寸一般为,19-24英寸,手机屏幕尺寸一般为,4-6英寸。尺寸不同的背后就是,2种设计的设计显示区域也不同。所以电脑上的UI设计,首页要多放一些内容,尽量减少层级的表现。而手机上的UI设计,因为屏幕显示尺寸有限,所以不能放那么多内容,可以多加层级。像电脑版的淘宝,一进入内容非常的多,包括了主题市场分类的显示,广告页的展示,个人中心的展示等。而手机版的淘宝,层级较多,有五个大的展级,其中主屏上又有十个小的层级,一层连一层,展示区域相对较少,没有主题市场分类的直接展示,必须通过层级进入二级页面才能看到。
2. 设计规范不同
电脑的UI操作一般是用鼠标,手机的则是用手指,鼠标精确度非常的高,手的精确度相对较低,所以电脑上的图标一般会小一些,手机上的会大一些。微信的电脑版的图标,明显比手机上的要小一些。
(图片来自网络)
3. UI交互操作习惯不同
电脑可以实现,单击,双击,按住,移入,移出,右击,滚轮等操作。手机只能实现,点击,按住,和滑动等操作。所以电脑上可以展现的UI交互操作习惯可以更多,功能也就更强。手机上的话弱化了很多。像手机版的腾讯视频,在屏左边上下滑动可以调亮度,右边上下滑动可以调声音。最下面左右滑动可以调视频的进度,双击可以暂停,其它的就是要通过图标点击才能生效。而电脑版的,就可以双击,右击,单击,滚轮多点操作了。
pc端UI设计规范的内容如上文所述,大家是不是都好好的研究一番了呢?总之,希望大家在实践中可以用到上面的内容。