從交互和視覺兩個方面來談談:Apple Watch設計注意清單
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é)議
評論
- 目前還沒評論,等你發(fā)揮!