位置：厦门思明区爱达华电脑培训学校 > 学校动态 > 网页设计和手机应用UI设计两者的区别

网页设计和手机应用UI设计两者的区别

来源：厦门思明区爱达华电脑培训学校时间：2021/9/9 17:49:20

　　网页设计和手机应用UI设计两者之间的区别
　　1度不同：
　　鼠标的准确度是相当高的，哪怕是再小的按钮，对于鼠标来说，也是可接受的（注意，仅仅是可接受），点击的错误率不会很高。
　　而手的准确度相对而言就没那么高了，而且还要照顾一些肢端较大的用户，因此对于手机UI中的按钮，就需要一个比较大的范围，以减少错误率（相信不少人咒骂过iphone的输入法吧，这就是个很好的例子）
　　2位置不同：
　　对于鼠标，可以说按钮在屏幕中的任何位置，对于操作的影响都不是很大，你可以轻松的移动鼠标到任何你想去的位置，点击任何你需要的按钮。因此我们可以看到大部分的网页，按钮都在边缘的一个狭小空间内。
　　而对于手机UI，你需要考虑的是手机的使用环境，通常人们更加希望单手操作手机（某品牌的7寸大砖头除外），因此，我们设计的按钮，通常更多的在屏幕下方，或左右手大拇指能控制到的区域内。
　　3操作习惯不同：
　　对于鼠标，通常我们有单击，双击，右键这几种操作，因此在网页设计中，我们可以设计右键菜单，双击动作等等。
　　而对于手机UI，通常我们有点击，长按和滑动甚至多点触控，因此我们可以设计长按呼出菜单，可以设计滑动翻页或切换，可以设计双指的放大缩小，以及双指的旋转等等。
　　但很明显，我们不能把以上这两种操作习惯混用，想象一下如果手机应用中出现右键菜单，或者网页中出现多点触控操作，那么先骂的就是用户，然后就是设计师的老板了。
　　4按钮状态不同：
　　对于网页中的按钮，通常有四个状态：默认状态，鼠标经过状态，鼠标点击状态，不可用状态。而对于手机UI中的按钮，通常只有三个状态：默认状态，点击状态和不可用状态。

领取试听课

每天限量名额，先到先得

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/5415/news/407905/违者必究！以上就是厦门思明区爱达华电脑培训学校小编为您整理 网页设计和手机应用UI设计两者的区别的全部内容。