手机UI和网页UI之间有很多相似的联系，当然也有很大的区别，其主要是媒介的不同，我们在使用手机的时候是用手，而在网页上我们使用的是鼠标，正是这个媒介的不同也就产生了很多关于手机UI和网页UI设计之间的区别和不同。

1界面空间不同

手机UI和网页UI最大的区别是空间的不同，手机就是那么大的一个地方，我们只能通过上下滑动来获取更多的信息，而相比于网页来讲，网页的空间就非常大了，你可以移动你的鼠标去你任何你想去的位置，而手机则不同，手机的空间就在一个狭小的范围内，这个时候如果我们想设计一个按钮的话，他一定要非常明显易见，不能让浏览者到处寻找，而这个按钮的位置通常在底部较合适，这样更适于人们用拇指来点击或者移动。

2操作习惯不同

在网页中，我们可以利用鼠标点击、双击、右击等等各种操作，而在手机上我们只有点击一种或者是长按和滑动，很明显，我们需要按照浏览者在不同媒介的习惯来定位我们不同的UI设计，来更好的引导浏览者浏览网页、满足浏览者的需求。

3精确度的不同

我们都知道在网页上鼠标的精确度是非常高的，即使再小的东西也能够通过点击或者鼠标拖拽来实现，而且精确率非常的高，但是在手机上就不同了，我们通常需要设计一个精致的按钮，点击的范围最好大一些，这样我们更能够保证按钮的精确度，因为我们不能保证很多人的手指较粗哦。同理我们还要把按钮放置的醒目一些，不能和背景融为一体，毕竟手机UI和网页UI是有很大不同的。

最好还要提醒的是，在手机UI设计中，地图往往有很大的作用，因为我们不可能在很狭小的范围内放置很多的内容，我们必须做好框架和结构，通过地图引导浏览者浏览欣赏。