macOS人機(jī)界面準(zhǔn)則三—窗口視圖和菜單

* 窗口和視圖

窗口解構(gòu)、警報烘苹、框躲株、欄視圖、對話框镣衡、圖像視圖霜定、大綱視圖、面板捆探、彈窗然爆、滾動視圖站粟、表單黍图、側(cè)邊欄、拆分視圖奴烙、標(biāo)簽頁助被、表格視圖、工具欄切诀、網(wǎng)頁視圖揩环、抽屜、底欄

* 菜單

菜單解構(gòu)幅虑、快捷菜單丰滑、程序塢菜單、菜單欄


七倒庵、窗口和視圖


1.窗口解構(gòu)

工作窗由框架區(qū)域和正文區(qū)域組成褒墨。


# 窗口類型 #

1. 文件窗口:TextEdit文檔,Keynote文檔擎宝,Preview中的PDF和Safari中顯示網(wǎng)站的窗口郁妈。

2. 應(yīng)用窗口:日歷,F(xiàn)inder 查找器绍申。

3. 面板:在其他窗口上方浮動來提供信息噩咪、配置選項(xiàng)顾彰,或與另一個窗口中的內(nèi)容進(jìn)行交互的工具。

4. 對話框:對用戶操作的響應(yīng)胃碾,需要用戶操作(例如單擊按鈕)才能取消或繼續(xù)執(zhí)行某項(xiàng)操作涨享。

5. 警報:一種用于提供有關(guān)錯誤情況的重要信息,或警告用戶有關(guān)潛在的危險情況或后果的對話框书在。

- 彈窗是可以非打擾性地提供與當(dāng)前操作相關(guān)的信息或編輯功能的一個過渡視圖灰伟,可以非打擾性地提供與當(dāng)前操作相關(guān)的信息或編輯功能。即使在外觀和功能上類似于面板儒旬,但也不會被視為窗口栏账。


# 窗口的框架區(qū)域 #


1、標(biāo)題欄

標(biāo)題欄位于窗口的頂部栈源,并包含關(guān)閉挡爵,最小化和全屏窗口的選項(xiàng)。這些選項(xiàng)通常是可見的甚垦,但在游戲等沉浸式應(yīng)用程序中或禁用窗口中可以作為一個組進(jìn)行隱藏茶鹃。

大多數(shù)標(biāo)題欄都顯示文件名,但警報的標(biāo)題欄為空艰亮。文檔窗口的標(biāo)題欄可能會顯示一個圖標(biāo)闭翩,并可以讓用戶單擊標(biāo)題以更改文檔的文件名,標(biāo)簽和位置迄埃。

- 除非標(biāo)題的描述足夠合理疗韵,否則不要提供標(biāo)題。

- 使用文件名作為窗口標(biāo)題時侄非,顯示名稱應(yīng)該反映用戶顯示或隱藏文件擴(kuò)展名的偏好蕉汪,也可能包含部分正文。

- 不要在標(biāo)題欄中顯示文件或文件夾路徑逞怨。如果要公開完整的路徑者疤,請采用其他方式,例如通過查看器窗格叠赦。

- 使用數(shù)字后綴來區(qū)分重復(fù)的標(biāo)題驹马。

- 如果隱藏標(biāo)題欄,請確保用戶仍可以與窗口交互除秀。提供其他方式的(如菜單)關(guān)閉和最小化窗口的功能糯累。確保用戶仍然可以單擊并拖動框架以移動窗口。如果窗口有工具欄鳞仙,沒有標(biāo)題欄寇蚊,請確保工具欄中有足夠的空間來單擊和拖動窗口,而不激活工具欄項(xiàng)目棍好。


2仗岸、工具欄

工具欄位于標(biāo)題欄下方(或與標(biāo)題欄集成:瀏覽器)允耿,并包含控件(稱為工具欄項(xiàng)),可快速訪問常用的命令和功能扒怖。

可以在全屏模式下隱藏工具欄以增加對內(nèi)容的關(guān)注较锡。許多應(yīng)用程序還允許用戶添加或刪除工具欄項(xiàng),以及選擇將項(xiàng)目顯示為圖標(biāo)盗痒,文本還是兩者來自定義工具欄蚂蕴。


3、標(biāo)簽欄

標(biāo)簽欄允許用戶在單個窗口中的多個正文內(nèi)容視圖之間切換俯邓。標(biāo)簽欄位于標(biāo)題欄和工具欄的下方骡楼。用戶還可以單擊選項(xiàng)卡并將其拖出選項(xiàng)卡欄,以在單獨(dú)的窗口中顯示它稽鞭。


4鸟整、底欄

在極少數(shù)情況下,窗口可能包括位于主體區(qū)域下方的底欄朦蕴,并包含用于影響窗口內(nèi)容的控件篮条。


# 窗口內(nèi)容區(qū)域 #

正文區(qū)域顯示窗口的主要內(nèi)容。例如Safari窗口中的網(wǎng)站或“預(yù)覽”中的圖像吩抓,也可以將內(nèi)容分為子視圖涉茧。例如,F(xiàn)inder窗口的主體區(qū)域可以包括側(cè)欄和列視圖疹娶。在內(nèi)容區(qū)域中超出窗口范圍的內(nèi)容是可滾動的伴栓。


1. 范圍欄

范圍欄(在正文內(nèi)容上方)讓用戶可以縮小搜索范圍或根據(jù)特定屬性的過濾器過濾內(nèi)容。范圍欄位于標(biāo)題欄蚓胸,工具欄和選項(xiàng)卡欄的下方挣饥。


# 窗口狀態(tài) #


1. 主窗口

應(yīng)用程序中引起用戶注意的最重要的窗口是該應(yīng)用程序的主窗口除师。每個應(yīng)用程序只能有一個主窗口沛膳。

2. 活動窗口

當(dāng)前接受用戶輸入的窗口是活動窗口。任何時候屏幕上都只能有一個活動窗口汛聚。通常锹安,前置應(yīng)用程序的主窗口也是活動窗口。但是有時浮動在主窗口上方的面板是活動窗口倚舀。Cpmmand+W可以關(guān)閉活動窗口叹哭。

3. 非活動窗口

不在最前面的窗口是非活動窗口。


# 窗口外觀 #

用于關(guān)閉痕貌,最小化和全屏的標(biāo)題欄選項(xiàng)在活動窗口中為彩色风罩,而在其他窗口中為灰色。

在窗口中舵稠,工具欄和側(cè)欄之類的元素可以是不透明的超升,也可以使用動態(tài)模糊入宦。非活動窗口中禁用動態(tài)模糊。


# 激活窗口 #

1. 考慮提供一個窗口命令菜單室琢。其中包含用于最小化乾闰、全屏按鍵窗口,導(dǎo)航選項(xiàng)卡盈滴,將單個窗口移至最前面以及將所有窗口移至最前的命令涯肩。

2. Mission Control也可以幫用戶在應(yīng)用程序的窗口之間導(dǎo)航。

3. 某些窗口(通常是“顏色”或“字體”面板之類的面板)僅在用戶單擊窗口的標(biāo)題欄或需要鍵盤輸入的界面元素(如文本字段)時才成為活動窗口巢钓。


2病苗、警報

當(dāng)系統(tǒng)或應(yīng)用程序需要警告用戶有關(guān)錯誤情況,潛在危險情況或后果的警告時出現(xiàn)警報症汹。警報是應(yīng)用程序內(nèi)的模態(tài)窗口铅乡,當(dāng)警報與單個文檔或窗口有關(guān),警報顯示為表格時烈菌,是非模態(tài)窗口阵幸。


警報可能包括以下元素:

- 標(biāo)題:警報的錯誤或情況的簡短摘要。所有警報均包含一條消息芽世。

- 補(bǔ)充文本:有關(guān)情況挚赊,其后果以及用戶應(yīng)對情況的方式的完整描述。信息性文本是可選的济瓢,但鼓勵使用荠割。

- 交互按鈕:一個警報最多可以包括三個按鈕,其中一個可以設(shè)置為默認(rèn)按鈕旺矾,用于取消警報或采取措施蔑鹦。

- 圖標(biāo):系統(tǒng)會在警報中自動顯示您的應(yīng)用程序圖標(biāo)。還支持自定義圖標(biāo)箕宙。在需要特別注意的警報中嚎朽,可以在圖標(biāo)上添加警告符號。

- 關(guān)閉復(fù)選框:可以設(shè)置重復(fù)警報柬帕,以使用戶禁止隨后出現(xiàn)同一警報哟忍。

- 附件視圖:如果您的應(yīng)用需要它锅很,則可以將自定義視圖附加到警報中以提供其他信息凤跑。

- 幫助按鈕:如果您的應(yīng)用程序提供了幫助文檔爆安,則可以在警報中包括一個“幫助”按鈕,以將用戶帶到文檔仔引。


1. 盡量少的使用警報扔仓。警報的頻率有助于確保用戶的警惕性致扯。

2. 確保每個警報都提供關(guān)鍵信息和有用的選擇。警報應(yīng)警告人們有關(guān)無法撤消的操作当辐,如確認(rèn)購買抖僵;讓用戶改變主意時,選擇繼續(xù)操作或取消操作的按鈕缘揪。

3. 避免僅使用警報來提供信息耍群。用戶不喜歡被信息豐富但無法執(zhí)行操作的警報打斷。除了顯示信息警報之外找筝,還可以考慮其他呈現(xiàn)信息的方法蹈垢。例如,當(dāng)郵件服務(wù)器連接丟失時袖裕,郵件在側(cè)邊欄中顯示警告指示曹抬。用戶如果需要有關(guān)情況的更多信息,可以單擊警告指示器急鳄。

4. 使用系統(tǒng)提供的標(biāo)準(zhǔn)警報樣式疾宏,用戶熟悉系統(tǒng)提供的標(biāo)準(zhǔn)警報樣式为牍,并了解其重要性碉咆。

5. 避免針對常見的不可撤消的操作顯示警報疫铜,即使它們也具有破壞性励稳。無需在每次刪除電子郵件或文件時提醒用戶潛在的數(shù)據(jù)丟失。

6. 謹(jǐn)慎使用警告符號趣避。警告中過度使用警告符號會降低其重要性住练。僅在確實(shí)需要格外注意(例如讲逛,確認(rèn)可能會導(dǎo)致數(shù)據(jù)意外或意外丟失的操作)時才使用該符號盏混。

7. 考慮設(shè)置一個選項(xiàng)以禁止以后發(fā)出重復(fù)的警報。


# 警報文本 #

1. 提供一條清楚混聊,簡潔地描述情況的消息。

