ant.design里反饋定義了幾種形式,包括警告提示(Alert),抽屜(Drawer)腥刹,對(duì)話框(Modal)展箱,全局提示(Message)退疫,通知提醒框(Notification)和氣泡確認(rèn)框(Popconfirm)。當(dāng)然還有其他的定義或者說法。
基本所有的反饋形式區(qū)分點(diǎn)在于是否自動(dòng)消失,頁(yè)面位置和是否可點(diǎn)擊操作碧信。
全局提示一般頁(yè)面頂部居中顯示并自動(dòng)消失,網(wǎng)頁(yè)中目前我還沒有見過街夭;通知提醒框一般在系統(tǒng)四個(gè)角顯示砰碴,比如軟件的更新,騰訊電腦管家的更新提醒都是系統(tǒng)右下角板丽;警告提示位置不固定呈枉,需要點(diǎn)擊關(guān)閉,比如office還是使用狀態(tài),編輯頁(yè)面上方一直有警告提示猖辫,需要點(diǎn)擊關(guān)閉酥泞;氣泡確認(rèn)框,對(duì)話框和抽屜的區(qū)別在于位置啃憎,兩個(gè)都是可以點(diǎn)擊操作并且需要點(diǎn)擊關(guān)閉芝囤。
根據(jù)是否自動(dòng)消失,可以判斷交互形式是否輕量辛萍。因?yàn)榭梢宰詣?dòng)消失凡人,十分輕量,所以也應(yīng)該放在頂部叹阔,而不是居中的位置。
根據(jù)頁(yè)面位置和是否可點(diǎn)擊操作传睹,可以判斷反饋信息的重要性和內(nèi)容長(zhǎng)度耳幢。系統(tǒng)的四個(gè)角落是相對(duì)不顯眼的角落,不打擾用戶欧啤,通知提醒框的內(nèi)容應(yīng)該也是可以延遲處理或者緊急性不高的內(nèi)容睛藻。
抽屜是從父窗體邊緣彈出,所占頁(yè)面比重很大邢隧,很多app的個(gè)人中心和設(shè)置這樣使用店印,網(wǎng)頁(yè)里最典型的就是點(diǎn)擊開始按鈕后的開始抽屜。
對(duì)話框十分常見倒慧,一般位置居中顯示按摘,網(wǎng)頁(yè)中進(jìn)行保存,刪除等操作纫谅,都會(huì)有這種提示炫贤。那么氣泡對(duì)話框呢,一般是目標(biāo)元素附件彈出付秕,有明顯指向性兰珍。因此如果頁(yè)面可操作按鈕多且集中,進(jìn)行操作時(shí)不是容易區(qū)分询吴,可能氣泡對(duì)話框更合適掠河。另一個(gè)就是居中顯示可能遮擋部分關(guān)鍵內(nèi)容。
隨想粗糙猛计,僅作討論唠摹,不作參考,持續(xù)修改有滑,謝謝跃闹!