2014年3月26日星期三

輸入框

由於網頁設計公司“標籤左對齊佈局”的優點(方便檢索並且減少垂直高度),嘗試糾正它的主要缺點(標籤和輸入框的分離)就很誘惑人。    一個方案就是增加背景色和分割線,不同的背景色產生了一列垂直的標籤和一列垂直的輸入框,每一組標籤和輸入框利用清晰的水平線分開。雖然這聽上去不錯,但是還是會存在問題。   對比之前的形態(用戶主觀的視覺區分),這增加了15個視覺元素:CMS中間線、一個個有背景色的單格以及一條條的水平線。這些元素會轉移用戶的視線,讓用戶難以聚焦到一些重要的元素上,比如標籤和輸入框。 正如 Edward Tufte 指出的:“資訊本身存在差異,必然產生感官上的不同。”換句話說,任何對佈局無用的視覺元素都會不斷地擾亂佈局。當你試著流覽左側的標籤就可以發現,你的視線總是被打斷,停下來想那些水平線、單格和背景顏色。   當然這並不意味著放棄背景色和線條。它們對於電子商務劃分相關區域資訊還是很有效的。比如一條細水平線或者一個淺淺的背景色,都可以從視覺上組合相關資料。背景色和線條對於區分表單的主要操作按鈕尤其有效。

没有评论:

发表评论