2. 考慮使用疑問句的形式沟于。闡述產(chǎn)生警報的原因拙绊,并鼓勵用戶考慮結(jié)果标沪。但是金句,請勿過度使用此類警報。

3. 用有效全面的文本補(bǔ)充警報消息趁曼。

4. 避免聽起來是指責(zé)挡闰,判斷或侮辱赞季。

5. 避免解釋警報按鈕申钩。如果您的警報文本和按鈕文本信息明確,則無需解釋按鈕的作用愉舔。在極少數(shù)情況下提供指導(dǎo)轩缤,不要將按鈕標(biāo)題括在引號中火的。


# 警報按鈕 #

1. 通常,使用兩鍵警報娇哆。兩鍵警報提供了兩種選擇的簡便選擇治力。單鍵警報可通知您宵统,但無法控制情況马澈。具有三個或更多按鈕的警報會增加復(fù)雜性。

2. 給警報按鈕簡潔明了有邏輯的標(biāo)題來描述單擊按鈕的結(jié)果辩块。盡可能使用與警報標(biāo)題和消息直接相關(guān)的動詞和動詞短語废亭,使用“ 確定”進(jìn)行簡單接受豆村。避免使用“ 是”和“ 否”。

3. 確保默認(rèn)按鈕標(biāo)題反映了按鈕執(zhí)行的操作粗恢。除非警報純粹是提供信息眷射,否則請避免對默認(rèn)按鈕使用“ 確定 ”妖碉。

4. 將按鈕放置在人們期望的位置。通常冗茸,人們最有可能選擇的按鈕應(yīng)該在右側(cè)祭犯。默認(rèn)按鈕應(yīng)始終在右側(cè)职员。取消按鈕通常位于左側(cè)焊切。

5. 取消按鈕提供了一種明確刹勃、安全的方式來選擇退出破壞性的操作荔仁〈瓮荩考慮將Cancel按鈕設(shè)置為默認(rèn)按鈕卖毁,因?yàn)檫@樣做需要用戶有意地單擊一個按鈕來繼續(xù)執(zhí)行破壞性操作。并允許使用Esc(Escape)鍵和Command-Period(翔脱。)鍵盤快捷鍵來取消警報届吁。

6. 考慮為所有按鈕提供省時的鍵盤快捷鍵瓷产。例如,您可以讓人們通過按下P鍵來激活“打印”按鈕尔邓,或者通過按下D或Delete鍵來激活“不保存”按鈕梯嗽。


3灯节、

框是可創(chuàng)建獨(dú)特的控件組、文本字段和其他界面元素一種視圖類型形入。默認(rèn)情況下亿遂,一個框有一個邊框和一個標(biāo)題蛇数,也可以只用其中任何一個诵原。標(biāo)題(如果顯示)可以位于框的上方(默認(rèn))或下方。

- 避免嵌套框辑畦。與其嵌套纯出,不如考慮為框內(nèi)的相關(guān)元素的不同組增加內(nèi)邊距暂筝。

- 在框標(biāo)題中使用句子樣式的大寫字母。

- 不要以冒號結(jié)束框標(biāo)題鸵赖。


4它褪、欄視圖

在列中茫打,任何包含嵌套子項(xiàng)的父項(xiàng)都用三角形圖標(biāo)標(biāo)記。

當(dāng)您的數(shù)據(jù)不需要以多種方式排序時诗越,或者當(dāng)您的數(shù)據(jù)層次結(jié)構(gòu)很深時嚷狞,用戶傾向于在各個級別之間頻繁地來回導(dǎo)航竭翠,請考慮使用列視圖斋扰。

- 在第一列中顯示數(shù)據(jù)層次結(jié)構(gòu)的根級別传货。

- 當(dāng)沒有要顯示的嵌套項(xiàng)目時,考慮顯示有關(guān)所選項(xiàng)目的信息粮宛。例如巍杈,F(xiàn)inder顯示所選項(xiàng)目的預(yù)覽以及諸如創(chuàng)建日期筷畦,修改日期,文件類型和大小之類的信息攘滩。

- 讓人們調(diào)整列的大小漂问。


5蚤假、對話框

對話框是一種反饋用戶響應(yīng)的窗口磷仰。許多對話框(例如“打印”對話框)讓用戶一次提供多個響應(yīng)灶平。

警報是一種特殊類型的對話框罐监。


- 文檔模態(tài)對話框

文檔模式對話框作為表單附加到文檔弓柱,用戶仍然可以切換到其他文檔和應(yīng)用程序矢空。保存對話框是文檔模式對話框的示例伤哺。

- 應(yīng)用模態(tài)對話框

應(yīng)用程序模式對話框可阻止用戶在該對話框關(guān)閉之前在應(yīng)用程序中執(zhí)行任何操作立莉。用戶仍然可以切換到其他應(yīng)用茫舶。打開對話框是應(yīng)用程序模式對話框的示例饶氏。

- 非模態(tài)對話框

非模態(tài)對話框通常作為面板出現(xiàn)疹启。用戶可以不間斷地繼續(xù)與文檔和應(yīng)用進(jìn)行交互。標(biāo)準(zhǔn)“查找”對話框是非模態(tài)對話框的示例荤懂。


# 數(shù)據(jù)輸入 #

對話框是小型节仿、短暫廊宪、不需深入的用戶交互的窗口霜威,因此確保高效輸入數(shù)據(jù)非常重要戈泼。

1. 盡可能提供控件和字段的默認(rèn)值。

2. 將初始焦點(diǎn)設(shè)為需要用戶輸入的第一個位置挽绩。

3. 使靜態(tài)文本可選唉堪。例如唠亚,用戶應(yīng)該能夠復(fù)制有用的信息,例如錯誤消息割卖,序列號或IP地址鹏溯,以粘貼到其他位置剿涮。

4. 在數(shù)據(jù)輸入期間檢查錯誤。避免在每次擊鍵后進(jìn)行驗(yàn)證瞬浓,因?yàn)檫^于頻繁的驗(yàn)證會減慢您的應(yīng)用程序的速度并令人討厭猿棉。

5. 盡可能將無效輸入的可能性降到最低弊琴。例如敲董,使用彈出按鈕提供選擇而不是要求用戶輸入數(shù)據(jù)腋寨,并使用日期選擇器和數(shù)字格式器來確保正確輸入日期和數(shù)字。

6. 在非模態(tài)對話框中查刻,“應(yīng)用”按鈕可以快速應(yīng)用赖阻,預(yù)覽和撤消的更改。保存對話框和其他使用戶無法輕易預(yù)覽的對話框不應(yīng)包含“應(yīng)用”按鈕茎截。


# 布局 #

1. 使用公開控件提供僅偶爾需要的信息或功能。公開控件隱藏信息或功能(如高級選項(xiàng))撕攒,并且僅在用戶單擊控件時才公開信息或功能抖坪。

2. 調(diào)整對話框大小時,確保正確縮放界面元素蚯瞧。

3. 按預(yù)期位置放置按鈕埋合。點(diǎn)擊對話框右下方的任何按鈕都應(yīng)關(guān)閉該對話框坦喘。用于啟動對話框主要操作的操作按鈕應(yīng)位于最右邊瓣铣。“取消”按鈕應(yīng)位于操作按鈕的左側(cè)蓖救⊙啵“幫助”按鈕應(yīng)位于最左側(cè)从橘。影響對話框本身內(nèi)容的按鈕(例如用于擴(kuò)展對話框以顯示其他詳細(xì)信息的按鈕)應(yīng)位于“幫助”按鈕的右側(cè),如果不存在“幫助”按鈕踩萎,則應(yīng)位于最左側(cè)香府。

4. 將破壞性按鈕與非破壞性按鈕分開。破壞性按鈕(如“不保存”)應(yīng)與安全按鈕(如“保存”和“取消”)相距足夠遠(yuǎn)柠硕,用戶必須做決定才能單擊該按鈕闻葵。如果可能槽畔,請至少保留24個點(diǎn)的距離厢钧。


# 關(guān)閉對話框 #

1. 僅在用戶采取的措施無害時提供默認(rèn)按鈕。用戶有時僅按Return鍵無需閱讀內(nèi)容即可關(guān)閉對話框霞扬,因此喻圃,默認(rèn)按鈕啟動無害操作至關(guān)重要斧拍。如果沒有默認(rèn)按鈕,則按Return鍵將無效县踢,用戶必須明確地單擊一個按鈕才能關(guān)閉該對話框「耍或者,當(dāng)對話框可能導(dǎo)致破壞性行為時籍救,可以將“取消”設(shè)置為默認(rèn)按鈕闪萄。

2. 當(dāng)對話框文本未使用Return按鈕時放航,才提供默認(rèn)按鈕广鳍。

3. “取消”按鈕用于響應(yīng)取消快捷鍵。取消按鈕是一種清除對話框的清晰祖秒、安全的方法狈涮,并使計(jì)算機(jī)返回到出現(xiàn)對話框之前的狀態(tài)歌馍。確保鍵盤快捷鍵Command-(。)和Esc(退出)鍵映射到“取消”按鈕晓锻。

4. 確毖舛撸“取消”按鈕撤消所有默認(rèn)已選的更改。

5. 使用“應(yīng)用”战转,“確定”和“取消”按鈕槐秧。單擊“應(yīng)用”預(yù)覽更改颠通,但不會關(guān)閉對話框蒜哀。單擊“確定”接受所有更改并退出該對話框。

6. 通常淀歇,在從對話框啟動操作后浪默,用戶應(yīng)看到即時的結(jié)果纳决。對于需要花費(fèi)幾秒鐘才能完成的操作,請顯示進(jìn)度信息胜榔,以便用戶知道該操作已啟動夭织,將執(zhí)行多長時間以及何時完成。


6择浊、圖像視圖

圖像視圖在透明或不透明的背景上顯示單個圖像或動畫序列。在圖像視圖內(nèi)师脂,圖像可以被拉伸糕篇,縮放拌消,調(diào)整大小以適合或固定到特定位置。圖像視圖默認(rèn)是不可編輯的且不可交互鹦筹。

1. 盡量提供可編輯的圖像視圖铐拐,支持復(fù)制,粘貼虚青,拖動以及使用Delete鍵清除其內(nèi)容挟憔。

2. 使用按鈕而不是圖像視圖來制作可單擊的圖像。

3. 使用模板圖像適應(yīng)封閉視圖的色彩达传。模板圖像會丟棄顏色信息宪赶,并使用遮罩顯示在屏幕上搂妻。通常用于工具欄按鈕中的圖標(biāo)邓厕。

