無論是 2D 還是 3D 繪圖軟體,輔助線對齊和網格對齊已經成為一項標準功能——即使在 Office 這樣的軟體中,網格對齊作為預設啟用的功能也隨處可見。現今的輔助線與網格對齊通常有如下幾種方式:
- 不對齊:即可以完全自由地移動、旋轉和縮放,不自動對齊或貼合任何輔助線或對象。在 Windows 畫圖程式裡永遠就只能處於這種最初級的狀態。
- 網格對齊(Snap to Grids):在 MS Office 中使用繪圖功能(比如在 PowerPoint 中插入一個矩形)時,這是預設開啟的選項。整個繪圖區域被平均劃分成 N x M 的網格,所有繪圖的操作的座標都會被強制移到最近的網格線交點上。對於來說,這是非常方便的處理方式。
- 輔助線對齊(Snap to Guides):在繪圖軟體中較為常用,使用者可以自己定義水平或垂直輔助線,然後當繪圖操作的螢幕座標與輔助線的螢幕位置近到一定的程度時,即會被強制移到輔助線上。產生一種“吸附”的感覺。
- 智能輔助線對齊:在具體行為上與輔助線對齊類似,但這些輔助線不是由使用者手動定義的,而是根據實際情況自動臨時產生的。通常包括被操作對象自身和周邊對象的邊線與中軸線、對角線等等。
我並不打算在這裡添加一種新的對齊,而是在具體操作上的一點修改。軟體使用者往往會遇到這樣一種情況:即多數情況下這些對齊功能非常有用,但也有一定的少數情況下(並非極少數,只是相對較少而已),我們確實需要刻意偏離輔助線一點點。目前的做法是,在需要的時候臨時關閉對齊功能,之後再開啟。
例如中的情況,當使用者將上方的灰色矩形向輔助線靠近時,一旦距離小於 4px,就會自動吸附,成為下方的樣子。
事實上,對齊的存在是為了使使用者不必進行精確的定位即可進行整齊劃一的設計,由費茨法則(Fitts’ Law)可知,由於原本需要 1px 的精度擴大到了通常為 8px(即 ±4px),因而可以將操作速度提高至原先的 3 倍左右。然後我們便可以發現:
- 當使用者操作速度較快時,說明他們並不想把時間花在精確定位上(或者說他們相信自動對齊輔助線或網格線會協助他們處理),此時應當通過輔助線對齊來協助使用者快速建立整齊的繪圖。
- 當使用者操作速度較慢時,說明他們希望進行精確定位,此時應當允許使用者自由定位,而不受輔助線的約束。
這樣一來,如果系統檢測到使用者在輔助線附近進行慢速移動(比如慢於 5px/sec),那麼就可以臨時關閉輔助線和網格對齊功能,使使用者可以自由地進行移動和縮放,甚至可以彈出放大鏡及尺規協助使用者進行精確定位,如所示。
另外,使用者的操作曆史序列也有助於協助判斷當前的操作動機是粗略定位還是精確定位。假設使用者之前對某對象剛剛進行了一次遠距離的位移或者尺寸調整(比如說超過20px或者超過自身尺寸的30% 或者其他基於內容相關的參考值),那麼緊接著對同一個對象進行慢速操作往往意味著精確定位,此時可以毫不猶豫地臨時性關閉輔助線或網格對齊功能。
此法還可以延伸至其他可以通過使用者操作的速度來對系統的行為進行智能最佳化的方面,例如對於大規模魚眼列表的滾動控制、大尺寸顯示裝置上的定點裝置輔助等等。
(著作權,轉載請註明出處並保留連結。)