網(wǎng)頁(yè)UI設(shè)計(jì)和手機(jī)UI設(shè)計(jì)的區(qū)別是什么，如何去學(xué)習(xí)？

時(shí)間：2024-02-13 07:00:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2024-02-13 07:00:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

網(wǎng)頁(yè)UI設(shè)計(jì)和手機(jī)UI設(shè)計(jì)的區(qū)別是什么，如何去學(xué)習(xí)？：手機(jī)UI和網(wǎng)頁(yè)UI之間有很多相似的聯(lián)系，當(dāng)然也有很大的區(qū)別，其主要是媒介的不同，我們?cè)谑褂檬謾C(jī)的時(shí)候是用手，而在網(wǎng)頁(yè)上我們使用的是鼠標(biāo)，正是這個(gè)媒介的不同也就產(chǎn)生了很多關(guān)于手機(jī)UI和網(wǎng)頁(yè)UI設(shè)計(jì)之間的區(qū)別和不同。

1/界面空間不同

手機(jī)UI和網(wǎng)頁(yè)UI最大的區(qū)別是空間的不同，手機(jī)就是那么大的一個(gè)地方，我們只能通過(guò)上下滑動(dòng)來(lái)獲取更多的信息，而相比于網(wǎng)頁(yè)來(lái)講，網(wǎng)頁(yè)的空間就非常大了，你可以移動(dòng)你的鼠標(biāo)去你任何你想去的位置，而手機(jī)則不同，手機(jī)的空間就在一個(gè)狹小的范圍內(nèi)，這個(gè)時(shí)候如果我們想設(shè)計(jì)一個(gè)按鈕的話(huà)，他一定要非常明顯易見(jiàn)，不能讓瀏覽者到處尋找，而這個(gè)按鈕的位置通常在底部較合適，這樣更適于人們用拇指來(lái)點(diǎn)擊或者移動(dòng)。

2/ 操作習(xí)慣不同

在網(wǎng)頁(yè)中，我們可以利用鼠標(biāo)點(diǎn)擊、雙擊、右擊等等各種操作，而在手機(jī)上我們只有點(diǎn)擊一種或者是長(zhǎng)按和滑動(dòng)，很明顯，我們需要按照瀏覽者在不同媒介的習(xí)慣來(lái)定位我們不同的UI設(shè)計(jì)，來(lái)更好的引導(dǎo)瀏覽者瀏覽網(wǎng)頁(yè)、滿(mǎn)足瀏覽者的需求。

3/精確度的不同

我們都知道在網(wǎng)頁(yè)上鼠標(biāo)的精確度是非常高的，即使再小的東西也能夠通過(guò)點(diǎn)擊或者鼠標(biāo)拖拽來(lái)實(shí)現(xiàn)，而且精確率非常的高，但是在手機(jī)上就不同了，我們通常需要設(shè)計(jì)一個(gè)精致的按鈕，點(diǎn)擊的范圍最好大一些，這樣我們更能夠保證按鈕的精確度，因?yàn)槲覀儾荒鼙ＷC很多人的手指較粗哦。同理我們還要把按鈕放置的醒目一些，不能和背景融為一體，畢竟手機(jī)UI和網(wǎng)頁(yè)UI是有很大不同的。

最好還要提醒的是，在手機(jī)UI設(shè)計(jì)中，地圖往往有很大的作用，因?yàn)槲覀儾豢赡茉诤塥M小的范圍內(nèi)放置很多的內(nèi)容，我們必須做好框架和結(jié)構(gòu)，通過(guò)地圖引導(dǎo)瀏覽者瀏覽欣賞。

學(xué)習(xí)的話(huà)，更需要刻苦專(zhuān)研的精神，多看書(shū)，多交流，多實(shí)踐！然后堅(jiān)持就是成功！你懂得！