為Apple Watch而設(shè)計

重要
這是一份API或技術(shù)開發(fā)的初步文檔误阻。蘋果公司提供這份文檔來幫助你使用在此描述的技術(shù)和編程接口開發(fā)的應(yīng)用债蜜，使之運行在蘋果系列產(chǎn)品上。文檔可能發(fā)生變化究反，參照此文檔開發(fā)的軟件應(yīng)根據(jù)最終操作系統(tǒng)和文檔進(jìn)行測試寻定。更新的文檔可能隨API或技術(shù)的測試版一起提供。

Apple Watch包含以下主題：

個人精耐。因為Apple Watch是戴在手上的, 它的UI是根據(jù)佩戴者所處的環(huán)境調(diào)整的狼速。抬起手腕顯示時間和新提醒。Digital Touch—特別是它的心跳和素描功能—開啟了一種全新的交流方式. 加速計和心率傳感器提供佩戴者每天活動的個人信息卦停。從來沒有一款蘋果設(shè)備跟佩戴者如此連接向胡。當(dāng)你為Apple Watch設(shè)計應(yīng)用時恼蓬，應(yīng)留心這種連接。

整體. Apple Watch模糊了物理設(shè)備和軟件的邊界僵芹。Digital Crown是一個精心調(diào)整的硬件控制器蓖宦，能夠進(jìn)行精細(xì)軟件導(dǎo)航晶密。Taptic Engine產(chǎn)生與提醒和屏幕交互有關(guān)的，細(xì)微物理反饋膜眠。Force Touch—一個由硬件翻譯的物理手勢—展現(xiàn)了軟件上下文控制的新維度蔫仙。即便考慮到Retina的物理邊框辣之，邊到邊UI設(shè)計有效地渲染邊框不可見战得∨缯考慮周全的應(yīng)用設(shè)計應(yīng)該致力于這種硬件和軟件的無區(qū)別體驗。

輕量茧彤。Apple Watch上的應(yīng)用為快速骡显、輕量的交互而設(shè)計。最大限度的利用屏幕尺寸和手表位置在手腕上的特性 棘街◇⊙危考慮到隱私和可用性，信息獲取和解散應(yīng)快速遭殉、容易。例如博助，short-look通知是最小限度的提醒险污，僅當(dāng)佩戴者持續(xù)使用時才展現(xiàn)更多信息。Glances通過易獲取富岳、可滑動的界面提供應(yīng)用信息蛔糯。為Apple Watch設(shè)計的應(yīng)用應(yīng)當(dāng)考慮佩戴者使用的環(huán)境：短暫，頻繁窖式，狹小的屏幕蚁飒。

WatchKit應(yīng)用補充它所包含的iOS應(yīng)用，而不是代替它萝喘。如果你評估iOS應(yīng)用交互以分鐘為單位淮逻，那么你評估WatchKit應(yīng)用以秒鐘為單位。所以保持交互的簡單和界面的簡單阁簸。

應(yīng)用剖析

Apple Watch必須與用戶的iPhone配合來運行你的應(yīng)用爬早。

界面導(dǎo)航風(fēng)格

WatchKit應(yīng)用支持兩種導(dǎo)航模式：

• 層級。這種風(fēng)格符合iOS的導(dǎo)航風(fēng)格启妹，并且是最適合層級結(jié)構(gòu)的應(yīng)用筛严。在層級結(jié)構(gòu)應(yīng)用中，用戶通過在每一頁面做一個決定來最終到達(dá)目的頁面饶米。如果要去其他目的頁面桨啃，用戶必須退回一些或者所有之前經(jīng)過的頁面车胡，重新做出選擇。

對交互較為復(fù)雜的應(yīng)用來說照瘾，層級模式尤其比扁平匈棘、任意翻頁的導(dǎo)航模式強。

• 基于頁面（page-based）网杆。任意翻頁的界面使用戶通過水平滑動羹饰，在不同內(nèi)容頁面進(jìn)行瀏覽√既矗基于頁面的界面最適合數(shù)據(jù)模型簡單队秩，且每一頁的數(shù)據(jù)與其他頁的數(shù)據(jù)沒有直接聯(lián)系。

每一頁底部的點指示器告訴用戶其當(dāng)前位置昼浦。為了簡化導(dǎo)航馍资，盡可能保持總頁數(shù)小。

你不能將層級和基于頁面的界面風(fēng)格結(jié)合起來关噪。在設(shè)計時鸟蟹，你必須選擇最適合你應(yīng)用內(nèi)容的風(fēng)格并為之設(shè)計。

應(yīng)用使用兩者之中任意一個界面風(fēng)格都可以將內(nèi)容模態(tài)話地呈現(xiàn)出來使兔。模態(tài)界面給用戶提供一個完成任務(wù)或者無干擾地獲取信息的方式建钥，但是用戶暫時不能與應(yīng)用的其他部分進(jìn)行交互。查看模態(tài)表單虐沥。

用戶交互

• 基于動作事件（action-based events）熊经。點擊（tap）意味著選擇或交互。單擊手勢是用戶與你的應(yīng)用交互的主要方法欲险。列表行镐依，按鈕，開關(guān)（switches）以及其他控件都是通過點擊來操作的天试。這些點擊隨后傳送給了WatchKit擴(kuò)展中的代碼槐壳。

• 手勢。系統(tǒng)替你處理所有的手勢喜每，你可以使用它們來執(zhí)行標(biāo)準(zhǔn)操作：
  · 垂直滑動务唐，滾動當(dāng)前頁。
  · 在基于頁面的界面中灼卢，水平滑動绍哎，展示上一頁或下一頁。
  · 在左邊（left edge）滑動鞋真，返回父頁面崇堰。
  Apple Watch不支持多手指手勢，例如捏合。

• Force Touch海诲。在感測觸碰的同時繁莹，Retina屏幕也在探測用戶手指使用的力量。當(dāng)探測到這種觸碰與力量的結(jié)合時特幔，系統(tǒng)顯示與當(dāng)前頁有關(guān)的上下文菜單（如果有的話）咨演。應(yīng)用使用這個菜單顯示與當(dāng)前頁有關(guān)的操作。查看菜單蚯斯。

• Digital Crown薄风。設(shè)計用于精心調(diào)整的，加速滾動-而不妨礙Apple Watch顯示-Digital Crown讓用戶在長頁面滾動時變得簡單拍嵌。第三方應(yīng)用只能使用Digital Crown滾動頁面遭赂。

Glances

一處瀏覽（viewed together），Glance是從用戶喜歡的應(yīng)用收集一系列可瀏覽的横辆，與時間撇他、環(huán)境相關(guān)的時刻。尤其狈蚤，Glance是一種快速查看你應(yīng)用的最重要內(nèi)容的方式困肩。Glance的底部區(qū)域是保留給頁面點指示器。

Glances是：

• 基于模版脆侮。Glance上锌畸、下部分分別有不同的模板。使用Xcode選擇你喜歡的模板并根據(jù)你的內(nèi)容進(jìn)行對應(yīng)設(shè)計靖避。
• 不可滾動蹋绽。所有內(nèi)容在一頁顯示。
• 與一個動作有關(guān)筋蓖。點擊Glance任意地方，在適當(dāng)頁面打開應(yīng)用退敦。
• 可選擇粘咖。不是所有應(yīng)用都需要Glance，并且由用戶選擇顯示哪個Glance侈百。

根據(jù)用戶當(dāng)前環(huán)境配置Glance瓮下。陳舊的或不相關(guān)信息會使Glance價值降低。使用時間和地點來判斷與用戶當(dāng)前相關(guān)的內(nèi)容钝域。

利用handoff建立深鏈接（deep link）到WatchKit應(yīng)用讽坏。當(dāng)用戶點擊時，Glance通過handoff告訴它們的應(yīng)用Glance剛剛在展示什么例证。然后路呜，WatchKit擴(kuò)展包可以使用這些信息來配置對應(yīng)的用戶界面。

給用戶提供有價值的內(nèi)容。不要僅僅使用Glance來方便運行應(yīng)用胀葱。

通知

Apple Watch上的通知使本地和遠(yuǎn)程通知變得快速漠秋、輕量交互。這些交互發(fā)生在兩種場景下抵屿，分別是short-look和long-look界面庆锦。當(dāng)本地或遠(yuǎn)程通知最初到達(dá)的時候，出現(xiàn)short-look界面轧葛。short-look展現(xiàn)謹(jǐn)慎搂抒、最少量的信息給用戶——考慮到隱私。如果佩戴者降低手腕尿扯，short-look界面消失求晶。當(dāng)佩戴者抬高手腕或點擊short-look界面時，long-look界面出現(xiàn)姜胖。long-look提供更多細(xì)節(jié)信息和功能——它必須由佩戴者主動解除誉帅。

