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

總體來說，webUI和移動端UI的設計應該注意以下幾點，設計是為了產品有更好的用戶體驗。

1，使用場景的差異。

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

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

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

3，平臺的設計規范和操作習慣的差異。

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