2

Apple Watch界面设计规范(21) - 菜单图标

 2 years ago
source link: http://www.beforweb.com/node/622
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Apple Watch界面设计规范(21) - 菜单图标

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

情境菜单中的图标都是基于模板创建的,其中的图形样式是由alpha通道的形状决定的。图片文件中的颜色信息会被忽略。

图标的背景画布比图标当中的实际内容要大。图形四周的多余空间可以确保图标边缘与形状内容之间的框架足够清晰。

对于不同规格的Apple Watch,菜单图标的画布尺寸及图标内容尺寸见下表:

23-icon.png

在设计图标的形象时,针对不同的设备规格以及图标本身的复杂程度,所使用的线形宽度也有所不同。为了确保基本的辨识度,线宽不得低于4像素。具体规则见下图:

24-icon.png

对于菜单图标,推荐使用PNG格式。避免使用经过交错处理的PNG文件。

返回:Apple Watch界面设计规范目录

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK