2025云計(jì)算管控平臺(tái)界面設(shè)計(jì)指南

DesignGuideforCloudComputingConsole 前 引 范 云計(jì)算管控平臺(tái)cloudcomputing 字體 字號(hào)font- 字重font- 灰度 語(yǔ)義色 柵格系統(tǒng) 導(dǎo)航 組件 按鈕 穿梭框 步驟條 單選按鈕radio 勾選框 翻頁(yè)器 徽標(biāo) 進(jìn)度條 開(kāi)關(guān) 日期選擇器 輸入框 上傳組件 信息提醒 容器 系統(tǒng)消息 對(duì)話框 抽屜slide 卡片 折疊面板 表單 表格 選項(xiàng)卡 設(shè)計(jì)要 導(dǎo) 組 設(shè)計(jì)指 參考文 GB/T5271.13—2008/ISO/IEC2382-13：1996信息技術(shù)詞匯第13部分：計(jì)算機(jī)圖形[Informationtechnology-VocabularyPart13:Computergraphics]GB/T18978.102004ISO9241-10：1996（VDTs）辦公的人類(lèi)工效學(xué)要求第10[ISO9241-10,Ergonomicrequirementsforofficeworkwithvisualdisplayterminals(VDTs)—Part10:Dialogueprinciples]GB/T18978.122009ISO9241-10：1998（VDTs）辦公的人類(lèi)工效學(xué)要求第12[ISO9241-12,Ergonomicrequirementsforofficeworkwithvisualdisplayterminals(VDTs)—Part12:Presentationofinformation]GB/T18978.132009ISO9241-13：1998（VDTs）辦公的人類(lèi)工效學(xué)要求第13[ISO9241-11,Ergonomicrequirementsforofficeworkwithvisualdisplayterminals(VDTs)—Part13:Userguidance]GB/T18978.1432018ISO9241-143：2012143部分：表單[Ergonomicofhuman-systeminteraction–Part143:Forms]GB/T18978.1512014ISO9241-151：2008151部分：互聯(lián)網(wǎng)用戶(hù)界面指南[Ergonomicofhuman-systeminteractionPart151:GuidanceonWorldWideWebuserWebContentAccessibilityGuidelines（WCAG）2.02018\h云計(jì)算管控平臺(tái)cloudcomputing字體[GB/T5271.13—2008font-(px)font-灰度gray[GB/T5271.13—2008semantic導(dǎo)航[GB/T18978.151—2014，定義按鈕穿梭框步驟條radio勾選框翻頁(yè)器徽標(biāo)進(jìn)度條開(kāi)關(guān)date輸入框上傳組件信息提醒容器system對(duì)話框抽屜slide卡片表單注：改寫(xiě)GB/T18978.143—2018,定義3.9。表格選項(xiàng)卡按鈕分為填充按鈕、線框按鈕、文字按鈕，示例參見(jiàn)圖1圖1標(biāo)簽表示不同的狀態(tài)或類(lèi)別，分為可刪除和不可刪除兩種，示例參見(jiàn)圖2圖2徽標(biāo)分為圓點(diǎn)徽標(biāo)、數(shù)字徽標(biāo)、文字徽標(biāo)，示例參見(jiàn)圖3圖3信息提示由信息提示容器和信息內(nèi)容構(gòu)成，也可包含圖標(biāo)或按鈕，示例參見(jiàn)圖4圖4開(kāi)關(guān)代表兩種狀態(tài)，點(diǎn)擊開(kāi)關(guān)會(huì)切換狀態(tài)，示例參見(jiàn)圖5圖5圖6圖7圖8輸入框中可在兩側(cè)放置文字或者圖標(biāo)，示例參見(jiàn)圖9圖 輸入框示日期選擇器分為日期與時(shí)間選擇器、日期選擇器、時(shí)間選擇器，示例參見(jiàn)圖10圖10圖11步驟條有橫向和豎向兩種，示例參見(jiàn)圖12圖12圖13圖14圖15圖16圖17圖18圖19圖20圖214WebContentAccessibilityGuidelines（WCAG）中關(guān)于AAA圖22圖23圖24圖25輸入框的容錯(cuò)性宜在GBT18978.10-20043.6圖26日期選擇器宜根據(jù)需要的長(zhǎng)短和語(yǔ)言使用習(xí)慣來(lái)選擇不同格式。示例參見(jiàn)圖27圖27如果需要對(duì)上傳文件的格式、尺寸等進(jìn)行限制，宜提供提示。示例參見(jiàn)圖28圖28圖29選項(xiàng)卡在視覺(jué)上宜明顯區(qū)分選項(xiàng)被選中和未被選中兩種狀態(tài)，具體參見(jiàn)GB/T18978.1