界面知識，如何表現(xiàn)界面中的優(yōu)先級(3)

5.位置

位置是在設(shè)計開始就會考慮的問題 ，人眼觀看事物時，總會遵循一些特定的規(guī)律，在設(shè)計界面時遵循這些規(guī)律，能幫助用戶更容易、更快捷地看到或理解眼前的事物。其中有兩條規(guī)律和位置設(shè)計元素有關(guān)。

1) 當(dāng)眼睛偏離視中心時，在偏離距離相等的情況下，人眼對左上的觀察最優(yōu)，依次為右上，左下，而右下最差。因此，左上部和上中部被稱為“最佳視域”。例如，網(wǎng)站logo、商品名、主題等重要信息，一般放在最佳視域內(nèi)。當(dāng)然，這種劃分也受文化因素的影響，比如阿拉伯文字是從右向左書寫的，這時最佳視域就是右上部。

下圖是摘自張帆 羅琦 宮曉東的《網(wǎng)頁界面設(shè)計藝術(shù)教程》對一個屏幕劃分后，用戶對不同位置不同的關(guān)注度差別：

2) 第二條規(guī)律是眼睛沿水平方向運動比沿垂直方向運動快而且不易疲勞，一般先看到水平方向的物體，后看到垂直方向的物體。如下圖所示，左右的關(guān)注度差別要小于上下關(guān)注度差別，如想要體現(xiàn)并列的關(guān)系，左右排列會更合適;而如果要拉開差距，僅通過位置來實現(xiàn)，上下排列更容易達(dá)到目標(biāo)。

充分利用我們的視覺習(xí)慣，將信息結(jié)構(gòu)化讓閱讀起來更容易理解和瀏覽；重要的信息更突出；氛圍更符合界面。注意做好這些有助于提高用戶良好體驗感的東西，就能做出 好的UI設(shè)計。

————————————————

如果小伙伴們覺得還不錯，請點擊收藏噢，愛收藏的人兒，運氣都不會太差，還有一定要粉哦～