之前在群里也有人提到過(guò)這樣的問(wèn)題，在知乎上也遇到這樣的問(wèn)題，隨手便做的回答，以作為提高自己的理解和認(rèn)識(shí)水品。

總體來(lái)說(shuō)，webUI和移動(dòng)端UI的設(shè)計(jì)應(yīng)該注意以下幾點(diǎn)，設(shè)計(jì)是為了產(chǎn)品有更好的用戶體驗(yàn)。

1，使用場(chǎng)景的差異。

web頁(yè)面的用戶多半是坐在電腦前，固定的看著屏幕和使用鼠標(biāo)操作，用戶場(chǎng)景簡(jiǎn)單而固定，而移動(dòng)端用戶是使用碎片化時(shí)間，在復(fù)雜的場(chǎng)景當(dāng)中，或是在擁擠的地鐵中需要單手操作，或是在強(qiáng)烈的陽(yáng)光下，或是在床上睡覺(jué)前，不同的情況要考慮不同的用戶體驗(yàn)，所以要注意它的顏色設(shè)計(jì)，在強(qiáng)烈的陽(yáng)光下，對(duì)比不明顯內(nèi)容是否看的清楚;字體大小的控制,在公交車上晃動(dòng)的場(chǎng)景下是否可以看清楚過(guò)于小的字體；單手操作時(shí)按鈕的大小以及擺放位，在不穩(wěn)定的場(chǎng)景中是否會(huì)準(zhǔn)確的的點(diǎn)擊到按鈕；還要注意防止觸擊點(diǎn)過(guò)多而誤操作，所以使用手勢(shì)滑動(dòng)操作勝過(guò)點(diǎn)擊按鈕操作。

2，屏幕尺寸的大小差異。

web頁(yè)面已經(jīng)是處于寬屏大屏的時(shí)代了，所以有充足的區(qū)域來(lái)展現(xiàn)信息，整個(gè)界面的利用率很高，在不影響整體頁(yè)面時(shí)次要信息也可以展現(xiàn)在頁(yè)面當(dāng)中。但在移動(dòng)端，寸金寸土的屏幕當(dāng)中，容不下無(wú)用信息的占用，所以每個(gè)頁(yè)面的主要信息就需要有一個(gè)合理的規(guī)劃和安排。用戶使用移動(dòng)端應(yīng)用非常注重效率，移動(dòng)端的產(chǎn)品設(shè)計(jì)難度就相對(duì)增加。

3，平臺(tái)的設(shè)計(jì)規(guī)范和操作習(xí)慣的差異。

web頁(yè)面的操作，依然是大屏幕，鼠標(biāo)操作，相對(duì)來(lái)說(shuō)操作簡(jiǎn)單明了。移動(dòng)端設(shè)備較多，平臺(tái)目前主流有ios、android、windows phone，設(shè)計(jì)有擬物化扁平化等風(fēng)格，不同的平臺(tái)有著不同的設(shè)計(jì)規(guī)范，操作習(xí)慣也略有差異，android的返回按鈕邏輯和ios的有所不同，windows phone的操作手勢(shì)也有所不同，但是無(wú)論怎樣都是基于人機(jī)交互的的原理，探索著更適合更方便人類操作的習(xí)慣和本質(zhì)。所以在ui設(shè)計(jì)當(dāng)中應(yīng)該要考慮到這些因素。