手机UI主要针对移动客户端,比如手机、pad 等,网页UI主要则针对的是电脑显示器中需要的网页UI设计等,原理一样,尺寸是不一样的哦。
网页UI设计,面对的对象是网页,各种的网页。
手机UI设计,面对的对象是手机端APP的页面。
两这个规则是不一样的,因为屏幕的大小是有所区别的。
1、界面空间不同手机UI和网页UI最大的区别是空间的不同,手机就是那么大的一个地方,我们只能通过上下滑动来获取更多的信息,而相比于网页来讲,网页的空间就非常大了,你可以移动你的鼠标去你任何你想去的位置,而手机则不同,手机的空间就在一个狭小的范围内,这个时候如果我们想设计一个按钮的话,他一定要非常明显易见,不能让浏览者到处寻找,而这个按钮的位置通常在底部较合适,这样更适于人们用拇指来点击或者移动。
2、操作习惯不同。在网页中,我们可以利用鼠标点击、双击、右击等等各种操作,而在手机上我们只有点击一种或者是长按和滑动,很明显,我们需要按照浏览者在不同媒介的习惯来定位我们不同的UI设计,来更好的引导浏览者浏览网页、满足浏览者的需求。
3、精确度的不同。我们都知道在网页上鼠标的精确度是非常高的,即使再小的东西也能够通过点击或者鼠标拖拽来实现,而且精确率非常的高,但是在手机上就不同了,我们通常需要设计一个精致的按钮,点击的范围最好大一些,这样我们更能够保证按钮的精确度,因为我们不能保证很多人的手指较粗哦。
同理我们还要把按钮放置的醒目一些,不能和背景融为一体,毕竟手机UI和网页UI是有很大不同的。最好还要提醒的是,在手机UI设计中,地图往往有很大的作用,因为我们不可能在很狭小的范围内放置很多的内容,我们必须做好框架和结构,通过地图引导浏览者浏览欣赏。学习的话,更需要刻苦专研的精神,多看书,多交流,多实践!坚持就是成功!