4. 確保動畫序列中的所有圖像尺寸的一致详恼。


7、大綱視圖

大綱視圖在單元格的滾動列表中清晰敞掘,高效地顯示了分層數(shù)據(jù)渐逃,這些列表被組織為列和行。

大綱視圖非常適合顯示基于文本的內(nèi)容面殖,通常用于在拆分視圖的一側(cè)進(jìn)行導(dǎo)航脊僚,而相關(guān)內(nèi)容在另一側(cè)。

1. 使用表格視圖而不是大綱視圖來呈現(xiàn)非分層數(shù)據(jù)乌企。

2. 僅在第一列中公開數(shù)據(jù)層次結(jié)構(gòu)加酵。

3. 始終在多列大綱視圖中提供描述性的列標(biāo)題。如果沒有提供列標(biāo)題陋葡,使用標(biāo)簽或其他方式來確保用戶理解脖岛。

4. 用戶可以單擊列標(biāo)題來對大綱視圖進(jìn)行排序(如果它提供了價值)柴梆。在可排序的大綱視圖中,用戶可以單擊列標(biāo)題在該列執(zhí)行升序或降序排序偿渡。如有必要溜宽,可以根據(jù)次要欄實(shí)施其他排序。如果用戶單擊主列標(biāo)題嫉嘀,則會在每個層次結(jié)構(gòu)級別進(jìn)行排序剪侮。如果用戶單擊已排序的列的標(biāo)題,則數(shù)據(jù)應(yīng)沿相反的方向重新排序彩匕。

5. 允許用戶調(diào)整列的大小推掸。

6. 讓用戶輕松擴(kuò)展或折疊子父層級。例如毡泻,在“查找器”窗口中按住Option鍵單擊顯示三角形將展開所有子文件夾仇味。

7. 保存子父層級的展開狀態(tài)廊遍。

8. 在多列大綱視圖中使用交替的行顏色喉前。

9. 如果可以卵迂,啟用數(shù)據(jù)編輯。例如改览,在表單文件的大綱視圖中恃疯,用戶可以單擊文件名進(jìn)行編輯,雙擊文件名打開文件盾鳞。還可以重新排序腾仅,添加和刪除行。

10. 使用居中的省略號來截斷原本會被剪切的單元格文本验辞。中間的省略號保留了單元格文本的開頭和結(jié)尾跌造,更容易識別陵珍。

11. 通常以大綱視圖為主要功能的窗口互纯,在工具欄中提供搜索框。


8、面板

面板是一個包含與活動文檔或選項(xiàng)有關(guān)的控件排吴、選項(xiàng)或信息的輔助窗口钻哩,面板看起來沒有主窗口突出,并且可以像普通窗口一樣工作睦袖,也可以是浮動在其他打開的窗口(甚至是模態(tài)窗口)上方馅笙。當(dāng)用戶體驗(yàn)需要時烈和,面板還可以采用深色招刹、半透明(HUD風(fēng)格)的外觀疯暑。

1. 使用面板可以快速訪問重要的控件或與內(nèi)容相關(guān)的信息。例如乖阵,可以使用面板來顯示影響活動文檔窗口的控件或設(shè)置瞪浸。

2. 使用合適的窗口類型替代面板钩蚊。由于面板占用了內(nèi)容的屏幕空間砰逻,因此許多應(yīng)用程序使用彈出框,側(cè)邊欄刚操,拆分視圖和工具欄來提供輔助信息和工具菊霜。

3. 根據(jù)操作目的并使用名詞為面板命名。

4. 適當(dāng)顯示和隱藏面板华蜒。激活文檔后叭喜,應(yīng)用程序所有已激活的面板都應(yīng)顯示。當(dāng)某個應(yīng)用程序處于非活動狀態(tài)時啥辨,其所有面板均應(yīng)隱藏溉知。

5. 在“窗口”菜單中包含用于顯示或隱藏面板的命令是可以的舌劳,但是不應(yīng)將面板列為文檔。

6. 確保所有面板都包含標(biāo)題贯卦,即使不需要標(biāo)題撵割,也要給一個標(biāo)題用以拖放在新位置。

7. 通常,禁用面板上的“最小化”按鈕契吉。但是捐晶,應(yīng)該有“關(guān)閉”按鈕,在某些情況下還會有全屏按鈕英支。

8. 按標(biāo)題引用面板干花。菜單中僅包含面板的標(biāo)題。其他窗口(例如檢查器)可能會提供足夠的信息以獨(dú)立運(yùn)行肿仑。

9. 保持檢查器面板為最新馏锡。

10. 除了檢查器之外眷篇,考慮提供“信息”窗口。信息窗口是一個顯示打開該窗口時捕獲的內(nèi)容屬性(有時是多個項(xiàng)目)的標(biāo)準(zhǔn)窗口昧港。即使更改選擇內(nèi)容创肥,這些屬性也會繼續(xù)顯示。與檢查器不同趾代,“信息”窗口出現(xiàn)在“窗口”菜單的文檔列表中撒强,不會浮在其他窗口上方,可以最小化芽隆,并且在應(yīng)用程序變?yōu)榉腔顒訝顟B(tài)時仍然保持可見。


# HUD型面板 #

HUD樣式的面板(簡稱為HUD)具有與普通面板相同的功能囤采,但其外觀為深色且半透明蕉毯。HUD用于專注于高視覺內(nèi)容或提供沉浸式體驗(yàn)的應(yīng)用程序进肯。例如江掩,QuickTime Player使用HUD來顯示檢查器信息,而不會妨礙用戶抬吟。

1. 首選標(biāo)準(zhǔn)面板火本。如果沒有邏輯上的原因,人們可能會分心或困惑刃鳄。通常,HUD僅應(yīng)在以下情況下使用:

- 在專注于電影见秽,照片或幻燈片的面向媒體的應(yīng)用程序中。

- 在具有深色界面的沉浸式應(yīng)用程序中禀苦。

- 當(dāng)一個標(biāo)準(zhǔn)的面板遮蓋了基本內(nèi)容時振乏。

- 當(dāng)使用面板進(jìn)行快速調(diào)整然后關(guān)閉時调限。

2. 結(jié)合使用標(biāo)準(zhǔn)面板和HUD耻矮。如果應(yīng)用僅在特定時間或僅在某些模式下專注于高度可視的內(nèi)容,在不同情況下哨免,使用最適合當(dāng)前任務(wù)和環(huán)境的面板類型铁瞒。

3. 當(dāng)應(yīng)用切換模式時,請勿切換面板類型芍碧。

4. 在HUD中使用簡單的調(diào)整控件。避免使用需要輸入文本或選擇項(xiàng)目的控件踪危,因?yàn)檫@些操作會迫使人們將注意力從內(nèi)容轉(zhuǎn)移到面板上贞远。使用滑塊和步進(jìn)器之類的控件,因?yàn)樗鼈円子谑褂枚鵁o需關(guān)注它們袱结。

5. HUD深色外觀中的太多顏色可能會分散注意力并減輕面板的影響垢夹。通常煤裙,只需要少量的高對比度顏色即可增強(qiáng)HUD中的信息硼砰。

6. 盡可能減小HUD。HUD設(shè)計(jì)為目的性很強(qiáng)豹障,因此讓它們過大會破壞其主要目的血公。HUD不要遮擋其調(diào)整的內(nèi)容,并確保不會搶奪內(nèi)容的吸引力垦写。


9梯投、彈窗

彈窗是單擊控件或視圖時顯示在內(nèi)容上方的視圖。通常咆疗,彈窗包括指向其出現(xiàn)位置的箭頭尝抖。彈窗還支持動態(tài)模糊衙熔。

彈窗可以響應(yīng)用戶的操作(瞬態(tài)行為)红氯,響應(yīng)用戶與從彈出窗口出現(xiàn)的視圖或元素的操作(半瞬態(tài)行為)或以應(yīng)用定義的方式關(guān)閉喇嘱。

1. 使用彈窗顯示少量信息或功能者铜。由于彈出窗口在用戶與其交互后消失,因此將彈出窗口中的功能數(shù)量限制為一些相關(guān)任務(wù)拿撩。

2. 考慮使用彈出窗口替代側(cè)邊欄和面板等臨時視圖压恒。彈出窗口可以幫助您簡化界面,為內(nèi)容留出更多空間期吓。

3. 根據(jù)彈窗的功能定義合適的關(guān)閉操作讨勤。如果彈出框僅顯示一組選項(xiàng),考慮在用戶做出選擇后立即將其關(guān)閉刨晴,與菜單的操作類似。當(dāng)進(jìn)行多項(xiàng)選擇時蝶桶,彈窗應(yīng)保持打開狀態(tài)真竖,直到用戶明確取消或在彈窗之外單擊战秋。

4. “關(guān)閉”按鈕僅用于確認(rèn)或明確指引获询。

5. 關(guān)閉彈窗時,自動保存并應(yīng)用操作尝哆。僅當(dāng)點(diǎn)擊“取消”按鈕時,才取消之前的操作恒序。

6. 彈窗的箭頭應(yīng)指向顯示的元素歧胁,也不應(yīng)覆蓋觸發(fā)彈窗的控件。

7. 考慮讓人們分離彈出窗口崭参。當(dāng)用戶拖動彈窗時何暮,一個可分離的彈窗將成為一個面板,從而在用戶與其他內(nèi)容進(jìn)行交互時彈窗內(nèi)容在屏幕上保持可見。

8. 對分離的彈窗面板進(jìn)行最小的外觀更改蟹肘。

9. 一次在屏幕上顯示一個彈窗贰盗。如果需要顯示新的彈窗舵盈,請先關(guān)閉打開的彈窗,然后再打開另一個赴蝇。

10. 除警報外句伶,彈出窗口頂部不應(yīng)顯示任何內(nèi)容。

11. 避免使彈出窗口太大楚堤。彈出窗口不應(yīng)該占據(jù)整個屏幕钾军。僅使其大到足以顯示其內(nèi)容并指向其來源。

12. 通常樱哼,保留標(biāo)準(zhǔn)的彈窗外觀搅幅。默認(rèn)情況下宵溅,彈窗外觀較淺僻族,可使用深色外觀访圃,但只對具有深色界面的沉浸式界面和多媒體應(yīng)用程序腿时。

13. 確保自定義彈窗仍然類似于系統(tǒng)彈窗。

14. 更改彈窗的大小時跃赚,提供平滑的過渡纬傲。

15. 不要將彈出窗口用作警報。

16. 避免在用戶文檔中使用“ 彈窗”一詞汁雷,也不要將彈窗稱為對話框或窗口侠讯。


