BeFor Web
为网而生 - 原创译文博客 - 关注移动、VR及互联网产品的用户体验设计

iOS7界面设计规范(11) - UI基础 - 图标与图形

iOS7界面设计规范(11) - UI基础 - 图标与图形

不知别人如何,我自己来讲,平时很习惯很有动力去做的一些事,譬如博客吧,一旦生活中出现一些让自己很难受的状况,就很容易受到影响;像是,你平时所习惯的生活状态都是基于某种东西的,一旦这种东西崩塌,会影响到的范围远远超过自己的想象。不过现在还是决定锻炼自己喽,让自己应该做的事尽量不要受到生活的影响。不以物喜,不以己悲。不因外物的好坏和自己的得失而喜或悲,要做到真心好难。这算麻木么?

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

译文最后更新时间:2013-06-29

应用图标

每个应用都需要一个漂亮的图标。很多时候,人们都会根据应用图标来预判一款应用的质量、用途和可信赖性。

01-app-icon-ios-7-human-interface-guidelines-hig-basic-ios-app.png

当你开始构思应用图标的时候,应该将以下几点牢记在心。另外,当你着手创建图标的时候,可以参考应用图标一节来了解更多的规则和指导。

  • 应用图标是产品品牌的重要组成部分。要将图标的设计看做是向用户讲述产品故事并与他们建立情感关联的重要机遇。
  • 最好的应用图标都是独特、简洁和吸引人的。
  • 应用图标在不同的尺寸规格下都应该表现良好,并且能够适应各种背景。另外需要注意的是,某些在大尺寸图标中可以增强视觉效果的元素,一旦缩小,有可能会使小号图标看上去非常脏乱。

其他图标

iOS提供了很多小图标,用来在标签栏、工具栏和导航栏当中代表那些最常见的任务或内容类型。要尽可能多的使用这些预设图标,因为用户已经很清楚它们的含义了。

当然,你可以在需要表现自定义行为或内容类型的时候使用订制化的图标。这些小巧而具有现代感的图标,在设计方式上与应用图标有很大的区别;可以参考栏按钮图标一节来了解更多。

图形

iOS应用往往包含有丰富的图形元素。无论是显示用户照片还是订制化的插图,以下这些原则都是需要遵守的:

支持Retina屏幕。确保为所有的图形元素提供Retina所需的@2x规格支持。

按照原始的长宽比例显示照片和图形,另外放大比率不要超过100%。你不会希望自己应用当中的图形元素看上去歪扭失真。此外,要让用户可以根据自己的需要对图片进行缩放。

不要在你的设计当中使用那些代表苹果公司产品的图形。这些图形的使用会涉及到版权问题,而且产品设计本身是经常会发生变化的

上一篇:iOS7界面设计规范(10) - UI基础 - 文字排版与配色

下一篇:iOS7界面设计规范(12) - UI基础 - 品牌

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

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 交互设计师、UX热爱者、VR探索者、译者、猫奴、吉他手、鼓手,现就职于腾讯
发表评论