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

1界面空间不同

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

2操作习惯不同

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

3精确度的不同

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

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

网页设计需要学什么软件

网页设计工作越来越吃香，很多人都想学习，所以想先了解需要学习的软件，那么下面小编给大家介绍网页设计需要学什么软件，一起来看看吧。

1、学习Photoshop

这是必学的。在编写代码之前，使用它来完成网站内页的渲染。学习Photoshop并不是最终的目标，更多的是了解视觉方面、设计理论和交互设计，避免常识错误。

2、Dreamweaver软件

理解一些HTML、CSS代码，并掌握Dreamweaver，是网页设计师的标准。DW是一套专门为专业网页设计人员开发的可视化网页开发工具。因为在完成了网页设计初稿之后，它只是一张静态的图片，这时还需要配合前端网页工程师，在浏览器中重构设计初稿，你的工作就完成了。

3、Illustrator、CorelDRAW

使用矢量图形，提取一些材料以及与同事合作，可能会用到。CorelDRAW也是如此。

4、After effect软件

可以导出mp4、SWF等格式，也许有些人会想到用Flash，但感觉有点过时，没必要学。