《頁(yè)面表達(dá)常用方式》是整個(gè)“web交互設(shè)計(jì)方法”中的一部分:
設(shè)計(jì)師在設(shè)計(jì)頁(yè)面時(shí),應(yīng)該在頁(yè)面上建立許多視覺(jué)層次,引導(dǎo)用戶的視覺(jué)焦點(diǎn)。把用戶的注意力吸引到最重要的元素上,然后才把視線引導(dǎo)到其他重要程度次要的信息上。這樣便于用戶快捷迅速地找到自己所需,更好的完成閱讀、瀏覽任務(wù)。這里介紹幾種頁(yè)面表達(dá)的常用方式。
一、頁(yè)面的瀏覽順序
對(duì)用戶掃描頁(yè)面的時(shí)候進(jìn)行視線跟蹤,這叫做“視覺(jué)流”。好的設(shè)計(jì)能夠讓人們按照順暢的次序沿著它向前流動(dòng)。人們一般的習(xí)慣是從左到右、從上到下。
從左至右,從上到下:長(zhǎng)期以來(lái),用戶已經(jīng)習(xí)慣了從左至右、從上到下的閱讀習(xí)慣,所以頁(yè)面設(shè)計(jì)的時(shí)候我們需要讓瀏覽者從一個(gè)方向上看文字,用戶的視線從左至右、從上到下的,這樣做會(huì)更快更有效。不要讓文字排列成這樣:
這樣的排列也可以,仍是從左至右、從上到下:
按鈕要放在右邊:
左上角優(yōu)先:下圖中,亮度越高、越集中的地方,說(shuō)明被關(guān)注的越多:
從上到下,從左到右是默認(rèn)的視覺(jué)流方向。強(qiáng)烈的焦點(diǎn)會(huì)首先吸引眼球,然后才是次要信息的。
所以,在瀏覽順序上靠前、靠上的位置,即先被看到的位置,是容易被關(guān)注和記憶的地方,即“左上角優(yōu)先”。因?yàn)槿粘V腥藗兺鶝](méi)有充足的時(shí)間瀏覽網(wǎng)頁(yè),或在很快地獲取需要的資訊后即停止瀏覽或轉(zhuǎn)連到其它網(wǎng)頁(yè),所以左上角常常成為視覺(jué)焦點(diǎn)。
出處:Tencent CDC Blog
責(zé)任編輯:bluehearts
上一頁(yè) 下一頁(yè) 頁(yè)面表達(dá)常用方式 [2]
|