布局

應(yīng)用程序在不同尺寸的 Apple Watch 上展示相同的界面，使用相對(duì)布局可以令元素根據(jù)不同尺寸屏幕擴(kuò)展，以填充可用的空間。

通用準(zhǔn)則(General Guidelines)

限制界面中并列控件的數(shù)量。當(dāng)并列放置按鈕時(shí)，使用圖標(biāo)代替文本。并列放置的按鈕數(shù)量絕對(duì)不能超過 3 個(gè)。界面中包含過多控件會(huì)讓用戶因可點(diǎn)擊目標(biāo)過小而不便操作。

http://wiki.jikexueyuan.com/project/apple-watch-human-interface-guidelines/images/fullwidth_settings_2x.png" alt="fullwidth_settings_2x" />

使用整屏寬度。無需考慮屏幕邊緣和內(nèi)容之間的空白部分(margin)，因?yàn)?Apple Watch 的邊框(bezel)已經(jīng)在內(nèi)容的周圍進(jìn)行了視覺填充(visual padding)。（注意：這種視覺填充不會(huì)展示在 iOS 模擬器(iOS Simulator)中。

元素靠左對(duì)齊(left alignment)。界面中的元素按從上到下從左到右排列。將界面中的元素按左對(duì)齊，以確保應(yīng)用程序有足夠的空間來完整地?cái)U(kuò)展或顯示內(nèi)容。

文本按鈕全寬(full width)。顯示文本標(biāo)簽(label)的按鈕應(yīng)該是全寬的，以確保整個(gè)按鈕標(biāo)簽總是可見。

http://wiki.jikexueyuan.com/project/apple-watch-human-interface-guidelines/images/menu_stopwatch_2x.png" alt="menu_stopwatch_2x" />

**使用上下文菜單(context menu)展示次要操作。使用上下文菜單放置那些使用頻率不高的操作，而不是在界面中添加按鈕。參見 Menus

屏幕尺寸(Screen Size)

為不同尺寸的屏幕提供相同內(nèi)容。當(dāng)設(shè)計(jì)布局時(shí)，請(qǐng)使用相對(duì)尺寸(relative sizing)和空間位置(relative spacing)，以便控件可以根據(jù)屏幕上的可用空間，自然收縮或擴(kuò)展。

http://wiki.jikexueyuan.com/project/apple-watch-human-interface-guidelines/images/watch_screen_sizes_2x.png" alt="watch_screen_sizes_2x" />

根據(jù)需要，為不同尺寸的屏幕提供圖片來源。當(dāng)相同圖片在兩種尺寸的屏幕上顯示效果都好時(shí)，可以使用相同的圖片來源；否則就要為每種尺寸提供單獨(dú)的圖片資源文件（保證此時(shí)圖片內(nèi)容相同）。