|
對(duì)齊
在內(nèi)容排版的設(shè)計(jì)中，把內(nèi)容右對(duì)齊，會(huì)形成一種良好的雙重邊界，該邊界沿著這一組對(duì)象的中間向下延伸（利用了格式塔原則——連續(xù)性原則），這樣帶來(lái)的好處是加強(qiáng)了邊界引導(dǎo)讀者的眼光平滑向下延伸，有助于形成良好的視覺(jué)流。如下圖：
在表單設(shè)計(jì)中，也是如此。能夠使操作區(qū)域?qū)R，將大大提升用戶的完成任務(wù)的效率。但是對(duì)齊是以左對(duì)齊還是右對(duì)齊也要引起注意。據(jù)研究表明，標(biāo)簽和輸入框之間的空白區(qū)域加重了用戶的認(rèn)知負(fù)擔(dān)（cognitive loading），用戶必須花相當(dāng)多的時(shí)間以便在標(biāo)簽和輸入框之間移動(dòng)視線：
操作過(guò)程中，用戶更關(guān)注輸入框本身，而不是標(biāo)簽。用戶眼睛關(guān)注點(diǎn)的轉(zhuǎn)移速度是非常快的，并且即使不從頭閱讀標(biāo)簽也能明白它的意思。但人們習(xí)慣于從左至右的書寫，所以這種右對(duì)齊的布局給用戶造成了細(xì)微的閱讀障礙：
而以下這種擺放形式的好處就是，用戶可以一眼就看到標(biāo)簽和它對(duì)應(yīng)的輸入框，而且不用擔(dān)心用戶閱讀標(biāo)簽帶來(lái)的額外負(fù)擔(dān)：
出處：Tencent CDC Blog
責(zé)任編輯：bluehearts
上一頁(yè) 頁(yè)面表達(dá)常用方式 [1] 下一頁(yè) 頁(yè)面表達(dá)常用方式 [3]
|
第 1 頁(yè) 
第 2 頁(yè) 頁(yè)面表達(dá)常用方式 [2]
