《交互設(shè)計(jì)規(guī)范》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、Windows用戶體驗(yàn)交互設(shè)計(jì)規(guī)范?此官方[1]Windows用戶體驗(yàn)交互設(shè)計(jì)規(guī)范（簡(jiǎn)稱“UX規(guī)范”）的目標(biāo)在于：·為所有基于Windows的應(yīng)用程序劃定高品質(zhì)與一致性的基準(zhǔn)。·回答關(guān)于用戶體驗(yàn)的問題。·使你的工作更為輕松！設(shè)計(jì)原則·Windows用戶體驗(yàn)設(shè)計(jì)原則·最容易犯的錯(cuò)誤·如何設(shè)計(jì)優(yōu)秀的用戶體驗(yàn)·簡(jiǎn)約而又強(qiáng)大(20.3%)·使用WPF進(jìn)行設(shè)計(jì)(29.4%)控件控件列表·氣球狀提示·復(fù)選框·命令按鈕·命令按鈕vs鏈接·命令鏈接·下拉列表框與組合框·分組框·鏈接·列表框·列表視圖·進(jìn)度條·漸進(jìn)展開控件·選項(xiàng)按鈕·搜索框·滑塊·微調(diào)控件·狀態(tài)欄·選項(xiàng)卡·文本框

2、·工具提示與信息提示·樹形視圖命令·菜單o設(shè)計(jì)理念(34%)·工具欄o設(shè)計(jì)理念o使用模式o設(shè)計(jì)規(guī)范o推薦尺寸與間距o標(biāo)簽o文檔編寫·功能區(qū)（Ribbon）o設(shè)計(jì)理念(35.7%)o設(shè)計(jì)規(guī)范(8.7%)o標(biāo)簽(25.1%)o文檔編寫o功能區(qū)設(shè)計(jì)流程(15.2%)o程序命令模式(42.9%)文本·用戶界面文本·風(fēng)格與語氣消息·錯(cuò)誤信息o設(shè)計(jì)理念o使用模式o設(shè)計(jì)規(guī)范(31.3%)o文本(11.7%)o文檔編寫·警告信息o設(shè)計(jì)理念(25.9%)o使用模式o設(shè)計(jì)規(guī)范o文本o文檔編寫·確認(rèn)信息o設(shè)計(jì)理念(50.3%)o使用模式o設(shè)計(jì)規(guī)范(40.8%)o文本o文檔編寫·通知交

3、互·鍵盤o鍵盤快捷鍵(0%)·鼠標(biāo)與指針·觸摸(11.6%)·手寫筆(19.3%)·無障礙訪問（輔助特性）(3.5%)窗口·窗口管理·對(duì)話框(51.8%)o對(duì)話框設(shè)計(jì)理念(19.5%)o對(duì)話框使用模式(27.1%)·通用對(duì)話框·向?qū)А傩源翱?5.3%)o屬性窗口設(shè)計(jì)理念(13.4%)o屬性窗口使用模式(35.3%)·控制面板(10.0%)o控制面板使用模式(49.8%)視覺·布局o布局度量單位·窗口邊框·字體（SegoeUI）·顏色·圖標(biāo)·標(biāo)準(zhǔn)圖標(biāo)(26.5%)·動(dòng)畫與過渡NEWo設(shè)計(jì)理念(11.2%)o使用模式(33.5%)o設(shè)計(jì)規(guī)范(13.1%)o文檔編寫

4、(0%)·圖形元素(18.7%)·聲音(13.2%)體驗(yàn)·軟件品牌宣傳·安裝NEW(0%)·首次體驗(yàn)(47.3%)·打印(31.4%)Windows環(huán)境·桌面(72.3%)·開始菜單(16.7%)·任務(wù)欄(49.5%)·通知區(qū)域(33.5%)·Windows桌面小工具(10.5%)·幫助(8.4%)·用戶帳戶控制(11.5%)其他·文檔特點(diǎn)及翻譯風(fēng)格指南·《WindowsUserExperienceInteractionGuidelines》原文注釋與引用1.^這里“官方”是原文的直接翻譯，并不表示此中文譯本經(jīng)過微軟官方任何形式的授權(quán)或認(rèn)證。布局Layout目錄

5、[隱藏]·1設(shè)計(jì)理念o1.1視覺層次o1.2閱讀設(shè)計(jì)模型o1.3為掃視進(jìn)行設(shè)計(jì)o1.4有效利用屏幕空間o1.5控件尺寸o1.6間距o1.7可縮放窗口o1.8焦點(diǎn)o1.9流程o1.10分組o1.11對(duì)齊o1.12水平對(duì)齊§1.12.1左對(duì)齊§1.12.2右對(duì)齊§1.12.3居中對(duì)齊o1.13垂直居中§1.13.1元素頂端§1.13.2文本基線o1.14標(biāo)簽對(duì)齊§1.14.1標(biāo)簽在控件上方左對(duì)齊§1.14.2標(biāo)簽在控件左側(cè)左對(duì)齊§1.14.3標(biāo)簽在控件左側(cè)左對(duì)齊，控件的左側(cè)錯(cuò)開排列§1.14.4標(biāo)簽在控件左側(cè)右對(duì)齊o1.15平衡o1.16網(wǎng)格o1.17視覺簡(jiǎn)潔·2設(shè)

6、計(jì)規(guī)范o2.1屏幕分辨率及DPIo2.2窗口尺寸o2.3控件尺寸o2.4控件間距o2.5位置o2.6焦點(diǎn)o2.7對(duì)齊o2.8無障礙訪問特性·3推薦尺寸與間距“布局”是指窗口或頁面內(nèi)各內(nèi)容的尺寸、間距及位置。有效的布局對(duì)于幫助用戶快速找到他們想要的東西至關(guān)重要，并可產(chǎn)生具有吸引力的視覺外觀。有效的布局可以使有的設(shè)計(jì)用戶立即就可以理解，而有的設(shè)計(jì)卻使用戶覺得困惑而不知所措。注：與窗口管理相關(guān)的設(shè)計(jì)規(guī)范請(qǐng)參考各自相應(yīng)的章節(jié)。特定控件的推薦尺寸與間距則請(qǐng)參考相應(yīng)的設(shè)計(jì)規(guī)范章節(jié)。設(shè)計(jì)理念視覺層次當(dāng)窗口或頁面的外觀能夠表明各個(gè)元素之間的關(guān)系和重要性時(shí)，即可認(rèn)為是具有清晰的視

7、覺層次。如果缺少視覺層次，用戶就得靠他們自己來分辨它們之間的關(guān)系與重要性。視覺層次是通過巧妙結(jié)合下列屬性來實(shí)現(xiàn)的：·焦點(diǎn)。該布局指出用戶首先要看的位置?！ち?。當(dāng)目光順暢自然地沿著清晰的路徑在界面上移動(dòng)時(shí)，看到的用戶界面（UI）元素即是適合其使用的順序排列的?！し纸M。在邏輯上相關(guān)的UI元素之間具有清晰的視覺關(guān)系。相關(guān)的項(xiàng)被組合在一起，不相關(guān)的項(xiàng)則被分開。·強(qiáng)調(diào)。根據(jù)UI元素的相對(duì)重要程度進(jìn)行強(qiáng)調(diào)?！?duì)齊。UI元素并列排放，使其便于掃視并依次呈現(xiàn)。另外，有效的布局還具有下列特性：·設(shè)備無關(guān)性。布局的呈現(xiàn)應(yīng)當(dāng)與字型、字體大小、分辨率（DPI）、顯示器或顯卡無關(guān)?！ひ子?/p>

8、掃視。用戶可以只掃一眼就