现在的位置: 首页 > 综合 > 正文

iOS 7人机交互指南-Icon和Image设计-Bar Button Icons

2014年11月01日 ⁄ 综合 ⁄ 共 1424字 ⁄ 字号 评论关闭

iOS 7人机交互指南-Icon和Image设计-Bar Button Icons 重要:这是针对于正在开发中的API或技术的预备文档(预发布版本)。虽然该文档在技术精确度上经过了严格的审核,但并非最终版本,仅供苹果开发

iOS
7人机交互指南-Icon和Image设计-Bar Button Icons

 

重要:这是针对于正在开发中的API或技术的预备文档(预发布版本)。虽然该文档在技术精确度上经过了严格的审核,但并非最终版本,仅供苹果开发者计划的注册会员使用。苹果提供这份机要文档的目的,是帮助你按照文中描述的方式对技术的选择及界面的设计开发进行规划。这些信息有可能发生变化,届时,你的设计开发方式需要基于最终版本的操作系统及文档进行相应的调整和测试。该文档或许会随着API或相关技术在未来的发展而进行更新。(其中一些重要变化,我们也会进行更新。译文如有纰漏,敬请指正。)

 
iOS规定了大部分标准的bar-button图标,比如刷新、分享、添加以及收藏等。如果你需要展现自定义主题或者行动/动作,可以遵循以下指南创建你自己的图标。
尽可能在app中使用系统提供的按钮和图标来展示标准任务。有关完整的标准按钮和图标列表,以及使用准则,可参考Toolbar
and Navigation Bar Buttons
Tab
Bar Icons
 
当然,不是每项任务或者模式都可以用标准的图标表示。当你思考用最好的方式来传达任务或模式时,设计目标应该是
简明扼要。太多细节会使图标看上去杂乱或者难以辨认。
 
不会轻易被误认为是系统提供的图标。用户应当能快速区分出你的自定义图标和标准图标。
 
容易被理解和广泛接受。力求创建出大部分用户可以正确理解的符号,且不会让用户感到厌烦。
 
重要:要避免在设计中使用复制了苹果产品的图像。这些符号是有版权的,且产品设计也会经常变化。
 
你为toolbar、navigation bar或者tab bar提供的自定义图标也被称为模板图像,iOS会把它作为一个mask(遮罩)来创建图标。如果你创建了一个彩色模板图像,iOS会忽略它的色彩。

在决定了图标的图像外观后,你可遵循以下指南来创建图标
使用细细的描边:精细复杂的图标适合用2 pixels (高分辨率),简单点的图标适合用3 pixels。
不要使用阴影
使用抗锯齿处理
 
iPhone、iPod touch以及iPad上的工具栏、导航栏图标尺寸:
大约 44 x 44 pixels
大约 22 x 22 pixels (标准分辨率)
 
iPhone、iPod touch以及iPad上的标签栏图标尺寸
大约60 x 60 pixels (96 x 64 pixels maximum)
大约30 x 30 pixels (48 x 32 pixels maximum)-标准分辨率
 
不要在自定义图标中使用文本,要使用tab bar项目API来设置每个标签的标题(比如initWithTitle:image:tag:)。如果需要调整标题的自动布局,你可以使用title
adjustment API(比如setTitlePositionAdjustment:)。
 
注意:对于tab bar图标,你应该提供两个版本,一个是选中状态,一个是未选中状态。选中状态外观是未选中状态外观的filled-in版本。
 
让所有图标具有类似的视觉重量。目的是为了平衡整体尺寸,细节层次以及所有图标的实心区域。一般来说,把大的块状的实心图标和那些小的精细的空心图标组合进同一栏,看起来并不美观。

抱歉!评论已关闭.