Apple Watch的設計原則

掌握Apple Watch的設計原則

對于設計師來說，Apple Watch是一個全新的玩意兒。與網頁、桌面用戶端和移動應用的設計相比，Apple Watch的設計引入了許多新的限制，但同時也帶來了無窮的可能性。

設計原則：

時可考慮其性能

Apple Watch的爛性能已經開始倒逼設計師改設計了。為使用者提供資訊時，要盡可能的快。這一點對于Watch來說真的非常非常重要。

了解Apple Watch的設計注意事項

注意事項：

Apple Watch比較小，是以它的性能和移動端有很大的差別。

使用逐漸加在

若你需要加載一些大的東西的時候，如一張照片或者地圖，請同時向使用者展示其它的資訊。不要讓使用者傻等（可以先加載文字，圖檔接着加載）。

圖檔占位符與圖檔大小一緻

確定預設圖檔占位符與圖檔大小一緻。否則，圖檔加載出來的瞬間，剩餘的内容就會向下跳一下，這會幹擾到使用者的目前操作，特别是當使用者正在向下滑動螢幕的時候。

内容排序有講究

考慮到使用者與watch隻有很短的互動時間，是以要盡可能快的展示重要資訊（可以将文字展示在圖檔上面，在看文字的同時加載圖檔）。

傳回按鈕

Watch上的後退按鈕的标簽不是父界面的标題，而是目前界面的标題。在iPhone/iPad上，通常既有目前界面的标題，也有後退按鈕的标簽，它們并存在螢幕的頂端導航欄裡。而watch沒有空間顯示兩者，是以蘋果決定隻留下目前界面的标題——這也是使用者更關注的。

優化JPG圖檔

Apple Watch的使用者通常是在行走過程中，瞥一眼那塊4厘米大小的螢幕。是以他們需要的是更快的加載速度，而不是高清圖檔。

1、 降低圖檔品質

2、 使用大小剛好的圖檔（去除多餘部分）

3、 使用PNG-8替代PNG-24能顯著減小圖檔大小

4、 此外還可以使用黑色背景來替代透明背景。我們不會在網頁和移動端這麼做，但在Watch上，我們對于圖檔的展示擁有更多的控制力。并且90%的情況下，這些圖檔都将在黑色的背景下展現。

5、 還可以使用壓縮工具将圖檔進行壓縮。

把元素放大

越大越好。確定每一個可以點選的元素至少有75PX（38毫米watch）或者80PX（42毫米watch）。（確定元素足夠大，以便點選）

使用正确的字型（SF Compact）

蘋果官方為移動/桌面裝置和watch提供了兩種字型。在watch上，請使用San Francisco的Compact版本.與正常的版本相比較，它在字元間劉有更多的留白，這使得小字型看起來更清晰（就算字小也能看清楚）。

為Apple Watch調整圖示

Apple Watch上的應用圖示是圓形的，并且比移動端上的明顯要小。大多數情況下，僅僅縮小移動APP裡的圖示來适應Apple Watch的尺寸并不合适。這有一些小技巧幫助你的APP在watch上的識别度

1、 移除文字，使圖形更簡潔

2、 簡化圖形并縮小尺寸

3、 展示在手表上的功能

（你的watch應用與手機應用的功能一樣嗎？有些watch應用僅提供輔助功能，例如相機應用watch版隻提供了手機版的快門功能。可以通過調整圖示來展示這個功能上差異）

不用擔心padding的問題（自帶padding）

對于Apple Watch的設計來說，請牢記表盤的邊框會為APP提供一個天然的padding。在Sketch/PS裡設計時，不用擔心padding的問題。

小結

衆望所歸的Apple Watch會帶來成千上萬的手表應用，沖擊應用市場，吸引你的注意力。由于螢幕尺寸更小，又始終戴在手腕上，互動方式也有所不同。要在Apple Watch上創造一個美觀、舒适的體驗，需要新的設計方式。