Apple Watch 圖標與圖片尺寸

圖標與圖片尺寸

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

圖標尺寸

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

表格 20-1 Apple Watch 上為 WatchKit app 提供的圖標尺寸

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

表格 20-2 iPhone 上 Apple Watch app 的圖標尺寸

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

對于所有的圖片和圖標來說，請使用 PNG 格式。，避免使用交叉處理的 PNG 圖片。你可以使用帶有索引顏色的 PNG 圖片，以便節(jié)省圖片文件中的空間。

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

主屏幕圖標

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

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

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

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

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

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

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