上一篇圍繞對齊和連續流這兩個設計原則，談了資訊設計中用到的幾種對齊方法以及和連續流的關聯，這一篇嘗試用這些原則分析登錄檔單選項該怎麼設計。

登錄檔單，也就是我們在註冊網路產品或者填寫信用卡申請表時的東西，目前主流的表單有兩種，一種是專案左對齊，另一種是專案靠著輸入框作右對齊。目前兩者都有很多例項存在，不能說誰對誰錯，不過相信經過下面的分析，我們能對這兩種方式產生更理性的認識。

首先看左對齊的優點
1、有兩條對齊引導線（選項左對齊線與輸入框對齊線），適合瀏覽（從上往下查看錶單各個選項）
2、整體外觀規整，視覺效果好，容易配合各種頁面。

從前面的對齊原理看，左對齊方式做的很棒，有整齊劃一的資訊和整體的美感，並且有效引導人們的目光以一定的規律移動，也就是從上往下，然後問題也出在這裡了。

使用者在填寫表單的時候，並不是先從上往下閱讀選項，接著從上往下填寫右側輸入框。正常的使用者是看一個選項填寫一個輸入框，然後再換下一行，這在幾天前的討論中我也提到了，所以使用者在這裡的目光移動軌跡實際是一個不斷重複Z字形的折線。

那麼，左對齊方式存在的問題就很明顯——當選項文字長短不一時，個別字數較少的專案和輸入框間距會很大，從連續流原理上看，較大的間距使得兩者對齊於同一橫向直線的視覺引導減弱，也就降低了兩者的關聯度，沒有很好的引導使用者按照合理的視覺路徑，換個更簡單的說法就是，我填寫的時候有點瞄不準當時填的輸入框對應是左側哪一行。而且選項相互左對齊，產生的對齊引導線非常醒目，更加干擾使用者左右來回的瀏覽。

另外，這種方式也勢必導致目光的每次來回移動的Z字距離都是最長的。

再來看右對齊。選項與輸入框之間的距離縮小到最小，很方便的從選項順勢瀏覽到右側的輸入框，有良好的連續流，使兩者的關聯度得到加強，符合使用者左右來回的視覺行為；另外，選項右對齊線與輸入框左對齊線靠在一起，相當於二者都有對齊，並且對齊與同一直線，這樣，不僅使選項及輸入框兩者分別有從上往下的對齊暗示，也兼顧到了整體視覺美感。

所以，我的觀點還是和那天一樣，選項右對齊在登錄檔單中更為合理。

不過右對齊也有它的缺點，相比左對齊，整個表單外部的規整性就不如左對齊，尤其當選項數很多，長短參差不齊時，左側會產生一條很亂的不規則鋸齒，像是蝴蝶翅膀剪了碎髮，毛毛糙糙的。所以，使用右對齊方式時最好控制一下表單專案數，縮短左側不整齊邊緣，彌補整體美觀。

比如亞馬遜的登錄檔單，控制了左側選項數目。

有的時候設計需求就有很多，選項不可能減少，那麼合理的分割選項，使得本來大片的不規則邊緣變成幾個短的區塊，這也是一種有效的辦法。參見開心網的登錄檔單。

如果分割開了還是覺得不夠整潔呢？那就從根源解決這個問題。

導致外觀不規整的原因是失去左側的對齊引導線，不如我們再額外給他補上，最有效的辦法就是直接給表單畫上可見的表格線，還可以給需要加強的行或列增加底色，進一步強化對齊。參看淘寶註冊頁面。

前面介紹的都是適應性較強的方式，能普遍應用到大部分登錄檔單，還有一些特殊的設計形式，把選項和輸入框完全揉在一起設計，看似有點亂，但是按照使用者實際使用操作時目光軌跡而設計的，雖然不能產生良好的整齊劃一感，但是實際用起來卻是非常有效。比如百度和豆瓣的登錄檔單。

登錄檔單差不多就這麼幾種形式，具體使用哪一種還要根據實際情況再決定，遵守設計原則能幫助設計師在設計資訊時不犯錯誤，並且建立一個有效的評估標準。

最後引用《最佳設計100細則》作者威廉·利德威爾的忠告：優秀的設計師有時並不理會設計原則，但是，他們這樣做，儘管因違反原則而付出了代價，他們往往會進行一些補救，取得最佳的效果。如果沒有這個水平，還是遵循設計原則為好。