APP UI设计与网页UI设计的区别

由于操作的媒介不同，APP UI设计与网页UI设计有一些区别。 1.界面空间不同

APP UI和网页UI最大的区别是空间不同。网页的空间非常大，操作鼠标可以查看非常多的信息；而手机空间有限，我们只能通过上下滑动来获取更多的信息，因此手机上的按钮等重要控件元素需要放置在醒目的位置，以方便用户操作。 2.操作习惯不同

在网页中，我们可以利用鼠标进行点击、双击、右击等各种操作，而在手机上我们只能进行点击，或者长按和滑动的操作，因此我们需要按照浏览者在不同媒介的习惯来定位不同的UI设计，从而更好地引导浏览者进行浏览等相关操作，以便更好地满足浏览者的需求。 3.精确度不同 我们知道，在网页上鼠标的精确度是非常高的，即使再小的东西也能够通过点击或者鼠标拖拽来实现，而且精确率非常高。但是在手机上就不同了，通常需要设计一个精致的按钮，点击的范围最好大一些，这样才能够保证按钮的精确度。 4.按钮位置不同 在网页界面中，无论按钮在屏幕中的哪个位置，对于操作的影响都不是很大，浏览者可以轻松地移动鼠标到任何想去的位置，点击任何需要的按钮即可，因此我们可以看到大部分网页中按钮都在边缘的一个狭小空间内。(www.xing528.com)

而在APP界面中，设计者需要考虑的是手机的使用环境以及使用者的习惯。通常人们更加希望单手操作手机，因此我们设计的按钮更多地置于屏幕下方，或左、右手大拇指能控制到的区域内。

5.按钮状态不同 网页中的按钮通常有4个状态，即默认状态、鼠标经过状态、鼠标点击状态、不可用状态。而APP中的按钮通常只有3个状态，即默认状态、点击状态和不可用状态。在手机界面中，按钮需要更加明确、指向性更强。