注意給用戶發(fā)送通知的頻率。用戶可能討厭頻繁的通知從而禁止你的應(yīng)用在Apple Watch上的通知右莱。一定要確保通知與用戶想要的內(nèi)容相關(guān)蚜锨。

Short-look通知

short-look讓用戶了解哪款應(yīng)用收到了通知并且信息簡潔明了。short-look界面是基于模版的慢蜓，包含了應(yīng)用名稱亚再，應(yīng)用圖標(biāo)（icon）以及通知標(biāo)題。系統(tǒng)使用應(yīng)用主色（key color）顯示應(yīng)用名稱晨抡。

保持標(biāo)題短小精干氛悬。顯示標(biāo)題的空間是最小的，所以保持它們短小精干耘柱。標(biāo)題不要提供通知的細(xì)節(jié)如捅。他們提供僅僅是一個簡潔的提示。

自定義Long-Look通知

long-look提供更多關(guān)于即將到來通知的細(xì)節(jié)调煎。系統(tǒng)提供默認(rèn)long-look的界面镜遣，但你可以使用定制圖片和商標(biāo)進(jìn)行自定義。long-look界面的結(jié)構(gòu)對所有應(yīng)用都相同士袄。在界面頂部是系統(tǒng)提供的sash悲关，用來顯示應(yīng)用圖標(biāo)和應(yīng)用名稱。在界面的底部是解散（dismiss）按鈕娄柳。在中間的是你的定制內(nèi)容和任何應(yīng)用指定的動作按鈕寓辱。

提供一個靜態(tài)和動態(tài)（可選擇）界面。動態(tài)界面相比靜態(tài)更可配置赤拒，但兩者都使用你的圖片和商標(biāo)顯示相同的通知類型秫筏。當(dāng)動態(tài)界面不可用時诱鞠，使用靜態(tài)界面。

最多增加四個自定義動作按鈕跳昼。Apple Watch利用由iOS應(yīng)用注冊的可交互通知般甲，在long-look界面顯示動作按鈕。系統(tǒng)根據(jù)通知種類自動顯示動作按鈕鹅颊，這些按鈕不包括由系統(tǒng)提供的解散按鈕敷存。

配置sash顏色來匹配你的品牌。sash區(qū)域的顏色和透明度可以在自定義界面進(jìn)行配置堪伍。

了解更多關(guān)于靜態(tài)和動態(tài)界面锚烦，以及如何配置自定義按鈕，查看Apple Watch Programming Guide帝雇。

模態(tài)表單

模態(tài)表單給用戶提供一個完成任務(wù)或者無干擾地獲取信息的方式涮俄，或者繼續(xù)某個在菜單控件中開始的選擇。模態(tài)表單通過暫時阻止用戶與應(yīng)用其他部分交互來達(dá)成此目的尸闸。

最好使應(yīng)用中的模態(tài)體驗最少彻亲。總的來說吮廉，考慮使用模態(tài)環(huán)境苞尝，僅當(dāng)：

• 緊急需要引起用戶注意。
• 一個自我包含的任務(wù)必須被完成-或者明確放棄-避免使用戶數(shù)據(jù)陷入模糊不清的狀態(tài)宦芦。

模態(tài)界面包含一個或多個頁面宙址，顯示在一個基于頁面的布局中。兩者界面唯一的不同是基于頁面界面底部的點指示器调卑。模態(tài)界面左上角為關(guān)閉按鈕保留抡砂。當(dāng)用戶點擊這個按鈕（或執(zhí)行左邊滑動）時，系統(tǒng)直接解散模態(tài)界面恬涧。

不要在你的內(nèi)容中增加單獨的關(guān)閉按鈕注益。系統(tǒng)提供的關(guān)閉按鈕是強制的，但是你可以改變它的文字來傳達(dá)意圖溯捆。典型的關(guān)閉按鈕文字為關(guān)閉和取消聊浅。關(guān)閉按鈕的顏色永遠(yuǎn)是白色。

為需要征求同意的任務(wù)提供允許按鈕现使。允許操作使用標(biāo)準(zhǔn)按鈕。點擊按鈕應(yīng)該執(zhí)行合適的動作旷痕，然后解散模態(tài)界面碳锈。