10、滾動視圖

- 連續(xù)滾動

- 逐行滾動:用戶按下箭頭鍵時溜嗜,內(nèi)容每次滾動一行。

- 逐頁滾動:當(dāng)用戶在按Option的同時按箭頭鍵時土全,內(nèi)容每次滾動一頁野哭。

1. 在布局中考慮滾動條。用戶可以通過更改常規(guī)首選項(xiàng)中的設(shè)置來始終啟用。某些輸入設(shè)備還會導(dǎo)致滾動條始終顯示贺待。滾動條軌道的厚度為15點(diǎn)(常規(guī)大型撼肌)或11點(diǎn)(小或微型)奥此。

2. 尊重用戶的滾動條設(shè)置。

3. 不要覆蓋默認(rèn)的滾動手勢或鍵盤快捷鍵偎捎。

4. 幫用戶發(fā)現(xiàn)窗口內(nèi)容何時可滾動茴她。面對充滿文本的窗口時祭钉,滾動是用戶愿意嘗試的直觀且無損的操作。

5. 調(diào)整旋鈕顏色以適應(yīng)不同顏色模式的界面遂铡。

6. 不要將滾動視圖放在另一個滾動視圖內(nèi)扒接。

7. 瞬態(tài)滾動條是半透明的碱呼,因此用戶可以看到其下方的窗口內(nèi)容愚臀。每次滾動條出現(xiàn)時不斷地移動內(nèi)容可能會迷失方向。

8. 逐頁滾動時舶斧,滾動適當(dāng)?shù)臄?shù)量。通常矾缓,頁面被認(rèn)為是視圖的當(dāng)前高度或?qū)挾龋瑴p去至少一個用于保持上下文的重疊單元因篇∨⒎可以按情況自定義重疊單位。在按住Option的同時持續(xù)按箭頭鍵將導(dǎo)致連續(xù)的逐頁滾動竞滓,直到到達(dá)文檔末尾咐吼。

9. 單擊滾動條軌道時,滾動適當(dāng)?shù)臄?shù)量商佑。在滾動條軌道中單擊肌幽,應(yīng)跳至下一頁或當(dāng)前插入點(diǎn)笛求,具體取決于用戶的首選項(xiàng)懂诗。在滾動條軌道上持續(xù)單擊將導(dǎo)致連續(xù)滾動芋类,直到旋鈕到達(dá)指針的位置。

10. 適當(dāng)時自動滾動。大多數(shù)時候是用戶主動啟動滾動操作,但是您的應(yīng)用應(yīng)該在某些情況下執(zhí)行自動滾動:

- 當(dāng)應(yīng)用執(zhí)行新選擇或移動插入點(diǎn)的操作時。例如,當(dāng)用戶搜索文本并找到該文本時,滾動以顯示新選擇。

- 當(dāng)用戶在當(dāng)前不可見的位置輸入信息時。例如幔妨,如果插入點(diǎn)在一個頁面上锁施,而用戶已導(dǎo)航到另一頁面摘完,則自動滾動回到插入點(diǎn)谈飒。

- 當(dāng)用戶在進(jìn)行選擇時將指針超過視圖的邊緣時手素,請通過在指針移動的方向上滾動來跟隨指針闻察。

- 當(dāng)用戶選擇某項(xiàng)內(nèi)容時钉嘹,滾動到新的位置陈辱,對所選內(nèi)容執(zhí)行操作后利赋,再滾動回到剛開始所選內(nèi)容塘偎,然后再執(zhí)行操作。

在所有情況下伦意,自動滾動僅應(yīng)將文檔盡可能移動票编。而最小化自動滾動可以幫助人們記住上一操作。例如,如果執(zhí)行操作后部分選擇可見坟瓢,則無需滾動。

11. 自動滾動到所選內(nèi)容時,選擇保留部分上下文內(nèi)容以幫助用戶確認(rèn)所選內(nèi)容的當(dāng)前位置检号。

12. 切勿使用滾動條作為滑塊。滾動條在視圖中重新放置內(nèi)容〗L樱滑塊使用戶可以在值的范圍內(nèi)選擇一定值裙品。

13. 在面板中使用小型或微型滾動條帅腌。如果窗口使用了小型或微型滾動條岔擂,則該窗口的內(nèi)容區(qū)域中的所有其他控件也應(yīng)為較小的版本癞埠。


11、表單

表單是附加到特定窗口(通常是文檔)的模態(tài)對話框。出現(xiàn)時會呈現(xiàn)動畫效果廓八,就像從主體區(qū)域上方的窗口框架中露出來一樣。由于表單已附加到特定窗口醋闭,因此用戶始終可以將表單與其父窗口相關(guān)聯(lián)丈咐。如果是選項(xiàng)卡式窗口黍特,則表單從屬于活動選項(xiàng)卡,并且用戶必須先關(guān)閉表單才能切換到另一個選項(xiàng)卡纷闺。

表單是在進(jìn)行特定于文檔的操作(例如附加文件靴庆,導(dǎo)出塞茅,保存和打哟缆纭)之前請求用戶輸入的好方法。還可以用于在下一步之前向用戶展示信息徐鹤,例如需要接受的許可協(xié)議秸谢。

1. 僅當(dāng)窗口具有框架時才使用表單。

2. 在其他窗口上方打開表單甥角。通常,窗口及其所關(guān)聯(lián)的表單在打開時應(yīng)位于最前面麻昼。顯示表單后井联,用戶可以單擊另一個窗口將其激活。

3. 盡可能避免一次在窗口上顯示多表單译隘。如果工作表中的用戶操作導(dǎo)致顯示另一表單损敷,請?jiān)陲@示新表單之前關(guān)閉第一張表單访诱。如有必要剩蟀,可以在關(guān)閉第二張表單后再次顯示第一張表單棉浸。

4. 在多個窗口中打開同一文檔時就漾,使用應(yīng)用模態(tài)對話框而不是表單有缆。一些應(yīng)用程序可以在多個窗口中打開文檔,以便他們可以一次查看和編輯文檔的不同部分熔酷。在這種情況下活喊,用戶會不清楚在一張表單上進(jìn)行的更改會影響所有已打開的文檔窗口滞详。

5. 如果用戶需要查看窗口或與窗口進(jìn)行交互才能完成對話框操作巡蘸,請使用面板而不是表單躺苦。

6. 如果用戶需要反復(fù)輸入并查看結(jié)果酌泰,請使用面板而不是表單羡宙。


12僻焚、側(cè)邊欄

側(cè)邊欄位于窗口的一側(cè)总珠,通常通過水平分離器(通乘羟ǎ可移動)與窗口的其余部分隔開。側(cè)邊欄通常由一個表格視圖或一個大綱視圖組成恍飘,使用戶可以瀏覽并選擇在窗口主體部分中的操作秫逝。

1. 考慮使用側(cè)邊欄讓用戶與基于文件的數(shù)據(jù)進(jìn)行交互,而無需打開文件系統(tǒng)。

2. 使用標(biāo)題形成相關(guān)項(xiàng)目的邏輯分組睡陪。側(cè)邊欄通常不像表格視圖那樣具有標(biāo)題,但是它們有時包含標(biāo)題善玫。

3. 通常成畦,不要在側(cè)邊欄中顯示兩個以上的層次結(jié)構(gòu)。如果需要導(dǎo)航深層嵌套的對象,考慮使用大綱視圖唧垦。

4. 當(dāng)窗口包含多個側(cè)邊欄時,以及在面板或首選項(xiàng)窗口中使用側(cè)邊欄時,使用不透明背景陷舅。所有其他情況下阅酪,使用半透明背景。

5. 在調(diào)整窗口的大小時自動隱藏和顯示側(cè)邊欄。例如拷邢,當(dāng)減小“郵件查看器”窗口的大小時,拖動到某個位置時,側(cè)邊欄自動折疊。

6. 盡可能讓用戶自定義側(cè)邊欄的內(nèi)容泊愧。由于側(cè)邊欄提供了常用項(xiàng)目的快捷方式聪富,因此最好由用戶確定最重要的項(xiàng)目。還應(yīng)該考慮使用Spotlight提供智能數(shù)據(jù)容器。

7. 在可編輯的側(cè)邊欄中,考慮提供添加跛十,刪除矢渊,操作或獲取有關(guān)項(xiàng)目信息的按鈕撑螺。側(cè)邊欄按鈕應(yīng)該是浮在側(cè)邊欄底部上方的無邊界按鈕,或者是位于側(cè)邊欄底部正下方中父級窗口中的漸變按鈕枣宫。

8. 當(dāng)需要顯示非必要功能時,考慮使用彈窗而不是側(cè)邊欄。僅當(dāng)用戶需要時才顯示彈窗介衔。


13阴幌、拆分視圖

拆分視圖管理兩個或更多內(nèi)容窗格。每個窗格可以包含各種元素,包括按鈕养篓,表格奋构,大綱視圖怎栽,文本字段,甚至其他拆分視圖姓迅。例如抑片,在Keynote中荐绝,拆分視圖構(gòu)成了演示文稿文檔的導(dǎo)航器死讹,編輯器愧旦,檢查器和演示者注釋區(qū)域琼蚯。

拆分視圖的窗格可以水平或垂直排列,并由可以拖動以調(diào)整窗格大小的分隔符分隔价捧,每個窗格具有最小和最大大小挠将。許多應(yīng)用可讓用戶根據(jù)要求隱藏特定的窗格。例如编整,在Keynote中,用戶可以隱藏導(dǎo)航器和演示者注釋區(qū)域乳丰,以便專注于編輯幻燈片內(nèi)容掌测。

1. 合理時允許隱藏窗格。

2. 提供多種訪問隱藏窗格的方法产园。

3. 設(shè)置適當(dāng)?shù)淖钚『妥畲蟠案翊笮肀3挚勺R別性汞斧。


# 分隔符 #

拆分視圖可以采用以下分隔符樣式之一。還可以更改分隔線的顏色什燕,更改分隔線的寬度或設(shè)計(jì)自定義分隔線粘勒。

- 1pt寬度的線。

- 9pt寬度的線屎即,默認(rèn)清除庙睡。

- 分隔符,10pt寬度技俐。

用戶可以單擊分隔線的任何部分并拖動以調(diào)整大小乘陪。對于較細(xì)的分隔線,可點(diǎn)擊在分隔線的每一側(cè)的兩個點(diǎn)雕擂。

