之前在群里也有人提到过这样的问题，在知乎上也遇到这样的问题，随手便做的回答，以作为提高自己的理解和认识水品。

总体来说，webUI和移动端UI的设计应该注意以下几点，设计是为了产品有更好的用户体验。

1，使用场景的差异。

web页面的用户多半是坐在电脑前，固定的看着屏幕和使用鼠标操作，用户场景简单而固定，而移动端用户是使用碎片化时间，在复杂的场景当中，或是在拥挤的地铁中需要单手操作，或是在强烈的阳光下，或是在床上睡觉前，不同的情况要考虑不同的用户体验，所以要注意它的颜色设计，在强烈的阳光下，对比不明显内容是否看的清楚;字体大小的控制,在公交车上晃动的场景下是否可以看清楚过于小的字体；单手操作时按钮的大小以及摆放位，在不稳定的场景中是否会准确的的点击到按钮；还要注意防止触击点过多而误操作，所以使用手势滑动操作胜过点击按钮操作。

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

web页面已经是处于宽屏大屏的时代了，所以有充足的区域来展现信息，整个界面的利用率很高，在不影响整体页面时次要信息也可以展现在页面当中。但在移动端，寸金寸土的屏幕当中，容不下无用信息的占用，所以每个页面的主要信息就需要有一个合理的规划和安排。用户使用移动端应用非常注重效率，移动端的产品设计难度就相对增加。

3，平台的设计规范和操作习惯的差异。

web页面的操作，依然是大屏幕，鼠标操作，相对来说操作简单明了。移动端设备较多，平台目前主流有ios、android、windows phone，设计有拟物化扁平化等风格，不同的平台有着不同的设计规范，操作习惯也略有差异，android的返回按钮逻辑和ios的有所不同，windows phone的操作手势也有所不同，但是无论怎样都是基于人机交互的的原理，探索着更适合更方便人类操作的习惯和本质。所以在ui设计当中应该要考虑到这些因素。

粗略的总结也以上三点，也希望有经验者能够继续补充，在设计这条道路上，希望跟大家多交流，每天进步一点点。