確保模態(tài)任務(wù)簡單。避免從一個模態(tài)界面中顯示另一個模態(tài)界面欺抗。

布局

應(yīng)用在所有型號的Apple Watch中顯示相同的界面售碳。相對定位使控件可以根據(jù)需要放大來填充可用空間。

一般原則

限制在你界面中邊到邊（side-by-side）的控件數(shù)量。當(dāng)邊到邊放置按鈕時贸人，使用圖標(biāo)代替文字间景。絕不放置超過三個邊到邊控件。包含越多控件艺智，用戶可點擊目標(biāo)越小倘要。

利用屏幕全寬（full width）。因為 Apple Watch的藍(lán)寶石屏幕在你內(nèi)容的周圍增加了視覺填充（padding）十拣，你不需要在屏幕邊緣和內(nèi)容之間包含頁邊距（需要指出的是封拧，填充沒有在iOS模擬器中顯示）。

使用左對齊夭问。你界面上的元素按照從上到下泽西，從左到右排列。從左邊（left edge）對齊元素缰趋，確保它們有空間放大并顯示全部內(nèi)容捧杉。

使文字按鈕利用屏幕全寬。顯示文字標(biāo)簽的按鈕應(yīng)該是全寬秘血，這樣整個按鈕標(biāo)簽才總是可見味抖。

使用上下文菜單顯示次要操作。比起在界面中增加按鈕直撤，為操作使用上下文菜單這種做法更常見非竿。

屏幕大小

在不同的屏幕中，提供相同的內(nèi)容谋竖。當(dāng)設(shè)計布局時红柱，使用相對尺寸和字間距選項，以便部件自然地放大或縮小來適應(yīng)可用空間蓖乘。

僅當(dāng)需要時锤悄，為不同的屏幕尺寸提供圖片資源。如果在不同的屏幕尺寸上效果都很好嘉抒，使用相同的圖片資源文件零聚；否則，為每個尺寸提供獨立的圖片資源文件（相同的圖片內(nèi)容）些侍。

顏色和字體

在應(yīng)用中使用顏色和字體的指導(dǎo)原則是可讀隶症。

顏色

顏色幫助你的應(yīng)用提供視覺連續(xù)性和品牌認(rèn)知。

使用黑色做為應(yīng)用的背景色岗宣。黑色背景無縫地與藍(lán)寶石屏幕融合蚂会，造成一種無屏幕邊框的感覺。在界面中避免鮮明的背景色耗式。

使用應(yīng)用主色（key color）來表現(xiàn)品牌或狀態(tài)信息胁住。每個應(yīng)用都應(yīng)定義主色趁猴。頁面和通知界面左上角的標(biāo)題，系統(tǒng)使用主色來強調(diào)應(yīng)用的名稱或其他重要的信息彪见。同樣地儡司，使用主色作為應(yīng)用品牌認(rèn)知的一部分。

文字使用強對比色余指。強對比色使文字可讀性更好捕犬。

避免使用顏色作為表明交互的唯一方法。適當(dāng)?shù)厥褂妙伾鳛槠放普J(rèn)知元素浪规，但是不要僅僅為表明按鈕和其他控件而使用顏色或听。

注意色盲。大多數(shù)色盲患者很難分清紅色和綠色笋婿。測試你的應(yīng)用誉裆，確保沒有僅僅使用紅色和綠色作為唯一區(qū)別兩種狀態(tài)或值的地方（一些圖片編輯軟件包含測試色盲的工具）。

研究你是用的顏色在其他國家或文化中如何被理解缸濒。每個人看待顏色的含義都不同足丢，許多文化都對顏色賦予了不同的意義。盡可能多的確保應(yīng)用中使用的顏色傳達(dá)了適當(dāng)?shù)男畔ⅰ?/p>

字體

首先庇配，文字必須可讀斩跌。如果用戶在應(yīng)用中無法閱讀，字體再漂亮也沒用捞慌。

系統(tǒng)字體是為了使字體在Apple Watch上具有可讀性而設(shè)計的耀鸦。大字體時，字體的字母輕微壓縮且緊密啸澡，這樣就占領(lǐng)了更少的水平空間袖订。但是小字體時，字體間更寬松嗅虏，而且像a和e這樣的字母有更大的開口洛姑，使文字一瞥之間更容易辨認(rèn)。字體變小時皮服，標(biāo)點也會成比例放大楞艾。當(dāng)字體大小改變時，Apple Watch動態(tài)切換字體龄广，始終保持清晰和可讀性硫眯。

