主页 > 洞察 > 设计沙龙 > UI界面设计
  • 触屏用户界面设计需要注意哪些问题?

    adinnet / 2017-08-25 16:59 /UI界面设计

    对于移动设备的操作系统及应用来说,判断其用户界面设计方案是否优秀的一个重要衡量标准,就是看它对于手指触控操作的友好程度。所以触屏界面设计就非常重要,因为触摸屏手机更主要的特点是直接操作屏幕对象,所以在界面设计上会有更多因素要考虑,一起来看看触屏用户界面设计需要注意哪些问题。

    触屏界面设计注意事项和技巧

    1、操作对象的大小符合手指的操作,按键的大小设置规范:

    1)、食指点击的间距 约为7*7 mm, 1mm间距,

    2)、拇指点击8*8 mm,2mm间距。当前推荐的值为9mm 大小,更小应不小于7mm。

    3)、当然一些重要操作,或者频繁点击的区域可以设置的略微更大一些。

    2、由于单手操作时,只能使用拇指操作,因此,使用更频繁的按钮大小必须根据拇指的大小来设置;拇指辐射的范围主要在屏幕的底部,因此需要把这些操作放在稍微靠下面的位置更好。

    3、信息显示:大屏幕可以显示更多的内容,但是避免信息显示过于拥挤。

    4、手势的定义:当前手机上我们可以看到一些基本的手势操作,如拨动、拖拽、双指放大

    我们可以将讨论过的话题归纳为几点设计原则:

    5、对于iPhone中的客户端应用,尽量将重要的交互对象及导航结构放在界面底部。

    6、对于Android中的客户端应用,尽量将重要的交互对象及导航结构放在界面顶部。

    7、对于移动版本的网站页面,尽量将导航结构放在页面底部(注意,不是当前用户界面的底部)

    8、与手机界面不同,在iPad及同类平板设备的应用当中,主要的交互控制对象应该被放置在界面的左上角或右上角,以便拇指可以很容易的触摸到。

    以上就是触屏界面设计的一些注意事项,在有限的小屏幕可视区域当中打造出成功的用户界面设计方案,必须结合实际的产品需求,在交互元素的尺寸和空间布局等方面做好充分的权衡与判断。

上一篇:CRM客户关系管理系统开发有哪些类型? 下一篇:O2O商城网站建设方案