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

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

1，使用場景的差異。

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

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

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

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

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