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

5.位置

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

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

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

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

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

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

如果小伙伴們覺得還不錯(cuò)，請(qǐng)點(diǎn)擊收藏噢，愛收藏的人兒，運(yùn)氣都不會(huì)太差，還有一定要粉哦～