激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

ui界面設(shè)計(jì)能用的定律

發(fā)布時(shí)間：2024-01-26 15:43:49 瀏覽量：238次

在交互設(shè)計(jì)領(lǐng)域有很多經(jīng)過(guò)時(shí)間檢驗(yàn)的定律及法則，來(lái)作為設(shè)計(jì)的指導(dǎo)原理，它能夠幫助設(shè)計(jì)師對(duì)界面上的各種視覺(jué)元素進(jìn)行合理的評(píng)估，今天小編主要給大家分享ui界面設(shè)計(jì)能用的定律，希望對(duì)你們有幫助!

費(fèi)茨定律

費(fèi)茨定律是人機(jī)交互和人機(jī)工程學(xué)中人類活動(dòng)的模型，它可以預(yù)測(cè)從任何位置快速移動(dòng)到目標(biāo)位置所需的時(shí)間，與兩個(gè)位置之間的距離和目標(biāo)大小有關(guān)。

這里有兩個(gè)參數(shù)條件:

距離:起始位置離目標(biāo)位置越遠(yuǎn)，到達(dá)目標(biāo)位置的時(shí)間就越長(zhǎng)，相反，離目標(biāo)越近，花的時(shí)間就越短。

目標(biāo)大小:目標(biāo)區(qū)域越大，定位目標(biāo)的時(shí)間就越短，相反，目標(biāo)區(qū)域越小，精確定位目標(biāo)所需的時(shí)間就越長(zhǎng)。

界面中的費(fèi)茨定律

費(fèi)茨定律在產(chǎn)品界面設(shè)計(jì)中的主要作用是提高產(chǎn)品的可用性，更準(zhǔn)確地說(shuō)，它改進(jìn)的是產(chǎn)品可用性的效率指數(shù)，幫助用戶更快地完成某個(gè)操作或任務(wù)。

(1)盡可能縮短與目標(biāo)位置的距離，并保持相關(guān)操作的親密性。

當(dāng)設(shè)計(jì)頁(yè)面模式彈窗來(lái)指導(dǎo)用戶操作時(shí)，大多數(shù)產(chǎn)品會(huì)將操作控件放置在固定的頁(yè)面位置(通常居中或在頁(yè)面底部)。然而，“抖音”的設(shè)計(jì)讓人眼前一亮:當(dāng)用戶觸發(fā)時(shí)，系統(tǒng)會(huì)判斷用戶手指與屏幕的接觸位置，并在最靠近用戶手指的位置顯示模態(tài)彈窗的控制按鈕。

根據(jù)用戶手部活動(dòng)區(qū)域的變化，靈活地改變位置，使得用戶在手勢(shì)交互過(guò)程中能夠始終在手部的舒適區(qū)域內(nèi)操作。這是一個(gè)非常友好的經(jīng)驗(yàn)設(shè)計(jì)，以應(yīng)對(duì)大屏幕時(shí)代，也是一個(gè)好的設(shè)計(jì)點(diǎn)，適用于該定律:從開(kāi)始位置到目標(biāo)位置的距離。

例如，在QQ的登錄界面中，登錄按鈕的面積剛好大于拇指的面積(考慮到拇指點(diǎn)擊的舒適性)，無(wú)論鍵盤(pán)是否喚起鍵盤(pán)，按鈕的位置總是保持在拇指可以觸摸的舒適位置，因此根據(jù)前面的參數(shù)條件，按鈕的面積和觸摸距離是最好的。

假設(shè)登錄按鈕位于屏幕底部，盡管拇指的默認(rèn)懸停位置在屏幕底部，理論上此時(shí)最靠近登錄按鈕，但應(yīng)考慮以下場(chǎng)景:第一，鍵盤(pán)喚起;第二，與輸入框的密切關(guān)系，因此有效觸發(fā)登錄按鈕的行為是發(fā)生在后續(xù)場(chǎng)景中，所以放在距離輸入框最近的位置才合理。

除了移動(dòng)終端之外，當(dāng)在電腦終端上設(shè)計(jì)背景表單時(shí)，我們通常會(huì)遵循表單底部和離表單最近位置的決策按鈕。這也是為了縮短光標(biāo)移動(dòng)的距離，并使操作項(xiàng)(要輸入的表單)和決策項(xiàng)(提交/取消按鈕)更加有關(guān)聯(lián)性。

點(diǎn)擊左下角了解更多課程資訊

熱門(mén)課程推薦

熱門(mén)資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定