APPLE WATCH人機(jī)交互指南之圖標(biāo)與圖片設(shè)計(jì)

yoyo

2014-11-23

0 評(píng)論 9036 瀏覽 14 收藏

6 分鐘

Apple Watch 人機(jī)交互指南對(duì)于除了對(duì)交互和UI元素進(jìn)行了詳細(xì)的說(shuō)明之外，還單獨(dú)開辟了一章來(lái)規(guī)范圖標(biāo)和圖片的使用，這個(gè)部分的內(nèi)容并不多，但是非常重要。一套系統(tǒng)的規(guī)范可靠與否，往往都是從這些細(xì)節(jié)的要求中體現(xiàn)出來(lái)的。

1、圖標(biāo)與圖像尺寸

每個(gè)應(yīng)該用都需要有一顆美觀獨(dú)特且便于記憶的主屏圖標(biāo)。因?yàn)樵谥髌疗聊簧希孀R(shí)應(yīng)用的全部手段就是它的圖標(biāo)，你的圖標(biāo)應(yīng)該是可識(shí)別的且與你iOS應(yīng)用圖標(biāo)相似，因?yàn)樗匀粋鬟_(dá)你的應(yīng)用的目標(biāo)。

圖標(biāo)尺寸

主屏圖標(biāo)是正圓形，表20-1列出了每顆圖標(biāo)適宜的直徑及用途。創(chuàng)建圖標(biāo)時(shí)使用全出血正方形圖像，其邊長(zhǎng)為下表中給定的直徑。系統(tǒng)會(huì)自動(dòng)創(chuàng)建圓形遮罩。

Table-20-1Icon-sizes

所有的圖像資源應(yīng)該都是@2x的圖像。不需要在你的Watch應(yīng)用程序包中包含非@2x資源。

所有的圖像和圖標(biāo)推薦使用PNG格式。不要使用交錯(cuò)PNG。

圖像和圖標(biāo)的標(biāo)準(zhǔn)位深是24位——也就是紅、綠、藍(lán)各8位。你也可以包含8位透明通道，但是這不是必須的。你還可以帶有索引顏色的PNG圖像來(lái)節(jié)約圖像所占空間。

主屏圖標(biāo)

Apple Watch的主屏圖標(biāo)是獨(dú)一無(wú)二但令人熟悉的。主屏圖標(biāo)與其iOS圖標(biāo)相呼應(yīng)，但沒有相應(yīng)文字。在如此之小的空間中，這些圖標(biāo)需要足夠清晰，才能識(shí)別它們所代表的應(yīng)用。Apple Watch應(yīng)用在功能上與其兄弟iOS app非常相似，因此圖標(biāo)也應(yīng)在視覺上保持一致。但是當(dāng)Watch應(yīng)用作為iOS應(yīng)用的補(bǔ)充或遙控器時(shí)，圖標(biāo)設(shè)計(jì)也會(huì)有所不同。

為了獲得最佳效果，盡量找到專業(yè)平面設(shè)計(jì)師的幫助。一位有經(jīng)驗(yàn)的平面設(shè)計(jì)師可以幫你制定應(yīng)用的整體視覺風(fēng)格，并將其應(yīng)用在所有圖像及圖標(biāo)中。

使用人們很容易識(shí)別的通用標(biāo)示。一般情況下，避免二元的或令人費(fèi)解的元素。比如，郵件圖標(biāo)使用信封，而不是鄉(xiāng)村郵箱、郵包或郵局圖標(biāo)。

擁抱簡(jiǎn)潔。尤其是避免在圖表中塞入大量圖像。找到捕捉到你應(yīng)用本質(zhì)的單一元素，并把這一元素表達(dá)為簡(jiǎn)單、獨(dú)特的形狀。謹(jǐn)慎添加細(xì)節(jié)。如果圖標(biāo)內(nèi)容或形狀過(guò)于復(fù)雜，那么細(xì)節(jié)就會(huì)混在一起，在小尺寸中看起來(lái)會(huì)渾濁不清。

為你應(yīng)用的核心思想創(chuàng)建抽象解釋。通常情況下，最好用藝術(shù)的方式解釋現(xiàn)實(shí)，因?yàn)檫@樣可以讓用戶注意到你希望他們注意的方面。

讓你的圖標(biāo)與你iOS應(yīng)用的圖標(biāo)相似。保持相似的外觀可以幫助用戶把你的Watch應(yīng)用于iOS應(yīng)用聯(lián)系起來(lái)。

為兩種Apple Watch顯示尺寸創(chuàng)建不同尺寸的主屏圖標(biāo)。你需要確保你的圖標(biāo)在兩種Apple Watch設(shè)備尺寸中都能良好顯示。具體的設(shè)備及尺寸請(qǐng)參見表20-1。