Apple Watch人机交互指南：Icon与图片尺寸

Apple Watch人机交互指南：Icon与图片尺寸

这一篇讲解了Apple Watch 的Icon和图片的尺寸...（说这话有意义么...- -！）

Icon与图片尺寸

每个应用都需要一个漂亮的、令人难忘的主屏幕图标，以便用户可以很好地识别应用程序。由于主屏幕上的应用程序通过icon被用户识别，所以你的icon应当是可辨认的，并且类似iOS应用程序的icon，同时仍然能传达出应用程序的目的。

Icon尺寸

主屏幕上的icon是圆形的。下表列出了每个icon相应的直径和用户。根据给定的尺寸规格，将你的icon创建为完整的方形图片，系统将会自动应用圆形遮罩。

所创建的图形资源都是@2x规格，不需要非@2x的图形。

对于所有的图片和icon来说，推荐使用PNG格式，避免使用交叉处理的PNG图片。

Icon和图片的标准色深(bit depth)为24位，也就是红、绿、蓝色各占用8位。您可以使用8-bit alpha channel图形，但不是必须的。您也可以使用带有索引颜色的PNG图片，以便节省图片文件中的空间。

主屏幕上的icon

Apple Watch的主屏幕非常独特，但似乎非常熟悉。主屏幕上的icon类似iOS应用程序，但是不附带文本。在如此小的尺寸上，这些icon必须清晰易于辨认，且能让用户知道他们代表什么应用。当Apple Watch app的功能非常类似iOS上的应用程序时，其icon在视觉上几乎一致。但是当Watch app扮演辅助角色或者是iOS应用程序控制器时，icon相应地会有所不同。

为了得到最佳效果，可以向专业平面设计师寻求帮助。一个经验丰富的平面设计师可以帮您的应用程序开发一个整体的视觉风格，并将该风格应用到所有的icon和图片上。

要避免使用次要的或者语义模糊不清的元素。例如Mail icon使用信封样式，而不是邮箱、邮递员的信件袋或者邮局标志。

保持简洁。特别要避免在icon中填塞过多不同的图形。找到某个能够捕捉到应用精髓的单个元素，并能通过简单、独一无二的图形将该元素展示出来。请谨慎添加细节，如果icon的内容或形状过于复杂，

那么在小尺寸屏幕上，这些细节会变得非常杂乱和模糊。

为应用程序的主旨创建一个抽象阐释方式。通常以艺术性的方式阐释现实会有更好的效果，这种方式可以让您强调您希望用户关注的方面。

让Apple Watch app icon和iOS app保持相似。维持外观上的相似性可帮用户建立Watch app与iOS app之间的关联性。

为不同显示屏尺寸的Apple Watch创建不同尺寸的主屏幕应用程序图标，以确保icon在不同尺寸的Apple Watch设备上都能完美展示。关于设备尺寸规格，请参看Table 20-1。

----------------------------------------------------------------------------------------------------------------------

菜单图片

Force Touch上下文情景菜单中的icon是模板图片，通过图片的alpha通道定义生成的形状。图片中的颜色信息会被忽略。

内容周围的额外空间可确保菜单icon边缘和内容之间有足够的边界。

使用菜单图片，图片的canvas尺寸应大于内容。

当设计菜单图片中展示的图形时，请使用适合于设备尺寸和图形复杂度的线宽。线条的宽度最少要4 px，以防难以辨认。

对于菜单图片，推荐使用PNG格式，并且要避免使用交叉处理的PNG图片。

原文地址：http://www.cocoachina.com/design/20141124/10306.html