見龍?jiān)谔镅邪l(fā)中心界面規(guī)范

見龍?jiān)谔镘浖こ萄邪l(fā)中心界面規(guī)范目錄TOC\o"1-5"\h\z\u前言3蹤1.刃說明聚賽4塔2.禁細(xì)節(jié)薪兇4冷2.1晴UI珍色彩與字體增競4備注：5紀(jì)臉外部主界面謹(jǐn)鳴5撥暫內(nèi)部管理主浴界面惱奸5莊2.2封布局與間距莫躬6幟2.3理按鈕廟跳6暮2.4員超鏈接使徒7甲2.5粉分頁控件日冠7昂2.6g厘rid再v線iew耕糕7葵2.7癢驗(yàn)證信息提忌示滋肚7射2.8搏窗口網(wǎng)蹈9宋2.9租日期格式淘稻9甩2.10霧特殊字符瘡封10垃2.11療英文輸入四殘10傲2.12販數(shù)值字段扁末10扮2.13掃字符字段叮輸10酬2.14害單行文本框扭默10歇2.15蚊密碼輸入綱佛10慚2.16插鼠撫萄標(biāo)秘尖11麥2.17淋敲光標(biāo)定位企沈11斤2.18德TAB背鍵遼給11前言禿界面武是軟件與用姥戶交互最直甘接的層，界享面的好壞決魂定用戶對軟醋件的第一印蹲象榜。設(shè)計(jì)良好機(jī)的界面能夠支引導(dǎo)用戶自婆己完成相應(yīng)叨的操作，起章到向?qū)ё饔昧?。衰介于見龍?jiān)谌镘浖こ痰钛邪l(fā)中心內(nèi)撇部管理系統(tǒng)榨，以及外部熔網(wǎng)站的設(shè)計(jì)宏，對于界巡面止做了以下幾羊點(diǎn)要求：目的：捷1笑、但盆以用戶為中討心。設(shè)計(jì)由絞用戶控制的暖界面，而不芒是界面控制稠用戶。異除2蘭、匠清楚一致的問設(shè)計(jì)。所有惑界面的風(fēng)格匙保持一致，報(bào)所有具有相漆同含義的術(shù)縱語保匯持一致，且桿易于理解。比3棵、瓦擁有良好的斷直覺特征。貝對腹用戶所熟悉螞的現(xiàn)實(shí)世界發(fā)中的事物進(jìn)煩行加抽象將，糾來給畜用戶以暗示歸，盡快幫助敏用戶學(xué)會如關(guān)何操作軟件由。豎胃4劃、炸較快的響應(yīng)耐速度。臉心5賄、木簡單且美觀最。打鈴本規(guī)范的主吃要設(shè)計(jì)為：匙1壞.話對于界面規(guī)簡范的介紹曲2翼贏.酷對于界面設(shè)量計(jì)的細(xì)節(jié)部瀉分做了充分盛的要求與說奴明1.說明蒙設(shè)計(jì)由用戶蘋控制的界面筑，而不是界斤面控制用戶保。清楚一致俊的設(shè)計(jì)，所若有界面的風(fēng)因格保持一致舉，所有具有神相同含義的麗術(shù)語保持一側(cè)致，且易于范理解，擁有翁良好的直苗覺特征，理對以用戶所熟悉嚴(yán)的現(xiàn)實(shí)世界什中的事物進(jìn)膝行確抽象辦，手來給方以嗽用戶暗示和式隱喻積，軋來幫助用戶僵能迅速學(xué)會圓軟件的使用做，整個(gè)系統(tǒng)謀能夠有較快酸的響應(yīng)速度農(nóng)，簡單且美異觀。界面規(guī)迎范是測試部擾門對于提交慘的項(xiàng)目的界頑面所作測試顏的依據(jù)。2.細(xì)節(jié)筑2殺.1塌UI蒼色彩與字體洽剪導(dǎo)航欄的鐘字體晉均俗為頌14px吵。打新聞朵詳細(xì)亮頁面標(biāo)題字扁體為幕16px匪，正文字體翠為濁14px菌，杰副欄字體籮12px決，歡行間距膜150%錯。候按鈕內(nèi)字體記為混14px筋。足grid允view污控件內(nèi)的字竟大小統(tǒng)一用財(cái)默認(rèn)即奸small啦即連12px蜂。慘新聞標(biāo)題列朽表字體大小晨12px練?；鄢溄印胺翟旎厣弦患墶鄙茸煮w大小重14px鼠。板內(nèi)部系統(tǒng)詳堆細(xì)、編輯、通高級查詢、災(zāi)添加、登記肥、修改這頁面內(nèi)的字虜體件均為挽12px帆。鋸時(shí)間字體大駐小均為梁12px耀。備注：稿外部主界面兔：輛文字豈大?。ǘx幟）谷字體植顏色不14史宋體路#僚82c吹7e7特16久宋體割#尋132ad鬼7我12渴宋體紅#歌00000泉0尿14煮宋體飲#挖132ad糧7懷14棕宋體漠#0000續(xù)00數(shù)12銜宋體驢#熱雷93939越3名內(nèi)部管理主鬼界面鉛：片文字雷大小（憲px仗）健字體梅顏色模14膝宋體怠黑噴12廢.御…進(jìn).這..麥14智…獵#魯568fb飾3券34汗.破…晨黑旱(秒上班，下班蹦)頂14些…屯黑跑(錫背景顏色鍛#貞ebf7f裙d丟)向14牢…留…狀2粘.拴2蕉獵布局與間距無查詢時(shí)間文悟本框必100p垮x殲，高市22px拾。欄下拉列表高洞22px較（寬根據(jù)輸字?jǐn)?shù)胡自動控制）劍。循grid嚷view侮控件示寬編628火px壺，特殊地方殿需要修改拔詳情請見鎮(zhèn)2.6送。盞兩個(gè)字搏butto嶼n齊高度疊22px鍵，寬游60px野，多字瓣Butto錫n怎根據(jù)字?jǐn)?shù)系鐮統(tǒng)自動況調(diào)節(jié)雄寬度商，皇需填寫內(nèi)容蒜的文本框?qū)挏?40px統(tǒng)災(zāi)，矩高玩22px木。拳G員ridv豈iew餡的內(nèi)容（不軋包括篇“諒姓名撒”責(zé)、息“工號”標(biāo)心識的那一行槳）巷滿盡10沈行自動分頁罪。洞不滿紹10馳行的顯示分捐頁控件。洋（備注：區(qū)權(quán)限列表：久Funct文ionLi兆st.as朝px傾，備恐忘錄：梯Main微Memos歇.aspx捐，尸給用戶組分匹配權(quán)限：彼Funct拔ionIm雀power衫.aspx匯，給用戶組撕分配用戶：批Permi腰ssion魚Assig供nment脾.aspx搞憲不需要分頁田）岸如果新聞中呢插入圖片，揪圖片高據(jù)300繩，寬面60%賺。與上下文任相距盲5px職，新聞內(nèi)容偶行間距昨150%悶。友Txtbo番x籌高諒120著，寬效520具。驚Txtar捐ea吧高獎320所，寬恭720關(guān)。爸以下三種情續(xù)況為按鈕在溜除了毒grid眼view流內(nèi)的頁面內(nèi)疊。而兩個(gè)按鈕在漁一行，按鈕骨相距犯123px別，居中。趟三個(gè)按鈕在職一行，按鈕猛相距敗40px償，居中。投按鈕與上一擇行控件相距強(qiáng)60px法。若按鈕上扭一控件為分友頁控件，與礎(chǔ)分頁控件相霉距低5px汪。猾2毒.買3甩睜按鈕威宣1捆）破層按鈕風(fēng)格相細(xì)同，蛾延所有的確定倡，添加，取糟消，編輯，克查詢等駝兩個(gè)字的腰按鈕的大小蕩均為寬諸60汁像素，高驚2蜘2帳像素宮，字體閃14px凝。鴨三個(gè)以上字霧段吩的按鈕根據(jù)認(rèn)字?jǐn)?shù)智自動確定按子鈕寬度瀉。顆2斬）紗grid紗view驅(qū)內(nèi)的按鈕位閑置請參照土2.2誘原圖的坐標(biāo)弊。燕以下鋼三種卸情況為按鈕蹄在除了宴grid宜view梯內(nèi)的頁面內(nèi)貍。策3千）兩個(gè)按鈕怒在一行，按報(bào)鈕相距令123px嘩，居中。成4吩）三個(gè)按鈕紀(jì)在一行，按按鈕相距融40px賓，居中。暑5赴）按鈕與上笑一行控件相額距惱60px姨。若按鈕上丑一控件為分隊(duì)頁控件，與識分頁控件相悄距彈5px迫。灑2.4現(xiàn)超鏈接扶以特殊編碼孔的文本或圖匯形的形式來蓄實(shí)現(xiàn)鏈接，駁如果單擊該事鏈接，則相癢當(dāng)于指示瀏摘覽器移至同藏一網(wǎng)頁內(nèi)的頃某個(gè)位置，順或打開一個(gè)集新的網(wǎng)頁，咸或打開某一兔個(gè)新的剝WWW瓶網(wǎng)站中的網(wǎng)撥頁策時(shí)使用超鏈商接體。虧當(dāng)增需要實(shí)現(xiàn)鏈辣接并模需蚊用易懂的符扛號表示操作毛時(shí)歇，請使用動冠作按鈕。來用于激活一練些功能涉時(shí)，請使用礙動作按鈕。鍬2.嬌5畏分頁控件飽采用耐yahoo卻styl創(chuàng)e鉤格式，左右存居中，始終梅與上一控件環(huán)相距尼60px棗。懼G召ridv揪iew逆的內(nèi)容（不肌包括“姓名路”、“工號端”標(biāo)識的那愛一行）滿磚10螞行自動分頁客，不滿粒10剛行的顯示分宜頁控件。（劉備注：玻權(quán)限列表：液Funct榜ionLi屬st.as橡px欄，備赴忘錄：章Main猜Memos領(lǐng).aspx營，爽給用戶組分貪配權(quán)限：螺Funct它ionIm庸power杰.aspx禍，給用戶組悅分配用戶：階Permi御ssion吐Assig布nment聰.aspx傷，部門維護(hù)演：榴Admin婆Main恭.aspx結(jié)不需要添加動分頁控件。優(yōu)）棟2.妙6褲grid尊view乓grid座view銀控件采用自轉(zhuǎn)動套用格式培：傳統(tǒng)型，講width千628p增x秤，坊rowst剃yle-h竄ight母默認(rèn)菜22px射，把蝶grid陰vie聞w舒的第一行的某字改為黑色咐，第一行的部背景改為白亂色，字一般晴是默認(rèn)即義small勝，加粗棒,grid剖line躍為披比verti現(xiàn)cal蹈。豈若沒有查詢韻那一行，魔grid受view作控件采用自信動套用格式宅：傳統(tǒng)型，罰width倒628p甲x袖，番rowst唇y(tǒng)le-h戀ight嬸默認(rèn)笨22px剩，把棕grid團(tuán)view喪的第一行秩rowst投yle-h睬ight那設(shè)置為嫩35px炎，顏色為假#樸72bbe怎c垮，字改為黑疤色，加粗，匆字一般是默溫認(rèn)即潛smal,嘗gridl玉ine婦為邪vert給ical撞l傘。朱G淹ridv逼iew汪的內(nèi)容（不街包括“姓名扣”、“工號棒”標(biāo)識的那勺一行）滿渠10悶行自動分頁盤。抬2期.喂7道竊驗(yàn)證房信息富提示分級：訂事件：封存腰、查詢、確甘定、取消、衡保存、重置異、添加、生綁成報(bào)表、登光記設(shè)備信息抗、刪除、上演傳、分配、萬更新、取消艇、轉(zhuǎn)發(fā)、上項(xiàng)班下班、密練碼有誤、列丸表為空、時(shí)質(zhì)間前后錯誤憤、格式錯誤阿，系統(tǒng)繁忙炭。備注：殊上班：“簽歷到成功，朋期友努力工作卷吧！”。歸下班：“簽賠退成功，好斬好休息，明漏天見！”尿?yàn)榭章叮嚎蘥rid期view浩內(nèi)列表為空轉(zhuǎn)的提示信息想統(tǒng)一為蹤12px米，旁red未，樣式“錯*對提示信息”靠，居表格中起間，表格高奉170px狂，寬奮628玩，提示信息夏距表格饒80px斗，左右居中峽。聾“昂*譜無媽查詢結(jié)果！步”貿(mào)形如：遮密碼有誤：損“賬號不存卸在或密碼錯嶺誤，請重輸腰?！币魰r(shí)間前后錯獲誤：“起始玉時(shí)間應(yīng)倡該奸小于結(jié)束時(shí)遭間！”頁面提示：椒“…成功！扁”、“…失禍??！”，所腫在位置緊挨排上一控件頁律面居中。如悄圖：質(zhì)格式錯誤：嬌“痰*件…應(yīng)該為…悶”，孔12px虹，去red約。在文本框禾后。尿系統(tǒng)忙：服桂務(wù)器繁忙，沈請稍后重試搏！芹2.躬8謀峽窗口層單擊新聞、文通知、中心或日志標(biāo)題，侍在彈出新窗店口上顯示新述聞、通知、搜中心日志內(nèi)猾容。畏2迎.堵9鞠日期格式穿旨坊籍1揉）塔舒日期顯示羅由控件決定長，怕格式約統(tǒng)一附為治杠：最1988-紛8-24鞭00:00訓(xùn):00逐濕菠2指）攪膀使用日期控伐件，則不可隊(duì)手工錄入。悼扶聞3黃）辮夏對于日期段產(chǎn)，需在截止作日期小于開滾始日期時(shí)給冷出批提示爭，詳情請參粗照婚2.4孟驗(yàn)證信息提夠示。靈2明.倡10嗽特殊字符稀輸入?yún)^(qū)域輸者入特殊字符改，插入數(shù)據(jù)況庫時(shí)不出錯捐或提示不允既許輸入特殊互字符。饞特殊字符包還括：面‘

“

祖=

@

螺

`

~追

$

稼%

^

倚

%

祝￥茅

&

#

宰

@表等壩疑。咬2村.淚1殊1劍愿英文輸入田曲英文輸入不定區(qū)分大小寫駁，不可輸入辰漢字、數(shù)字緞及特殊字符花。話2.相1同2竹悶數(shù)值字段宵蕉眨式只能輸入竹+