2.3 触摸至上的设计
这种折中的设计思维可以体现在触摸交互界面中,现在,它已经扎根于桌面网页设计中了。
在触摸交互界面中,手指作为定点设备比鼠标的指针大得多,这就需要更大的触摸对象。为了确保可用性,交互元素也需要更大。出于美学的考虑,需要相应地增大内边距和外边距——更大的交互元素需要更大的边距来保持一种视觉上的平衡感。
Gmail在新设计中采用了很多留白区域,增大了按钮的内边距,非常适合手指操作,尽管这是桌面版的设计。
按照以前的思维,触摸交互界面和桌面界面泾渭分明,但iPad的出现以及流行使两者之间的界线变得模糊——iPad为两者“牵线搭桥”。iPad的触摸设计影响了桌面界面设计。可以留意一下最近桌面界面设计的主要作品,诸如Gmail、Twitter和一些CSS图库,可以看到网页上的设计开始跟以前略有不同了。元素看起来似乎更丰满了。更多的留白区域,更大内边距的按钮,总体说来,就是元素更大了。当然,日益增长的桌面屏幕尺寸也是产生这一现象的原因之一。
这种设计对于鼠标操作来说,可能元素排布不是很紧密,但是却给拇指提供了充足的操作空间,防止了触摸的误操作。允许些许的不完美,以提供更普遍化的用户体验。这论调听起来是否很熟悉?没错,这就是界面设计中的平均律!
需要注意的是,如果界面设计能够适合手指的触摸操作,那么该设计一般会更适合桌面上的鼠标操作。易于触摸的按钮通常会更易于点击。平衡来自混乱,完美来自些许的瑕疵,通过这种设计方式,在满足触摸交互体验的同时,也提升了桌面场景的体验。
微软的Metro化设计Metro design语言以触摸为主,实现了很好的交互性。
时间: 2024-12-25 17:05:20