本規(guī)范按web交互屬性分三個部分:頁面信息規(guī)范、信息交互規(guī)范、通用組件規(guī)范。
一、 頁面信息規(guī)范
頁面命名每個頁面都要有與之模塊對應的名稱。
頁面兼容性
(1)頁面大小兼容自適應1366*768px及以上的分辨率,默認窗口設置下,不應出現(xiàn)水平滾動條,避免出現(xiàn)垂直滾動條(當內(nèi)容過多時允許滾動條)
(2)彈窗、彈頁要保證768高度的分辨率顯示正常,同時能移動查看彈出框內(nèi)容。彈出框高度為不超過450px,且顯示在內(nèi)容頁面相對水平、垂直相居中位置。
瀏覽器兼容
兼容Chrome、Firefox、Safari、IE8及以上主流瀏覽器。
文字
(1)文字用系統(tǒng)自帶的常規(guī)字體,且分一級標題、二級標題、主內(nèi)容文字、次內(nèi)容文字、輔助文字(說明或引導性文字,提醒性文字),分別用不同的字號、顏色。具體字號大小和顏色參考UI設計效果圖。
內(nèi)容圖片
(1)內(nèi)容圖片均帶1px描邊。
(2)內(nèi)容圖片未加載出來時顯示系統(tǒng)默認圖片。
二、 信息交互規(guī)范
數(shù)據(jù)操作
顯示數(shù)據(jù)(表格)、選中數(shù)據(jù)、新增數(shù)據(jù)、修改數(shù)據(jù)、查詢數(shù)據(jù)、刪除數(shù)據(jù)、提交/上傳數(shù)據(jù)
提示信息
預先信息提示、操作信息提示、結果信息提示
三、 通用組件規(guī)范
導航
菜單導航欄、導航菜單、當前位置導航
公司級的規(guī)范文檔格式并不是像上文一樣,但鑒于簡書排版能力有限,只能做到這樣子了