鍍金池/ 教程/ iOS/ 菜單圖片
通知
按鈕
品牌
圖像
預(yù)覽界面
開關(guān)
地圖
圖標(biāo)與圖片尺寸
顏色和字體
菜單圖片
菜單
布局
App 結(jié)構(gòu)
滑塊
動(dòng)畫
表格
標(biāo)簽
模態(tài)頁面
日期和計(jì)時(shí)器
為 Apple Watch 而設(shè)計(jì)

菜單圖片

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 圖片。

上一篇:圖像下一篇:模態(tài)頁面