5、數(shù)據(jù)錄入表單
用以錄入數(shù)據(jù)的表單組件:?jiǎn)芜x框、復(fù)選框、下拉框、文本框等等?梢愿鶕(jù)需要對(duì)這類網(wǎng)頁(yè)原生的交互組件的默認(rèn)外觀進(jìn)行統(tǒng)一的初始化。如果對(duì)交互效果要求比較高,需要設(shè)置鼠標(biāo)、鍵盤事件與表單項(xiàng)進(jìn)行交互時(shí)的不同樣式(如 onmouseover、onclick、onfocus等)。由于IE6-對(duì)偽類選擇器(hover、focus)支持不完善,制作這些效果的時(shí)候要使用腳本進(jìn)行一些兼容處理。另外,還有一些填寫表單時(shí)的注意事項(xiàng)等提示類信息,以及對(duì)錄入數(shù)據(jù)進(jìn)行驗(yàn)證出錯(cuò)時(shí)的錯(cuò)誤提示信息,這些信息通常會(huì)顯示在表單旁邊,驗(yàn)證錯(cuò)誤時(shí)還需要將出錯(cuò)的表單項(xiàng)進(jìn)行高亮顯示,這些樣式在公用模板里都需要進(jìn)行設(shè)計(jì)。
6、各類備注、報(bào)錯(cuò)、提示信息
包括上面提到的附加在元素旁邊顯示的表單填寫提示及驗(yàn)證報(bào)錯(cuò),和一些對(duì)內(nèi)容進(jìn)行解釋的備注說明等,還有一些可能會(huì)以單獨(dú)模塊出現(xiàn),例如用戶操作成功、失敗或者是登陸超時(shí)等提示信息。
7、交互UI組件:切換標(biāo)簽、下拉菜單和模態(tài)彈窗等
除了網(wǎng)頁(yè)表單控件以及瀏覽器提供的消息組件(alert、confirm、prompt),經(jīng)常還需要用到一些自定義的交互組件,例如切換標(biāo)簽、下拉菜單,以及考慮到易用性問題而對(duì)瀏覽器消息組件進(jìn)行封裝的模態(tài)彈窗等(例如lightbox、thickbox),可以選擇最常用組件集成到公用模板中。
能夠供不同專業(yè)背景的人員使用則要求:
出處:163 UED Team
責(zé)任編輯:bluehearts
上一頁(yè) 公用樣式模板的設(shè)計(jì)制作 [3] 下一頁(yè) 公用樣式模板的設(shè)計(jì)制作 [5]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|