從交互和視覺兩個方面來談談:Apple Watch設計注意清單

1 評論 2694 瀏覽 21 收藏 5 分鐘

apple watch的尺寸為35.9mm*42mm。在交互和視覺設計上會和手機有一些不同,本文將從交互和視覺兩個方面來談談apple watch的設計注意點。

交互設計

1. 導航

導航分兩種:一種是縱向的,一種是橫向的

  • 縱向的:所有的選項是“平級關系”,通過縱向滑動即可查看全部;
  • 橫向的:這是iphone中常見的交互形式,運用到watch中更加適合“總分關系”或者“父子關系”的內容。

2. 分布加載

如果內容中有文件比較大的模塊,比如:圖片或者地圖,你不需要等到所有內容加載完了再展現(xiàn),可以分布來加載。

3. 重要內容在頭部展現(xiàn)

因為看手表的時間遠遠短于看手機,所以在很短的時間內,要給用戶盡量好的體驗。

4. 返回按鈕沒有文字標簽

返回按鈕沒有文字標簽,那個位置通常是用來放當前頁的標題。

這一點和iPhone是很不同的,iPhone會把返回旁邊加上上一頁的標題,而本頁的標題是放在居中展現(xiàn)。

5. 元素要大

可點擊區(qū)域的最小尺寸是75px(38mm的手表),80px(42mm的手表)。

視覺設計

1. logo設計

1.1 去掉文字

1.2 簡化元素

1.3 基于功能來考慮logo

比如:watch版的相機僅僅只是一個快門的功能,所以logo上突出快門就可以了。

2. 多出的邊緣

當你在用skech或者ps畫圖的時候,要考慮到這是基于一個實體硬件的,而實體硬件都是有邊緣的。

3. 圖片設計

3.1 要壓縮圖片大小

3.2 避免圖片被裁剪

3.3 相比于常見的png-16,使用png-8能大大的降低文件的大小,且用使黑色代替透明,也能降低文件大小。這種做法在web和app上是很不專業(yè)的,但是在watch不失為一種不錯的方法。因為通常apple watch的底色都是黑色。

3.4 確保圖片加載前和加載后的尺寸是一致的

 

本文由 @小呂 原創(chuàng)發(fā)布于人人都是產品經(jīng)理。未經(jīng)許可,禁止轉載

題圖來自 Pexels,基于 CC0 協(xié)議

更多精彩內容,請關注人人都是產品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!