表單指由字段與字段所需輸入的內(nèi)容組成，以文字內(nèi)容的左對齊、右對齊、兩端對齊混合使用就形成一組表單，如最常見的登錄、注冊頁面。下圖整理了一些使用得較多的表單混合對齊樣式。

在以上表單混合對齊中，軸線對齊在很久很久以前某個項目中使用過，到現(xiàn)在還記得為了讓項目負責人同意使用軸線對齊這種樣式辯解過，當時他是不贊同使用這種樣式的，覺得不好看，不過最終在我的堅持下同意了?，F(xiàn)在重新看回這個項目，發(fā)現(xiàn)軸線對齊給我感覺是很亂，很不整齊，仔細觀察后，發(fā)現(xiàn)產(chǎn)生亂和不整齊的原因是在這里。

軸線對齊的毛病

上圖是把表單內(nèi)的元素以一個整體來看，我用一條封閉線段繪制整體的軌跡，這樣可以看出它的整體是什么樣的形。除了軸線對齊外，其他整體左邊都有一條垂直的線，就是因為這條垂直線，看起來會顯得整齊，還有兩個是形成一個方形，這樣更顯得整齊。而軸線對齊的軌跡左右兩邊是凹凸不平的，雖然它有一條中軸線，但是以一個整體去看，它是亂的、不整齊的。

下面看一個具體的例子吧。

把中間的所有內(nèi)容以一個整體去看，由于內(nèi)容更多且字段字數(shù)范圍更大，形成的隱形軌跡會更凹凸不平，像沒被排列過的隊伍，顯得很不整齊。不過曾經(jīng)看過一篇文章分析說，這種軸線對齊樣式操作效率是最高的，依稀記得是眼動距離優(yōu)勢，現(xiàn)在記得不太清了。還有個優(yōu)點是左側(cè)字段如果字數(shù)較多，延展性更好。個人覺得視覺是第一步用戶體驗，視覺做好，會提升進一步操作了解的興趣。因為存在這個凹凸不平的問題，所以在表單設(shè)計中，我基本很少用軸線對齊。

分享一個交互體驗和表單設(shè)計都做得很好的案例，如下圖，包含正在輸入、未輸入、錯誤提示的狀態(tài)。

軸線對齊只是在表單設(shè)計中我會少用，在平面設(shè)計中的用得好，表現(xiàn)力是很出色的，如下面的設(shè)計。

延伸其他對齊問題

文字整齊排列會隱藏著橫向和縱向的直線段，只要增加間距，直線段會更加明顯，可以代替分隔線區(qū)分不同內(nèi)容所占用的區(qū)域。

如上圖，即使去掉方框和分隔線，區(qū)塊之間也不會混亂，反而更清爽舒服，所以能不用分隔線盡量別用分隔線，最好使用文字隱藏的分隔線代替。

以上是個人設(shè)計的小小心得，如果不對，歡迎交流指正！