先了解规则,再寻求创新#8211;关于iOS应用界面自定义.pdf

先了解规则，再寻求创新 –关于 iOS 应用界面自定义 刚刚在微博中傲娇的赞许了一下 iOS 6 当中图标形式的 Action Sheet 。我真心不愿意用九宫格这三 个字，好傻。地图用谁家的，能不能用汉语调戏 Siri ，这类问题我个人来讲不是很关注了，没多大 需求；倒是这些交互模式当中的小改变更让我觉得惊喜。 这些改变体现出的设计原则依然是我们耳熟能详的那些：针对移动设备特定的使用情境，减少用户 对于文字的阅读量 (文字按钮的文案 ) 、减小 UI元素的排布密集度 (文字按钮纵向排布的方式 )、充分利 用用户对常规应用图标的辨识和记忆能力 (邮件 、信息、微博 )等等 blahblah … iOS Human Interface Guidelines 摆在那里，有多少设计师能真正把它吃透呢？不想代表任何人，至少我觉得自己远远没有 达到那样的程度。 Xcode 正在更新，不知所谓的 “SDKs for OS X 10.8 Moutain Lion and iOS 6 当中是否包含制作新” 模式 Action Sheet 的方式，希望可以喽；就算不会去做 iOS 6 only 的应用，看到这样的变化及相应的 原生制作方法一点点出现，也是一件非常开心的事。 蛮巧的这个话题与今次选定要做的小译文契合在了一起，多棒的一天。原文当中的一些铺垫就不做 过来了，大意是作者的一些朋友把 iPhone 应用设计想的太简单，把过多的精力放在了业务、市场一 类事情上面，却忽略了设备自身属性所导致的交互模式方面的一些特定问题，致使产品自身在细节 设计当中具有硬伤 blahblah 我们跳过前戏吧，想必看过日本动作片的同学是可以理解的。那么大… 家都可以理解喽。进入正文。 说实话， iPhone 的屏幕尺寸限制为设计师们带来的问题还是蛮多的，这也是 iOS 人机界面设计规 范(Human Interface Guidelines,HIG) 存在的目的之一 (相关阅读： iOS 人机界面设计规范纵览 )。很多 同学都知道，要使自己的应用产品在市场上脱颖而出，很重要的一点就是个性化的设计模式，包括 交互模型及 UI 视觉风格等 (推荐阅读： iOS 交互模型与创新的产品概念 )。不过这里面有个很简单的 道理：与艺术创作类似，要做到突破和改变，我们必须首先了解既有规则及局限，在这个基础上进 行再创造。 接下来，我们将对几个具有 突破“ ”色彩的设计方案进行分析。 点击 (触击 ) 区域 HIG 中指出，界面当中可点击元素的最小尺寸为 44 像素见方。不过要记得 可点击区域“ ”这个概念， 它的大小未必与操作对象的物理尺寸相同，这个区域可以包含操作对象及其周围的一部分空间。 CNN 的应用界面当中有一个很细小的导航条，从视觉呈现的角度来看，其高度只有 32 像素。虽然看 上去有悖于规范，但实际上，它的可点击区域包含了导航元素下面的一部分空间，以确保用户可以 准确的点击到这些尺寸很小的分类标题。因此，当内容区当中的文章条目 ( “One teacher 滚动到…”) 如下图所示的位置时，里面所包含的图片和标题其实是无法被点击的。这种方式不会带来问题，因 为处于这个位置的内容通常是用户所略过的，或是即将进入视线的。 而 Muslim Pro 在这方面的突破就差强人意了。界面中用来调整字号的按钮明显很小，大约只有 21像 素的样子，而且它并没有把可点击区域扩展出去。这就使得用户必须很精确的操作才能点击到。在 移动应用的典型使用情境中，这并不是很容易做到的；而且过小的按钮放在右侧，更加容易被手指 完全遮挡住，致使用户无法准确定位。 导航 底部标签栏 (Tab Bar) 是Apple 为应用提供的一种能够在全局层面上组织子任务、视图界面或功能模 式的导航机制。标签栏始终固定在界面底部，其中最多包含 5 个导航元素；当然对于 iPad 来说这个 数字更加灵活一些。 上一个版本的 Daily Burn 使用了常规的标签栏