<xmp id="e0gg0">
  • <nav id="e0gg0"><strong id="e0gg0"></strong></nav>
    <nav id="e0gg0"><strong id="e0gg0"></strong></nav>
    <menu id="e0gg0"></menu>

    7.2 界面元素的布局

    第二章里,我們曾經在直接操縱的概念當中提到了界面元素的尺寸及間距方面的設計問題。為觸屏設備打造用戶界面設計方案的時候,有兩點基本的設計要素是必須考慮到的:

    在iPhone時代之前,我也許會對觸控元素的目標區域尺寸做出非常明確的建議。其實直到幾年前,我們仍習慣于為觸控目標設定一個比較大的“最小尺寸”,以避免因為觸控元素過小所造成的可用性方面的問題。曾經,這個最小尺寸大致在1cm2到1.5cm2之間。想想看,這可是一個不小的按鈕了,甚至比iPhone中的應用圖標還要大。另外,在多個觸控元素的間距方面,曾經的大致原則是,無論橫向還是縱向,彼此之間至少要保持1cm的距離。過去的這些習慣性做法也是有一定道理的,因為當時的觸屏技術在感應定位方面還無法做到非常精確,很多時候,一個交互對象的有效觸控區域距離其本身會有一定程度的偏差。所以當時的用戶界面設計方案必須將這些方面的因素都考慮進去。另外,大尺寸的觸控目標區域也可以為用戶帶來某種心理上的保障,使操作感更加舒適穩妥。

    如今,這種情況已經得到了一定程度的改善,但界面元素的觸控區域尺寸及間距方面的問題依然是我們在打造交互體驗的過程中所必須考慮到的。iOS設備所采用的電容觸屏技術在感應定位方面具有高度的精確性。也許你已經注意了,當使用iPhone瀏覽網頁的時候,即使頁面一直保持在默認的縮小狀態,你依然可以通過小指來準確地點擊到那些已經被縮得很小的鏈接或按鈕。在這種情況下,我們其實并不需要在觸控元素目標區域的最小尺寸上做過多的糾結;相比而言,觸控元素之間的間距才是界面布局方案當中的關鍵因素。

    觸控元素彼此之間的距離越近,用戶誤操作的可能性就越大。關于間距的把握,我們有一個大致的原則,也就是兩個觸控元素之間的距離應該與它們自身的尺寸成反比。

    iphone control ui elements layout

    圖 7-11 兩個觸控元素之間的距離應該與它們自身的尺寸成反比

    觸控元素的尺寸越大,它們之間的距離就可以越近。反之,小尺寸觸控元素之間應該盡量保持較大的間距,因為較小的元素對觸摸的準確性要求更高,它們之間的距離必須足夠遠,才能有效地降低誤操作的可能性。而大尺寸交互元素通常是很容易被觸摸到的,減小它們之間的距離并不會對操作的準確性造成影響。

    略有夸張的講,如果界面當中只有一個交互對象,那么即使將它設計為1像素見方,單從觸控操作的角度來說也是完全可行的。

    啊灬啊灬啊灬快灬片免费
    <xmp id="e0gg0">
  • <nav id="e0gg0"><strong id="e0gg0"></strong></nav>
    <nav id="e0gg0"><strong id="e0gg0"></strong></nav>
    <menu id="e0gg0"></menu>