1. 用戶更喜歡細(xì)分隔線樣式啡邑。當(dāng)指示窗格之間需要更強(qiáng)烈的視覺差時,考慮使用厚分隔線或窗格分隔符樣式井赌。例如谤逼,當(dāng)拆分視圖的每一側(cè)都包含一個表時,更大的分隔符可以幫助人們在兩個表之間進(jìn)行區(qū)分仇穗。


14流部、標(biāo)簽頁

標(biāo)簽頁可在同一區(qū)域中顯示多個相斥的內(nèi)容窗格。標(biāo)簽頁包括一個選項(xiàng)卡控件(外觀類似于分段控件)和一個內(nèi)容區(qū)域仪缸。選項(xiàng)卡控件的每一段都稱為選項(xiàng)卡贵涵,單擊選項(xiàng)卡將在內(nèi)容區(qū)域中顯示其對應(yīng)的窗格。盡管每個窗格的內(nèi)容量可能會有所不同,但是切換選項(xiàng)卡并不會更改標(biāo)簽頁或其父窗口的整體大小宾茂。

可以將選項(xiàng)卡控件放置在內(nèi)容區(qū)域的任何一側(cè)(頂部熱門標(biāo)簽瓷马,底部,左側(cè)或右側(cè))跨晴。還可以隱藏控件欧聘。

隱藏選項(xiàng)卡控件時,內(nèi)容區(qū)域可以是無邊框端盆,帶邊框(填充)或以線條為邊框怀骤。無邊界視圖可以是純色或透明的。

1. 使用標(biāo)簽頁顯示內(nèi)容密切相關(guān)的內(nèi)容焕妙。

2. 在標(biāo)簽頁中提供兩個到六個選項(xiàng)卡蒋伦。如果您有六個或更多選項(xiàng)卡,可能會發(fā)現(xiàn)這些選項(xiàng)卡更適合換做工具欄中的圖標(biāo)焚鹊。

3. 確保窗格中的控件僅影響同一窗格中的內(nèi)容痕届。

4. 通常,通過在標(biāo)簽頁的所有邊緣留出一個窗口主體區(qū)域來插入選項(xiàng)卡視圖末患。這種布局看起來很干凈研叫,并為可能影響窗口本身(或其他選項(xiàng)卡)的其他控件留出了空間。

5. 為每個選項(xiàng)卡提供一個標(biāo)簽璧针,以描述其窗格的內(nèi)容嚷炉。為標(biāo)簽標(biāo)簽使用名詞或非常短的名詞短語或動詞或簡短動詞短語。

6. 避免將彈出按鈕用作選項(xiàng)卡切換器探橱。標(biāo)簽頁只需單擊一次即可進(jìn)行選擇申屹,而彈出按鈕則需要兩次。標(biāo)簽視圖還可以一次在屏幕上顯示所有選擇走搁,而彈出按鈕必須單擊以查看其選項(xiàng)独柑。


15、表格視圖

表格視圖在一個滾動的單元格列表中清晰私植、高效地顯示少量或大量數(shù)據(jù)忌栅,這些單元格被組織為列和行。一個表視圖至少包含一列主要數(shù)據(jù)(如文件名)曲稼∷餍鳎可以根據(jù)需要添加后續(xù)列,以補(bǔ)充主要數(shù)據(jù)的其他屬性贫悄,例如文件大小和修改日期瑞驱。

表格是文本的內(nèi)容的理想選擇,并且通常在拆分視圖的一側(cè)進(jìn)行導(dǎo)航窄坦,而相關(guān)內(nèi)容在另一側(cè)唤反。

1. 使用描述性列標(biāo)題凳寺。始終在多列表格視圖中提供列標(biāo)題。如果未在單列表格視圖中使用列標(biāo)題彤侍,請使用標(biāo)簽或其他方式來確保用戶能夠充分理解肠缨。

2. 如果需要,單擊列標(biāo)題對表格視圖進(jìn)行排序盏阶。

3. 讓用戶調(diào)整列的大小晒奕。表格視圖中數(shù)據(jù)的寬度通常不同。當(dāng)可以調(diào)整列的寬度時名斟,用戶可以根據(jù)需要調(diào)整其寬度以顯示被剪切的數(shù)據(jù)脑慧。

4. 考慮在多列表格視圖中使用交替的行顏色。

5. 如果有意義砰盐,啟用數(shù)據(jù)編輯闷袒。

6. 顯示單列列表選項(xiàng)時,考慮用彈出按鈕代替單列表格視圖楞卡。彈出按鈕所需的空間比表格視圖少得多霜运,并且可以清晰有效地顯示選項(xiàng)列表。

7. 使用大綱視圖代替表格視圖來呈現(xiàn)層次結(jié)構(gòu)數(shù)據(jù)蒋腮。大綱視圖包括用于顯示其他數(shù)據(jù)級別的三角形。例如藕各,大綱視圖可能顯示文件夾及其包含的項(xiàng)目池摧。

8. 使用居中的省略號來截斷原本會被剪切的單元格文本〖た觯考慮提供一個搜索字段作彤,以幫助人們在冗長的表格視圖中快速找到所需數(shù)據(jù)。


16乌逐、工具欄

工具欄提供對常用命令和功能的快捷訪問竭讳,位于窗口頂部的框架中,標(biāo)題欄的下方或與標(biāo)題欄集成在一起浙踢。


# 工具欄項(xiàng) #

工具欄項(xiàng)由圖像按鈕或經(jīng)過優(yōu)化的特定系統(tǒng)控件組成绢慢。

1. 提供應(yīng)用或窗口中用戶最常用的工具欄項(xiàng)目的快捷方式。

2. 可使用圖像按鈕或系統(tǒng)控件洛波,但不能同時使用兩種胰舆。

3. 僅使用工具欄特定的系統(tǒng)控件樣式。由于它們與工具欄的外觀風(fēng)格一致蹬挤,不應(yīng)在窗口的內(nèi)容區(qū)域中使用它們缚窿。

4. 使每個工具欄項(xiàng)都可作為菜單命令使用。由于工具欄是可自定義的并且可以隱藏焰扳,因此它不是查找命令的唯一位置倦零。相反误续,為每個菜單項(xiàng)提供工具欄項(xiàng)是沒有意義的,因?yàn)椴⒎撬胁藛蚊疃甲銐蛑匾蚪?jīng)常使用扫茅。

5. 為每個工具欄項(xiàng)提供簡短的描述性標(biāo)簽蹋嵌。用戶在將工具欄配置為顯示圖標(biāo)和文本或僅顯示文本時會看到這些標(biāo)簽。最佳標(biāo)簽由一個或兩個詞組成诞帐,描述單擊項(xiàng)目的結(jié)果欣尼。盡可能使用動詞和動詞短語。


# 外觀 #

1. 確保每個工具欄項(xiàng)的含義都清晰停蕉。提供簡單的愕鼓、可識別的圖標(biāo)和簡短的描述性標(biāo)簽。

2. 最好在工具欄項(xiàng)中使用系統(tǒng)提供的圖標(biāo)慧起。

3. 在工具欄項(xiàng)中菇晃,圖標(biāo)比文本重要。

4. 如果必須在控件中顯示文本蚓挤,確保其簡潔明了磺送。描述對象,設(shè)置或狀態(tài)時灿意,使用名詞或名詞短語估灿。描述動作時,使用動詞或動詞短語缤剧。

5. 準(zhǔn)確顯示在兩個狀態(tài)之間切換的控件的當(dāng)前狀態(tài)馅袁。可以通過更改控件的配色方案和標(biāo)簽來顯示荒辕。例如汗销,郵件可在線和離線切換帳戶。聯(lián)機(jī)時抵窒,顯示一個藍(lán)色圖標(biāo)和一個“脫機(jī)”標(biāo)簽弛针。脫機(jī)時,該項(xiàng)目顯示灰色圖標(biāo)和“聯(lián)機(jī)”標(biāo)簽李皇。

6. 當(dāng)內(nèi)容在工具欄下方滾動時削茁,使用動態(tài)模糊。當(dāng)將工具欄置于滾動視圖上方或?qū)⒋翱谂渲脼槿叽鐑?nèi)容視圖時疙赠,會自動采用動態(tài)模糊付材。

7. 避免為工具欄項(xiàng)設(shè)定為選定的外觀樣式。分段控件顯示持久的選定外觀樣式圃阳。


# 布局 #

1. 工具欄項(xiàng)應(yīng)為應(yīng)用中的主要任務(wù)厌衔。

2. 如果可以,將相關(guān)的工具欄項(xiàng)目分組捍岳。


# 可見性 #

1.? 用戶可以顯示或隱藏工具欄富寿。

2. 全屏模式時自動隱藏工具欄以增加用戶對內(nèi)容的關(guān)注睬隶。


# 自定義 #

1. 通常,讓用戶自定義工具欄页徐。

2. 提供有用的默認(rèn)工具欄項(xiàng)苏潜。還可以此教育新用戶有關(guān)應(yīng)用程序的主要功能。

3. 如果允許自定義变勇,將“自定義工具欄”菜單項(xiàng)添加到“視圖”菜單恤左。


# 工具欄操作 #

1. 不要在工具欄上添加特定于應(yīng)用程序的右鍵菜單。通常用戶可以按住Control鍵單擊標(biāo)題欄以重命名文檔或顯示其路徑搀绣。如果需要一組對選擇起作用的命令飞袋,在窗口的內(nèi)容區(qū)域中添加右鍵菜單,或在工具欄中添加操作彈出按鈕链患。

2. 考慮在窗口不活動時讓用戶單擊非破壞性工具欄項(xiàng)巧鸭。通常,單擊非活動窗口的工具欄會將窗口移到最前面麻捻。在某些情況下纲仍,讓用戶調(diào)用工具欄項(xiàng)目而不將窗口置于最前面可能是有用的,這樣它們就可以專注于其他窗口中的任務(wù)贸毕。標(biāo)準(zhǔn)“字體”面板的工具欄的行為是這樣的郑叠。

3. 考慮為工具欄項(xiàng)添加彈簧加載支持。例如明棍,在日歷中锻拘,可以在工具欄中的日,周击蹲,月或年段中拖動事件。強(qiáng)制單擊一個事件可在不釋放事件的情況下切換日歷視圖婉宰。然后將該事件放置在新日歷視圖中歌豺。


17、網(wǎng)頁視圖

網(wǎng)頁視圖直接在應(yīng)用程序中加載并顯示豐富的Web內(nèi)容心包,例如嵌入式HTML和網(wǎng)站类咧。

1. 適當(dāng)時啟用前進(jìn)和后退導(dǎo)航。如果人們將使用應(yīng)用內(nèi)的網(wǎng)頁視圖訪問多個頁面蟹腾,提供啟用前進(jìn)和后退導(dǎo)航的控件痕惋。