總是使用動態(tài)類型。動態(tài)類型使你的應(yīng)用：

• 自動調(diào)整每種尺寸字體的字母間距和行高择同，
• 給語意不同的文字塊指定不同的字體風(fēng)格舟铜，例如主體，腳注或標(biāo)題奠衔。
• 文字恰當(dāng)?shù)捻憫?yīng)用戶在設(shè)置中對字體的改變（包括所有字體大凶慌佟）。

注意
如果使用自定義字體归斤，也可以根據(jù)系統(tǒng)設(shè)置中字體的大小做出調(diào)整痊夭。當(dāng)用戶改變設(shè)置時，應(yīng)用負(fù)責(zé)做出適當(dāng)響應(yīng)脏里。

如果使用內(nèi)建字體她我，你便免費獲得了動態(tài)類型支持。如果使用自定義字體迫横，你必須為適配做一些工作番舆。了解如何使用字體風(fēng)格，以及確保應(yīng)用在用戶改變設(shè)置中的字體時獲得通知矾踱，查看字體風(fēng)格恨狈。

盡可能使用內(nèi)建字體風(fēng)格。內(nèi)建字體自動支持動態(tài)類型且在Apple Watch上好看呛讲。

在應(yīng)用中使用單一字體禾怠。混用許多不同字體使你的應(yīng)用看起來零碎且草率。

當(dāng)手動指定系統(tǒng)字體時贝搁，選擇基于鎊值的字體吗氏。為19鎊或更小的文字，選擇San Francisco文本字體雷逆。為20鎊或更大的文字弦讽，選擇San Francisco顯示字體。

動畫

Apple Watch上遍布漂亮膀哲、精細(xì)的動畫往产，使用戶體驗更迷人和動態(tài)。適當(dāng)?shù)膭赢嫞?/p>

• 傳達(dá)狀態(tài)并提供反饋等太。
• 幫助用戶形象化操作結(jié)果捂齐。

使用一系列靜態(tài)圖片制作提前渲染的動畫。將預(yù)制的動畫存儲在你的WatchKit應(yīng)用程序包中缩抡，這樣就可以快速的呈現(xiàn)給用戶了奠宜。預(yù)制的動畫同時使你提供高幀率和更流暢的動畫。通過WatchKit擴(kuò)展包動態(tài)制作動畫并將它們轉(zhuǎn)交給Apple Watch會在開始重放前增加延遲瞻想。

當(dāng)你想要為動畫增加回放控件時压真，使用圖片或組對象（group object）。多數(shù)界面對象無限循環(huán)地顯示動畫圖像蘑险。只有圖片或組對象提供用程序開始和結(jié)束動畫的方法滴肿。

品牌

有許多方法推廣你應(yīng)用，包括你在應(yīng)用中使用的圖標(biāo)佃迄，顏色泼差，自定義按鈕贵少，自定義字體以及文本。當(dāng)你設(shè)計應(yīng)用的圖像元素時堆缘，記住每一個自定義元素應(yīng)該看起來漂亮并且自身運轉(zhuǎn)良好滔灶，但它也應(yīng)該看起來與應(yīng)用中的其他元素（無論是自定義的還是標(biāo)準(zhǔn)控件）有關(guān)。

用一種精良的吼肥、不突出的方法包含品牌價值录平。用戶使用你的應(yīng)用是為了完成一些事情或娛樂；他們不希望感覺像在被強迫看廣告缀皱。最佳用戶體驗是斗这，通過選擇字體，顏色和圖像啤斗，悄悄提醒用戶品牌識別表箭。

抵制在應(yīng)用或Glance中顯示logo的誘惑。Apple Watch上的空間很寶貴争占，每個logo的出現(xiàn)都會占用用戶想看到內(nèi)容的空間燃逻。而且，在應(yīng)用中顯示logo的目的跟網(wǎng)頁不同：用戶經(jīng)常會在不知道品牌的情況下進(jìn)入網(wǎng)頁臂痕，但用戶一般會在打開應(yīng)用前看到應(yīng)用圖標(biāo)伯襟。