Apple Watch 圖標(biāo)與圖片尺寸

圖標(biāo)與圖片尺寸

每個(gè)應(yīng)用都需要一個(gè)漂亮的、令人難忘的主屏幕圖標(biāo)，便于用戶更好地識(shí)別應(yīng)用程序。由于用戶僅僅通過(guò)主屏幕上的圖標(biāo)識(shí)別應(yīng)用程序，所以你的圖標(biāo)應(yīng)當(dāng)是易于辨認(rèn)的，且與 iOS app 的圖標(biāo)類似，能夠良好地傳達(dá)應(yīng)用程序的目的。

圖標(biāo)尺寸

主屏幕上的圖標(biāo)是圓形的。Table 20-1 列出了每個(gè)圖標(biāo)相應(yīng)的直徑（以像素為單位）和用途。所創(chuàng)建的圖形資源都必須是 @2x 規(guī)格（注意：Xcode 中的圖標(biāo)尺寸是點(diǎn)）。

表格 20-1 Apple Watch 上為 WatchKit app 提供的圖標(biāo)尺寸

除了 WatchKit app 使用的圖標(biāo)之外，運(yùn)行在用戶 iPhone 上的 Apple Watch app 也需要一個(gè)相應(yīng)的圖標(biāo)。表格 20-2 列出了這些圖標(biāo)資源的尺寸（以像素為單位）。同樣，必須根據(jù)給定的尺寸創(chuàng)建圖片資源（注意：Xcode 中的圖標(biāo)尺寸是點(diǎn)）。

表格 20-2 iPhone 上 Apple Watch app 的圖標(biāo)尺寸

創(chuàng)建圖標(biāo)時(shí)，必須以指定尺寸創(chuàng)建完整的方形圖片。，系統(tǒng)會(huì)自動(dòng)為其添加圓形遮罩。

對(duì)于所有的圖片和圖標(biāo)來(lái)說(shuō)，請(qǐng)使用 PNG 格式。，避免使用交叉處理的 PNG 圖片。你可以使用帶有索引顏色的 PNG 圖片，以便節(jié)省圖片文件中的空間。

圖標(biāo)和圖片必須使用標(biāo)準(zhǔn)色深（bit depth）。標(biāo)準(zhǔn)色深(bit depth)為 24 位，也就是紅、綠、藍(lán)色各占用 8 位。圖標(biāo)中不允許包含 alpha channel。

主屏幕圖標(biāo)

Apple Watch 的主屏幕非常獨(dú)特，但也讓人感到熟悉。主屏幕上的圖標(biāo)類似于 iOS app，但是不附帶文本。在如此小的尺寸上，圖標(biāo)必須清晰易于辨認(rèn)，便于用戶知道他們代表什么應(yīng)用。如果 WatchKit app 的功能與其 iOS 上的 app 非常相似，那么圖標(biāo)要在視覺(jué)上保持一致。如果 WatchKit app 扮演的是輔助角色或者是 iOS app 的控制器時(shí)，圖標(biāo)可以相應(yīng)地有所不同。

為了得到最佳效果，可以向?qū)I(yè)平面設(shè)計(jì)師尋求幫助。經(jīng)驗(yàn)豐富的平面設(shè)計(jì)師可以幫助你打造 app 的整體視覺(jué)風(fēng)格，并將該其應(yīng)用到所有的圖標(biāo)和圖片上。

使用通用的用戶易于辨識(shí)的意象。通常要避免使用次要的或者語(yǔ)義模糊不清的元素。例如 郵件圖標(biāo)通常會(huì)使用信封樣式，而不是郵箱、郵遞員的信件袋或者郵局標(biāo)志。

保持簡(jiǎn)潔。特別要避免在圖標(biāo)中填塞大量不同的圖形。盡可能找出某個(gè)能夠捕捉應(yīng)用精髓的單個(gè)元素，并能通過(guò)簡(jiǎn)單、獨(dú)一無(wú)二的圖形將其展示出來(lái)。注意請(qǐng)謹(jǐn)慎添加細(xì)節(jié)，如果圖標(biāo)的內(nèi)容或形狀過(guò)于復(fù)雜，那么在小尺寸屏幕上，這些細(xì)節(jié)會(huì)變得非常雜亂和模糊。

為應(yīng)用程序的主旨創(chuàng)建一個(gè)抽象的闡釋。通常以藝術(shù)的方式闡釋現(xiàn)實(shí)會(huì)有更好的效果，這種方式可以強(qiáng)調(diào)出你希望用戶關(guān)注的方面。

確保 Apple Watch app 的圖標(biāo)和 iOS app 相似。維持外觀上的相似性能夠幫助用戶建立 WatchKit app 與 iOS app 之間的關(guān)聯(lián)性。

為不同屏幕尺寸的 Apple Watch 創(chuàng)建不同尺寸的主屏幕 app 圖標(biāo)。確保圖標(biāo)在不同尺寸的 Apple Watch 設(shè)備上都能完美展示。關(guān)于設(shè)備尺寸規(guī)格，請(qǐng)參看 表格 20-1。