apple watch的尺寸為35.9mm*42mm。在交互和視覺設(shè)計(jì)上會(huì)和手機(jī)有一些不同，本文將從交互和視覺兩個(gè)方面來(lái)談?wù)刟pple watch的設(shè)計(jì)注意點(diǎn)。

交互設(shè)計(jì)

1. 導(dǎo)航

導(dǎo)航分兩種：一種是縱向的，一種是橫向的

• 縱向的：所有的選項(xiàng)是“平級(jí)關(guān)系”，通過(guò)縱向滑動(dòng)即可查看全部；
• 橫向的：這是iphone中常見的交互形式，運(yùn)用到watch中更加適合“總分關(guān)系”或者“父子關(guān)系”的內(nèi)容。

2. 分布加載

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

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

因?yàn)榭词直淼臅r(shí)間遠(yuǎn)遠(yuǎn)短于看手機(jī)，所以在很短的時(shí)間內(nèi)，要給用戶盡量好的體驗(yàn)。

4. 返回按鈕沒(méi)有文字標(biāo)簽

返回按鈕沒(méi)有文字標(biāo)簽，那個(gè)位置通常是用來(lái)放當(dāng)前頁(yè)的標(biāo)題。

這一點(diǎn)和iPhone是很不同的，iPhone會(huì)把返回旁邊加上上一頁(yè)的標(biāo)題，而本頁(yè)的標(biāo)題是放在居中展現(xiàn)。

5. 元素要大

可點(diǎn)擊區(qū)域的最小尺寸是75px(38mm的手表)，80px（42mm的手表）。

視覺設(shè)計(jì)

1. logo設(shè)計(jì)

1.1 去掉文字

1.2 簡(jiǎn)化元素

1.3 基于功能來(lái)考慮logo

比如：watch版的相機(jī)僅僅只是一個(gè)快門的功能，所以logo上突出快門就可以了。

2. 多出的邊緣

當(dāng)你在用skech或者ps畫圖的時(shí)候，要考慮到這是基于一個(gè)實(shí)體硬件的，而實(shí)體硬件都是有邊緣的。

3. 圖片設(shè)計(jì)

3.1 要壓縮圖片大小

3.2 避免圖片被裁剪

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

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

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

題圖來(lái)自 Pexels，基于 CC0 協(xié)議