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上創造一個美觀、舒適的體驗,需要新的設計方式。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章