2. 避免使用網(wǎng)頁視圖來構(gòu)建瀏覽器。使用網(wǎng)頁視圖讓用戶在不離開應(yīng)用的情況下短暫訪問網(wǎng)站是可以的娃殖。


18值戳、抽屜

抽屜是一種包含與特定窗口有關(guān)的選項(xiàng)或信息的界面元素捌锭。默認(rèn)情況下捏卓,抽屜是隱藏的。通常是響應(yīng)于按鈕虱黄,菜單或動作才顯示,抽屜從父窗口的一側(cè)滑出赴捞,不能單獨(dú)移動或與其父窗口分離逼裆。

1. 避免使用抽屜。抽屜很少在現(xiàn)代應(yīng)用程序中使用赦政,面板胜宇,彈出窗口,側(cè)邊欄和拆分視圖是顯示輔助窗口內(nèi)容的首選恢着。


19桐愉、底欄

底部操作欄是窗口底部邊緣一種用于快速修改窗口視圖的操作欄。

1. 避免使用底部操作欄然评。底部操作欄很少用于現(xiàn)代應(yīng)用程序中仅财,工具欄和菜單是讓用戶操控內(nèi)容視圖的首選方式。


macOS的菜單


1碗淌、菜單解構(gòu)

菜單項(xiàng)可配置為操作盏求,切換打開或關(guān)閉的狀態(tài),響應(yīng)鍵盤快捷鍵來顯示附加菜單項(xiàng)的子菜單亿眠,還可以包含分隔符碎罚。菜單項(xiàng)可以包含圖標(biāo)和控件,例如復(fù)選框纳像。默認(rèn)情況下荆烈,所有菜單都適用動態(tài)模糊。

當(dāng)菜單顯示在屏幕上時竟趾,直到用戶選擇某個菜單項(xiàng)憔购,導(dǎo)航到另一個菜單,在菜單外單擊岔帽,切換到另一個應(yīng)用程序玫鸟,退出該應(yīng)用程序,或直到顯示警報前都將保持打開狀態(tài)犀勒。


# 菜單類型 #

- 菜單欄:屏幕頂部的菜單欄中顯示特定于應(yīng)用程序的菜單項(xiàng)屎飘。通常顯示多個菜單。

- 快捷菜單:與用戶當(dāng)前操作有關(guān)的菜單項(xiàng)贾费。通過按住Control鍵并單擊應(yīng)用程序中的視圖或所選元素顯示钦购。

- 程序塢菜單:按住Control鍵并單擊某個應(yīng)用程序的Dock圖標(biāo)時顯示程序塢菜單項(xiàng)。

彈出按鈕(通常稱為彈出菜單)是一種單擊按鈕時會顯示選擇菜單的按鈕褂萧。


# 菜單標(biāo)題 #

1. 提供直觀的菜單標(biāo)題押桃。菜單標(biāo)題應(yīng)有助于用戶預(yù)期菜單包含的菜單項(xiàng)。

2. 即使菜單項(xiàng)不可用箱玷,也要保持菜單可用怨规。能夠?yàn)g覽所有菜單的內(nèi)容陌宿,以了解命令所在的位置,即使這些命令不可用波丰。

3. 使菜單標(biāo)題盡可能短而清晰壳坪。一字菜單標(biāo)題是最好的,因?yàn)樗鼈冊诓藛螜谥姓加玫目臻g很小且易于瀏覽掰烟。

4. 菜單欄標(biāo)題使用文本而不是圖標(biāo)爽蝴。附加菜單欄使用圖標(biāo)。


# 菜單項(xiàng)標(biāo)題 #

1. 將動詞和動詞短語用于啟動操作的菜單項(xiàng)纫骑。

2. 將形容詞或形容詞短語用于切換屬性狀態(tài)的菜單項(xiàng)蝎亚。出現(xiàn)在菜單項(xiàng)標(biāo)題中的形容詞暗示一種動作,并且通诚裙荩可以放入句子“將所選對象更改為...”中发框,例如,粗體或斜體煤墙。

3. 避免在菜單項(xiàng)標(biāo)題中使用句子梅惯。句子很少會有用,因?yàn)橛脩粢呀?jīng)進(jìn)行了選擇或進(jìn)行了特定的操作仿野。

4. 當(dāng)菜單項(xiàng)需要用戶提供輸入時铣减,使用省略號。省略號(...)表示將打開一個對話框或單獨(dú)的窗口脚作,提示用戶提供其他信息或做出選擇葫哗。

5. 禁用不可用的菜單項(xiàng)。禁用的菜單項(xiàng)顯示為灰色球涛,或當(dāng)指針移到該菜單項(xiàng)上時不會突出顯示劣针。

6. 考慮將鍵盤快捷鍵顯示在菜單欄中的常用菜單項(xiàng)中∫诒猓快捷鍵不在屬性菜單或Dock菜單中使用酿秸。


# 子菜單 #

1. 限制子菜單的使用。每個子菜單都會增加一層復(fù)雜性魏烫,并向用戶隱藏菜單項(xiàng)。一組緊密相關(guān)的命令可以分組在單個父菜單項(xiàng)下時肝箱,或者當(dāng)需要縮短菜單的長度時哄褒,可以使用子菜單。

2. 如果子菜單包含五個以上的菜單項(xiàng)煌张,考慮為其提供自己的菜單呐赡。

3. 確保子菜單中的菜單項(xiàng)在邏輯上相關(guān)。通常骏融,子菜單最適合用于打開或關(guān)閉屬性而不是啟動動作的菜單項(xiàng)链嘀。

4. 提供直觀的子菜單標(biāo)題萌狂。提供簡潔的描述性標(biāo)題,以提示子菜單包含的菜單項(xiàng)怀泊。

5. 即使子菜單的嵌套菜單不可用茫藏,也要使其保持可點(diǎn)擊狀態(tài)。對于用戶來說霹琼,重要的是能夠?yàn)g覽菜單和子菜單务傲,以了解命令所在的位置。

6. 使用子菜單代替縮進(jìn)菜單項(xiàng)枣申。


# 整理菜單項(xiàng) #

1. 使用分隔線在不同的相關(guān)菜單項(xiàng)組之間制造視覺差售葡。菜單項(xiàng)組的分配部分是美學(xué)決定,部分是可用性決定忠藤。

2. 將最常用的項(xiàng)目放在菜單頂部挟伙。避免根據(jù)使用頻率安排整個菜單。最好創(chuàng)建相關(guān)項(xiàng)目的組模孩,然后將使用頻率較高的組放置在使用頻率較低的組上方尖阔。

3. 為啟動操作的菜單項(xiàng)和設(shè)置屬性的菜單項(xiàng)創(chuàng)建單獨(dú)的組。

4. 為相互依賴的屬性菜單項(xiàng)分組瓜贾。在一個菜單項(xiàng)組中诺祸,屬性菜單項(xiàng)可以互斥,也可以是獨(dú)立的(如粗體和斜體)祭芦。

5. 通過將相似的動作菜單組合在一起筷笨,使人們可以輕松找到菜單項(xiàng)。

6. 合并相關(guān)菜單項(xiàng)龟劲。如果一個菜單項(xiàng)在一組菜單項(xiàng)中使用率達(dá)到兩倍以上胃夏,考慮為其指定一個單獨(dú)的菜單或子菜單。

7. 注意菜單的長度昌跌。

8. 不要故意設(shè)計(jì)滾動菜單仰禀。


#? 可變菜單項(xiàng) #


1. 動態(tài)菜單項(xiàng)

菜單項(xiàng)的行為會通過添加修改鍵(Control,Option蚕愤,Shift或Command)而改變答恶。

- 避免讓動態(tài)菜單項(xiàng)成為完成任務(wù)的唯一方法。動態(tài)菜單項(xiàng)默認(rèn)情況下是隱藏的萍诱,它們是提供高級功能快捷方式的方法悬嗓。但是,不要讓人們在學(xué)會使用您的應(yīng)用程序之前去找動態(tài)菜單項(xiàng)裕坊。

- 動態(tài)菜單項(xiàng)主要在菜單欄中使用包竹。

- 只需要一個修飾鍵即可顯示動態(tài)菜單項(xiàng)。


2. 切換菜單項(xiàng)

切換菜單項(xiàng)會在兩種狀態(tài)之間切換。

- 兩個菜單項(xiàng)的標(biāo)題為相反的操作或狀態(tài)周瞎,并顯示一個被選中或一個被禁用苗缩。

- 標(biāo)題更改為反映當(dāng)前狀態(tài)的菜單項(xiàng);如声诸,顯示標(biāo)尺和隱藏標(biāo)尺酱讶。

- 旁邊帶有生效標(biāo)記的菜單項(xiàng);

1. 當(dāng)沒有足夠的空間顯示兩個菜單項(xiàng)時双絮,用使用兩個明顯表示相反動作的標(biāo)題浴麻。

2. 考慮為可隱藏的菜單項(xiàng)使用可變標(biāo)題。

3. 當(dāng)前有效的菜單項(xiàng)囤攀,使用已選標(biāo)記(對勾)软免。

4. 提供一個刪除多屬性的菜單項(xiàng)。

5. 考慮添加成組打開和關(guān)閉的菜單項(xiàng)焚挠。


# 菜單項(xiàng)圖標(biāo) #

圖標(biāo)可用于幫助人們識別菜單項(xiàng)(而不是菜單)并將其與內(nèi)容相關(guān)聯(lián)膏萧。如,Safari使用網(wǎng)頁圖標(biāo)(favicons)在網(wǎng)頁和該網(wǎng)頁的菜單項(xiàng)之間建立可視連接蝌衔。

1. 盡量少使用圖標(biāo)榛泛。

2. 始終為菜單項(xiàng)圖標(biāo)搭配文本。

3. 使用熟悉的圖標(biāo)噩斟。


# 菜單符號 #

https://developer.apple.com/design/human-interface-guidelines/macos/menus/menu-anatomy/

1. 避免在菜單中使用自定義符號曹锨。

2. 使用選中(對勾)符號當(dāng)前活動的狀態(tài)。

3. 使用破折號 - 表示屬性僅適用于部分選擇剃允。如果所選文本應(yīng)用了兩種樣式沛简,則可以在每個樣式名稱旁放一個破折號或?qū)础T谕徊藛沃泻喜⑦x中標(biāo)記和破折號是可以接受的斥废。

4. 僅當(dāng)“自動保存”不可用時才使用項(xiàng)目符號(圓點(diǎn))椒楣。如果自動保存無法完成,或用戶磁盤已滿牡肉,可能需使用項(xiàng)目符號捧灰。

