课程咨询 :13481013014

南宁UI培训 > 达内新闻 > 网页ui设计和手机ui设计的不同之处
  • 网页ui设计和手机ui设计的不同之处

    发布:南宁UI培训      来源:达内新闻      时间:2016-02-23

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

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


    1、精确度不同

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

    2、位置不同

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

    3、操作习惯不同

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

    4、按钮状态不同

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

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

    推荐文章

上一篇:微信ui设计的一些不足之处

下一篇:没有美术基础可以学ui设计吗?

最新开班日期  |  更多

UI培训免费训练营

UI培训免费训练营

开班日期:

第一阶段 GUI 平面设计

第一阶段 GUI 平面设计

开班日期:

第二阶段 AUI 商业美术

第二阶段 AUI 商业美术

开班日期:

第三阶段 WUI WEB界面设计

第三阶段 WUI WEB界面设计

开班日期:

  • 地址:南宁市科园大道东四路远信大厦
  • 课程培训电话:13481013014     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56