南宁UI培训
达内南宁UI中心

tel:18249965035

热门课程

网页ui设计和手机ui设计的不同之处

  • 时间:2016-02-23
  • 发布:南宁UI培训
  • 来源:UI教程

UI设计除了我们熟知的平面设计之外,还有网页UI设计和移动设备UI设计的内容,关于网页和手机端的UI设计的差异有哪些呢?

我们知道,网页的操作使用的是鼠标,而手机等移动设备我们是用手指操作的,这就使得网页UI和手机UI产生了很多的区别:


1、精确度不同

鼠标的准确度是相当高的,哪怕是再小的按钮,对于鼠标来说,也是可接受的,点击的错误率不会很高。而手的准确度相对而言就没那么高了,而且还要照顾一些肢端较大的用户,因此对于手机UI中的按钮,就需要一个比较大的范围,以减少错误率。

2、位置不同

对于鼠标,可以说按钮在屏幕中的任何位置,对于操作的影响都不是很大,你可以轻松的移动鼠标到任何你想去的位置,点击任何你需要的按钮。因此我们可以看到大部分的网页,按钮都在边缘的一个狭小空间内。而对于手机UI,你需要考虑的是手机的使用环境,通常人们更加希望单手操作手机,因此,我们设计的按钮,通常更多的在屏幕下方,或左右手大拇指能控制到的区域内。

3、操作习惯不同

对于鼠标,通常我们有单击,双击,右键这几种操作,因此在网页设计中,我们可以设计右键菜单,双击动作等等。而对于手机UI,通常我们有点击,长按和滑动甚至多点触控,因此我们可以设计长按呼出菜单,可以设计滑动翻页或切换,可以设计双指的放大缩小,以及双指的旋转等等。

4、按钮状态不同

对于网页中的按钮,通常有四个状态:默认状态,鼠标经过状态,鼠标点击状态,不可用状态。而对于手机UI中的按钮,通常只有三个状态:默认状态,点击状态和不可用状态。

另外,电脑显示屏与手机显示屏的尺寸差别也很大,所以这诸多原因使得网页UI和手机UI设计不同,但是达内UI设计培训课程中都可以学到,所以更符合实际的职业需求。

上一篇:微信ui设计的一些不足之处
下一篇:没有美术基础可以学ui设计吗?

分分钟就能学会的字体书写,南宁UI培训

女设计师未来的路该怎么走?南宁UI培训

你会如何取得面试官的赏识,南宁UI培训

也许能够改变你命运的小程序,仅供娱乐,南宁UI培训

选择城市和中心
贵州省

广西省

海南省