5. 讓菱形和選中符號覆蓋其他符號。每個菜單項(xiàng)應(yīng)只帶有一個符號统锤。例如毛俏,未保存更改的最小化窗口的菜單項(xiàng)應(yīng)帶有菱形符號。如果活動窗口有未保存的更改饲窿,則其菜單項(xiàng)旁應(yīng)有一個選中符號拧抖。


# 樣式菜單項(xiàng) #

僅在“字體”或“樣式”菜單中使用樣式∶饴蹋可以可用的實(shí)際字體或樣式顯示菜單項(xiàng),以便人們可以預(yù)覽菜單項(xiàng)的效果擦盾。不要在其他菜單中使用樣式嘲驾。


二淌哟、快捷菜單

通過按Control并單擊應(yīng)用中的視圖或選定元素來顯示快捷菜單。

1. 遵循菜單設(shè)計(jì)原則辽故。

2. 僅包括適用于當(dāng)前操作的最常用命令徒仓。

3. 將快捷菜單的層次深度限制為一或兩個級別。如果必須包括子菜單誊垢,將其放置在一個級別掉弛。

4. 不要在快捷菜單中設(shè)置默認(rèn)選中項(xiàng)。

5. 在菜單欄中也可以找到快捷菜單項(xiàng)喂走。

6. 只在菜單欄中顯示快捷鍵殃饿,快捷菜單中不顯示鍵盤快捷鍵。

7. 在工具欄中使用快捷菜單項(xiàng)的彈出按鈕以提高快捷菜單項(xiàng)的功能性芋肠。


三乎芳、程序塢菜單

當(dāng)用戶按住Control并單擊應(yīng)用程序的Dock圖標(biāo)時,出現(xiàn)Dock菜單帖池。包含系統(tǒng)提供的菜單項(xiàng)奈惑,這些菜單項(xiàng)用于啟動操作,還可以包含應(yīng)用的特定項(xiàng)睡汹,并在應(yīng)用運(yùn)行時訪問肴甸。

Dock及其菜單具有動態(tài)模糊效果,并可以呈現(xiàn)淺色或深色外觀囚巴。由用戶的外觀首選項(xiàng)控制原在。

1. 始終遵循菜單設(shè)計(jì)原則。

2. 提供特定于應(yīng)用程序的菜單項(xiàng)文兢。

3. 確保Dock菜單項(xiàng)在應(yīng)用的其他位置也可找到晤斩。

4. 將特定于應(yīng)用程序的菜單項(xiàng)放在系統(tǒng)提供的菜單項(xiàng)上方。用戶知道在哪里可以找到系統(tǒng)提供的菜單項(xiàng)姆坚。


四澳泵、菜單欄

包括系統(tǒng)提供的標(biāo)準(zhǔn)菜單,以及應(yīng)用定義的自定義菜單兼呵。

菜單欄及其菜單適應(yīng)動態(tài)模糊效果兔辅,并且可以呈現(xiàn)淺色或深色外觀。這由用戶的外觀首選項(xiàng)控制击喂。

1. 始終遵循菜單設(shè)計(jì)原則维苔。

2. 使用標(biāo)準(zhǔn)菜單和子菜單。

3. 為標(biāo)準(zhǔn)菜單項(xiàng)啟用系統(tǒng)提供的鍵盤快捷鍵懂昂。

4. 僅為經(jīng)常使用的自定義菜單項(xiàng)創(chuàng)建新的鍵盤快捷鍵介时。

5. 當(dāng)應(yīng)用為非活動窗口時考慮使用Dock菜單。

6. 除了菜單欄外,考慮提供快捷菜單沸柔。

7. 考慮提供附加菜單欄循衰。


# 蘋果菜單 #

Apple菜單包含始終可用的菜單項(xiàng)。由系統(tǒng)定義褐澎,不能修改会钝。


# 應(yīng)用菜單 #

為幫助用戶快速識別活動狀態(tài)的應(yīng)用,菜單中的應(yīng)用名稱以粗體顯示工三。

- 關(guān)于應(yīng)用:版權(quán)和版本信息迁酸。Command-Comma (,)

- 首選項(xiàng):應(yīng)用程序的首選項(xiàng)。

- 服務(wù):顯示適用于當(dāng)前操作的系統(tǒng)和其他應(yīng)用服務(wù)的子菜單俭正。

- 隱藏應(yīng)用:隱藏您的應(yīng)用及所有窗口奸鬓,激活最近使用的應(yīng)用。Command-H

- 隱藏全部:隱藏所有打開的應(yīng)用及其窗口段审。Option-Command-H

- 顯示全部:在應(yīng)用窗口的后顯示所有其他打開的應(yīng)用及窗口全蝶。

- 退出應(yīng)用:退出應(yīng)用。按Option退出應(yīng)用并保留窗口寺枉。Command-Q


1. 在應(yīng)用菜單標(biāo)題中使用16個字符或更少的短單詞應(yīng)用名稱抑淫,有助于減少被截斷的可能性。

2. 在菜單項(xiàng)標(biāo)題中使用相同的應(yīng)用名稱姥闪。

3. 不要在應(yīng)用名稱中包含版本號始苇。

4. 在“關(guān)于”菜單項(xiàng)之后添加分隔符,不要將其與其他項(xiàng)組在一起筐喳。

5. 在其他特定于應(yīng)用的菜單項(xiàng)上方顯示“首選項(xiàng)”菜單項(xiàng)催式。

6. 使用分隔符創(chuàng)建特定于應(yīng)用的菜單項(xiàng)的邏輯分組。

7. 在“文件”菜單而不是“應(yīng)用程序”菜單中顯示特定于文檔的首選項(xiàng)避归。

8. 在“幫助”菜單而不是應(yīng)用菜單中顯示幫助菜單項(xiàng)荣月。

9. 在“退出”菜單項(xiàng)之前添加分隔符并最后顯示。不要將其與其他項(xiàng)組在一起梳毙。

10. 啟用系統(tǒng)的鍵盤快捷鍵哺窄。


# 文件菜單 #

“文件”菜單中的大多數(shù)命令適用于單個文件,通常是已打開文檔账锹。在非文檔的應(yīng)用中萌业,可以重命名或取消此菜單。

-新建…-打開…-保存-保存全部-重命名-移動到…

- 最近打開:顯示最近打開文檔的子菜單奸柬,并顯示“ 清除”項(xiàng)生年。

- 關(guān)閉:關(guān)閉當(dāng)前文檔或標(biāo)簽。Command-W廓奕,按Option鍵關(guān)閉所有抱婉。

- 關(guān)閉標(biāo)簽頁:按Option鍵將關(guān)閉選項(xiàng)卡更改為關(guān)閉所有選項(xiàng)卡档叔。

- 關(guān)閉文檔:通常顯示在同一文件支持多個視圖的應(yīng)用程序中。關(guān)閉當(dāng)前文件及其所有關(guān)聯(lián)的窗口蒸绩。

- 復(fù)制:復(fù)制當(dāng)前文檔蹲蒲,并同時打開兩個文檔。按option將復(fù)制更改為另存為侵贵。

- 導(dǎo)出為…:提示用戶輸入名稱,輸出位置和導(dǎo)出文件格式缘薛。導(dǎo)出文件后窍育,當(dāng)前文檔保持打開狀態(tài)。導(dǎo)出的文件不應(yīng)打開宴胧。

- 恢復(fù):列出最近文檔版本(啟用自動保存)的子菜單漱抓。用戶可以選擇要還原的版本,以替換當(dāng)前文檔恕齐。

- 頁面設(shè)置…:打開一個對話框乞娄,用于指定打印參數(shù)(與文檔一起保存),例如紙張尺寸和打印方向显歧。

- 打印…:打開標(biāo)準(zhǔn)的“打印”對話框仪或,該對話框允許用戶打印到打印機(jī),發(fā)送傳真或以PDF格式保存士骤。Command-P


1. 在“最近打開”菜單項(xiàng)的子菜單中僅顯示文檔名稱范删。

2. 考慮提供“關(guān)閉文檔”或“關(guān)閉窗口”菜單項(xiàng)。對于選項(xiàng)卡式窗口拷肌,“關(guān)閉選項(xiàng)卡”替換了“關(guān)閉”菜單項(xiàng)到旦。用戶可能仍喜歡關(guān)閉整個選項(xiàng)卡窗口的能力。

3. 盡可能自動保存文件中的更改巨缘。

4. 通常添忘,提供一個“保存”菜單項(xiàng)。如果需要“另存為”菜單項(xiàng)若锁,使用“復(fù)制”搁骑,然后讓用戶通過按Option鍵將其更改為“另存為”。如果需要讓用戶以多種格式保存拴清,請?jiān)凇氨4妗睂υ捒蛑刑峁┮粋€彈出按鈕靶病,而不是為每個格式單獨(dú)顯示“另存為”菜單項(xiàng)。

5. 提供“復(fù)制”菜單項(xiàng)代替“另存為”口予、“導(dǎo)出”娄周、“復(fù)制到”和“保存到”菜單項(xiàng)。復(fù)制會使兩個文檔版本保持打開狀態(tài)沪停,以便用戶決定下一步工作煤辨。保存副本時裳涛,用戶可以指定文件名,輸出位置和格式众辨。僅以在應(yīng)用內(nèi)無法處理的格式導(dǎo)出時端三,才包括“導(dǎo)出”菜單項(xiàng)。

6. 使用頁面設(shè)置來調(diào)整文檔特定的首選項(xiàng)鹃彻。如果用戶可以從應(yīng)用內(nèi)打印郊闯,提供“頁面設(shè)置”菜單項(xiàng)以打開對話框。

7. 啟用系統(tǒng)的鍵盤快捷鍵蛛株。關(guān)閉: Command-W团赁、關(guān)閉標(biāo)簽:Command-W、關(guān)閉檔案:Shift-Command-W

谨履、保存:Command-S欢摄、重復(fù):Shift-Command-S、頁面設(shè)置...:Shift-Command-P笋粟、打印...:Command-P


# 編輯菜單 #

還提供用于與剪貼板交互的命令怀挠。由于許多編輯命令適用于任何可編輯的文本,即使在非文檔的應(yīng)用中害捕,“編輯”菜單也很有用绿淋。

- 撤銷-重做-剪切-復(fù)制-粘貼-刪除-選擇全部

- 粘貼和匹配樣式:在當(dāng)前插入點(diǎn)插入剪貼板的內(nèi)容,使插入文本的樣式與周圍文本匹配吨艇。

