网页UI 和移动UI的区别以及联系

发布网友发布时间：2022-04-24 14:57

共1个回答

热心网友时间：2022-04-20 03:17

web主要指的是网站，根据用户使用的设备的不同，web分为pc-web和移动-web，对于使用设计工具对网站的界面，或者app的界面绘图的叫ui设计师，一般这ui设计师有一定美术功底的。
　　总体来说，webUI和移动端UI的设计应该注意以下几点，也可以说是用户体验上要注意的几点吧：
　　1，使用场景的差异。web页面的用户多半是坐在电脑前，固定的看着屏幕和使用鼠标操作，用户场景简单而固定，而移动端用户是使用碎片化时间，在复杂的场景当中，或是在拥挤的地铁中需要单手操作，或是在强烈的阳光下，或是在床上睡觉前。。。不同的情况要考虑不同的用户体验，所以要注意它的颜色设计，字体大小的控制，单手操作时按钮的大小以及摆放位，还要注意防止触击点过多而误操作，所以使用手势滑动操作胜过点击按钮操作。
　　2，屏幕尺寸的大小差异。web页面已经是处于宽屏大屏的时代了，所有以充足的区域来展现信息，整个界面的利用率很高，在不影响整体页面时次要信息也可以展现在页面当中。但在移动端中，在寸金寸土的屏幕当中，容不下无用信息的占有，所以每个页面的主要信息就需要有一个合理的规划和安排。用户使用移动端应用非常注重效率，移动端的产品设计难度就相对增加。
　　3，平台的设计规范和操作习惯的差异。web页面的操作，依然是大屏幕，鼠标操作，相对来说操作简单明了。移动端设备较多，平台目前主流有ios、android、windows phone，设计有拟物化扁平化等风格，不同的平台有着不同的设计规范，操作习惯也略有差异，android的返回按钮逻辑和ios的有所不同，windows phone的操作手势也有所不同，但是无论怎样都是基于人机交互的的原理，探索着更适合更方便人类操作的习惯和本质。所以在ui设计当中应该要考虑到这些因素。
　　粗略的总结也以上三点，也希望有经验者能够继续补充，在设计这条道路上，希望跟大家多交流，每天进步一点点。