apple watch的尺寸為35.9mm*42mm骇塘。在交互和視覺設(shè)計(jì)上會(huì)和手機(jī)有一些不同,本文將從交互和視覺兩個(gè)方面來談?wù)刟pple watch的設(shè)計(jì)注意點(diǎn)侈净。
交互設(shè)計(jì)
1.導(dǎo)航
導(dǎo)航分兩種:一種是縱向的疯坤,一種是橫向的
縱向的:所有的選項(xiàng)是“平級(jí)關(guān)系”,通過縱向滑動(dòng)即可查看全部靶剑;
橫向的:這是iphone中常見的交互形式蜻拨,運(yùn)用到watch中更加適合“總分關(guān)系”或者“父子關(guān)系”的內(nèi)容
2.分布加載
如果內(nèi)容中有文件比較大的模塊,比如圖片或者地圖桩引,你不需要等到所有內(nèi)容加載完了再展現(xiàn)缎讼,可以分布來加載。
3.重要內(nèi)容在頭部展現(xiàn)
因?yàn)榭词直淼臅r(shí)間遠(yuǎn)遠(yuǎn)短于看手機(jī)坑匠,所以在很短的時(shí)間內(nèi)血崭,要給用戶盡量好的體驗(yàn)
4.返回按鈕沒有文字標(biāo)簽
返回按鈕沒有文字標(biāo)簽,那個(gè)位置通常是用來放當(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基于功能來考慮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確保圖片加載前和加載后的尺寸是一致的