- 查找:顯示一個子菜單躬它,其中包含用于在當(dāng)前文檔或文本容器中執(zhí)行搜索操作的菜單項(xiàng)。包括:查找东涡、查找并替換…冯吓、找下一個、查找上一個疮跑、使用所選內(nèi)容查找组贺、跳至所選內(nèi)容

- 拼寫和語法:顯示包含菜單項(xiàng)的子菜單,用于檢查和更正當(dāng)前文檔或文本容器中的拼寫和語法祖娘。包括:顯示拼寫和語法失尖、立即檢查文件、鍵入時檢查拼寫渐苏、檢查拼寫語法掀潮、自動糾正拼寫

- 替換:顯示包含菜單項(xiàng)的子菜單,可在輸入文檔或文本字段時切換菜單項(xiàng)以啟用或禁用自動替換琼富。包括:顯示替換仪吧、智能復(fù)制/粘貼、智能引導(dǎo)鞠眉、智能破折號薯鼠、智能鏈接择诈、數(shù)據(jù)檢測器、文字替換

- 轉(zhuǎn)換:顯示包含用于轉(zhuǎn)換所選文本的菜單項(xiàng)的子菜單出皇。包括:大寫羞芍、小寫、首字母大寫

- 語音:顯示包括“開始朗讀”和“停止朗讀”菜單項(xiàng)的子菜單

- 開始聽寫:打開聽寫窗口郊艘,將用戶的聲音寫入在當(dāng)前插入點(diǎn)荷科。系統(tǒng)自動在“編輯”菜單的底部添加“開始聽寫”菜單項(xiàng)。

- 表情與符號:顯示一個字符查看器纱注,其中包括表情符號步做、符號和用戶可以在當(dāng)前插入點(diǎn)插入的其他字符。系統(tǒng)會自動在“編輯”菜單的底部添加“表情符號和符號”菜單項(xiàng)奈附。


1. 盡可能支持撤消和重做操作。

2. 添加“撤消”和“重做”菜單項(xiàng)煮剧。

3. 如果撤消或重做不可用斥滤,則應(yīng)禁用其菜單項(xiàng)。為了更加清晰勉盅,考慮將菜單項(xiàng)也稱為“無法撤消”或“無法重做”佑颇。

4. 提供“刪除”菜單項(xiàng),而不是“擦除”或“清除”草娜。等效于按Delete鍵挑胸,且命名保持一致。

5. 在執(zhí)行無法撤消的破壞性操作之前宰闰,警告用戶茬贵。

6. 確定“查找”菜單項(xiàng)是否屬于“編輯”菜單。例如移袍,如果應(yīng)用允許用戶搜索文件或其他類型的對象解藻,則“查找”菜單項(xiàng)在“文件”菜單中可能更合適。

7. 啟用預(yù)期的鍵盤快捷鍵葡盗。


# 格式菜單 #

格式菜單可以調(diào)整當(dāng)前文檔或文本區(qū)域(例如文本字段)中的文本格式屬性螟左。此菜單可以不出現(xiàn)在不支持格式化文本編輯的應(yīng)用中。

該菜單通常包含以下頂級菜單項(xiàng)(如果適用)觅够,并按以下順序列出:https://developer.apple.com/design/human-interface-guidelines/macos/menus/menu-bar-menus/

1. 啟用系統(tǒng)的鍵盤快捷鍵胶背。

顯示字體:Command-T、粗體:Command-B喘先、斜體:Command-I钳吟、下劃線:Command-U、放大字體:Command-加號(+)苹祟、顯示顏色:Shift-Command-C砸抛、左對齊:左括號({)评雌、居中對齊(|)


# 顯示/視圖菜單 #

使用“查看”菜單,用戶可以自定義應(yīng)用程序窗口的外觀直焙。

該菜單通常包含以下頂級菜單項(xiàng)(如果適用)景东,并按以下順序列出。

1. 即使應(yīng)用僅支持部分標(biāo)準(zhǔn)視圖功能奔誓,也提供“視圖”菜單斤吐。例如,如果應(yīng)用不包含標(biāo)簽欄厨喂,工具欄或側(cè)邊欄和措,但支持全屏模式,請?zhí)峁安榭础辈藛瓮苫停渲袃H包含“輸入/退出全屏”菜單項(xiàng)派阱。

2. 使用“窗口”菜單代替“視圖”菜單來實(shí)現(xiàn)窗口導(dǎo)航功能并顯示面板,例如工具面板斜纪。

3. 菜單項(xiàng)標(biāo)題應(yīng)始終反映相應(yīng)視圖的狀態(tài)贫母。例如,如果工具欄是隱藏的盒刚,則應(yīng)該有一個“顯示工具欄”菜單項(xiàng)腺劣。

4. 啟用預(yù)期的鍵盤快捷鍵。顯示/隱藏工具欄:Option-Command-T因块、顯示/隱藏側(cè)邊欄:Control-Command-S橘原、進(jìn)入/退出全屏:Control-Command-F


# 特定于應(yīng)用的菜單 #

可以根據(jù)需要在“視圖”和“窗口”菜單之間實(shí)現(xiàn)自定義菜單。例如涡上,Safari中的菜單欄包括特定于應(yīng)用的“歷史記錄”和“書簽”菜單趾断。

1. 提供特定于應(yīng)用程序的菜單以調(diào)用鍵盤命令。這樣做使用戶更容易找到命令吩愧,使用“全鍵盤訪問”歼冰。可排除不常用或高級的命令耻警。但即使有經(jīng)驗(yàn)的用戶隔嫡,也可能丟失菜單欄中沒有的命令。

2. 盡可能在特定于應(yīng)用的菜單中反映應(yīng)用的層次結(jié)構(gòu)甘穿。

3. 通用菜單應(yīng)位于更靠近Apple菜單的位置腮恩。重點(diǎn)菜單應(yīng)位于更靠近“幫助”菜單的位置。


# 窗口菜單 #

通過“窗口”菜單温兼,人們可以瀏覽感混,組織和管理應(yīng)用程序的窗口比搭。

1. 即使應(yīng)用只有一個窗口逊抡,也要提供“窗口”菜單。包括“最小化”和“縮放”菜單項(xiàng)咒唆,以便使用“全鍵盤訪問”的用戶可以使用其鍵盤調(diào)用這些功能。

2. 確笔鸵海“縮放”在兩個適當(dāng)?shù)拇翱诖笮≈g切換全释。

3. 考慮顯示和隱藏面板的菜單項(xiàng)。

4. 在“窗口”菜單底部误债,將打開的窗口列出為菜單項(xiàng)浸船。以字母順序列出窗口,以便快速訪問寝蹈。當(dāng)用戶在“窗口”菜單中選擇一個可用的窗口時李命,它將出現(xiàn)在窗口堆棧的前面。

5. 如果沒有“顯示”菜單箫老,則將“全屏”菜單項(xiàng)添加到“窗口”菜單封字。將其放在“前置全部窗口”菜單項(xiàng)之前,并提供單獨(dú)的“最小化”和“縮放”菜單項(xiàng)耍鬓。

6. 啟用系統(tǒng)的鍵盤快捷鍵周叮。最小化:Command-M、顯示下一個標(biāo)簽:Control-Tab界斜、顯示上一個標(biāo)簽:Control-Shift-Tab


# 幫助菜單 #

使用“幫助”菜單可訪問應(yīng)用的屏幕幫助文檔。

1. 將“幫助”菜單放在最右邊合冀。

2. 以標(biāo)準(zhǔn)格式提供幫助文檔各薇。當(dāng)您的應(yīng)用以這種格式提供文檔時,系統(tǒng)會自動在“幫助”菜單的頂部插入一個字段君躺,以搜索您的幫助內(nèi)容峭判。

3. 通常,將“幫助”菜單限制為只顯示應(yīng)用幫助的單個菜單項(xiàng)棕叫。如果您有更多內(nèi)容林螃,則需要列出(例如網(wǎng)站鏈接,注冊信息或發(fā)行說明)俺泣,而不是在“幫助”菜單中單獨(dú)列出它們疗认。

4. 如果必須包括其他菜單項(xiàng),請將其與主要幫助文檔菜單項(xiàng)分開伏钠。添加分隔符横漏,并確保它們是不同的。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末熟掂,一起剝皮案震驚了整個濱河市缎浇,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌赴肚,老刑警劉巖素跺,帶你破解...
    沈念sama閱讀 222,590評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件二蓝,死亡現(xiàn)場離奇詭異,居然都是意外死亡指厌,警方通過查閱死者的電腦和手機(jī)刊愚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來仑乌,“玉大人百拓,你說我怎么就攤上這事∥酰” “怎么了衙传?”我有些...
    開封第一講書人閱讀 169,301評論 0 362
  • 文/不壞的土叔 我叫張陵,是天一觀的道長厕九。 經(jīng)常有香客問我蓖捶,道長,這世上最難降的妖魔是什么扁远? 我笑而不...
    開封第一講書人閱讀 60,078評論 1 300
  • 正文 為了忘掉前任俊鱼,我火速辦了婚禮,結(jié)果婚禮上畅买,老公的妹妹穿的比我還像新娘并闲。我一直安慰自己,他們只是感情好谷羞,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,082評論 6 398
  • 文/花漫 我一把揭開白布帝火。 她就那樣靜靜地躺著,像睡著了一般湃缎。 火紅的嫁衣襯著肌膚如雪犀填。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,682評論 1 312
  • 那天嗓违,我揣著相機(jī)與錄音九巡,去河邊找鬼。 笑死蹂季,一個胖子當(dāng)著我的面吹牛冕广,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播偿洁,決...
    沈念sama閱讀 41,155評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼佳窑,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了父能?” 一聲冷哼從身側(cè)響起神凑,我...
    開封第一講書人閱讀 40,098評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后溉委,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體鹃唯,經(jīng)...
    沈念sama閱讀 46,638評論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,701評論 3 342
  • 正文 我和宋清朗相戀三年瓣喊,在試婚紗的時候發(fā)現(xiàn)自己被綠了坡慌。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,852評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡藻三,死狀恐怖洪橘,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情棵帽,我是刑警寧澤熄求,帶...
    沈念sama閱讀 36,520評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站逗概,受9級特大地震影響弟晚,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜逾苫,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,181評論 3 335
  • 文/蒙蒙 一卿城、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧铅搓,春花似錦瑟押、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至蹋偏,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間至壤,已是汗流浹背威始。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留像街,地道東北人黎棠。 一個月前我還...
    沈念sama閱讀 49,279評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像镰绎,于是被迫代替她去往敵國和親脓斩。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,851評論 2 361