Force Touch 菜單中的圖片是模板圖片,由圖片的 Alpha Channel 定義生成。因此圖片中的顏色信息會(huì)被忽略。
使用菜單圖片,圖片的 canvas 尺寸應(yīng)大于內(nèi)容的尺寸,如 表格 21-1 所示。內(nèi)容周圍的額外空間可確保菜單圖標(biāo)邊緣和內(nèi)容之間有足夠的邊界。
表格 21-1 菜單圖片的 canvans 和內(nèi)容尺寸
設(shè)備 | Canvas 尺寸 | 內(nèi)容尺寸 |
---|---|---|
Apple Watch (38mm) | 70 像素 | 46 像素 |
Apple Watch (42mm) | 80 像素 | 54 像素 |
請(qǐng)使用適合設(shè)備尺寸和符號(hào)復(fù)雜度的線寬。符號(hào)所用線條的寬度不能少于 4 像素,以免難以辨認(rèn)。具體請(qǐng)參考圖 21-1.
圖 21-1 菜單圖片的浮雕尺寸(Glyph sizes)
http://wiki.jikexueyuan.com/project/apple-watch-human-interface-guidelines/images/menu_glyphs_2x.png" alt="菜單圖片的浮雕尺寸" />
推薦使用 PNG 格式的菜單圖片。但要避免使用交叉處理的 PNG 圖片。