手機UI和網頁UI之間有很多相似的聯系，當然也有很大的區別，其主要是媒介的不同，我們在使用手機的時候是用手，而在網頁上我們使用的是鼠標，正是這個媒介的不同也就產生了很多關于手機UI和網頁UI設計之間的區別和不同。

1界面空間不同

手機UI和網頁UI最大的區別是空間的不同，手機就是那么大的一個地方，我們只能通過上下滑動來獲取更多的信息，而相比于網頁來講，網頁的空間就非常大了，你可以移動你的鼠標去你任何你想去的位置，而手機則不同，手機的空間就在一個狹小的范圍內，這個時候如果我們想設計一個按鈕的話，他一定要非常明顯易見，不能讓瀏覽者到處尋找，而這個按鈕的位置通常在底部較合適，這樣更適于人們用拇指來點擊或者移動。

2操作習慣不同

在網頁中，我們可以利用鼠標點擊、雙擊、右擊等等各種操作，而在手機上我們只有點擊一種或者是長按和滑動，很明顯，我們需要按照瀏覽者在不同媒介的習慣來定位我們不同的UI設計，來更好的引導瀏覽者瀏覽網頁、滿足瀏覽者的需求。

3精確度的不同

我們都知道在網頁上鼠標的精確度是非常高的，即使再小的東西也能夠通過點擊或者鼠標拖拽來實現，而且精確率非常的高，但是在手機上就不同了，我們通常需要設計一個精致的按鈕，點擊的范圍最好大一些，這樣我們更能夠保證按鈕的精確度，因為我們不能保證很多人的手指較粗哦。同理我們還要把按鈕放置的醒目一些，不能和背景融為一體，畢竟手機UI和網頁UI是有很大不同的。

最好還要提醒的是，在手機UI設計中，地圖往往有很大的作用，因為我們不可能在很狹小的范圍內放置很多的內容，我們必須做好框架和結構，通過地圖引導瀏覽者瀏覽欣賞。