先了解规则，再寻求创新-关于ios应用界面自定义

《先了解规则，再寻求创新-关于ios应用界面自定义》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、先了解规则，再寻求创新•关于iOS应用界面自定义刚刚在微博小傲娇的赞许了一下iOS6当小图标形式的ActionSheeto我真心不愿意用九宫格这三个字，好傻。地图用谁家的，能不能用汉语调戏Siri,这类问题我个人来讲不是很关注了，没多大需求；倒是这些交互模式当中的小改变更让我觉得惊喜。这些改变体现出的设计原则依然是我们耳熟能详的那些：针对'移动设备特定的使用情境，减少用户对于文字的阅读暈（文字按钮的文案）、减小UI元素的排布密集度（文字按钮纵向排布的方式）、充分利用用户对常规应用图标的辨识和记忆能力（邮件、信息、微博）等等blahblah...iOSHumanInterfaceG

2、uidelines摆在那里，有多少设计师能真正把它吃透呢？不想代表任何人，至少我觉得自己远远没有达到那样的程度。Xcode正在更新，不知所谓的SDKsforOSX10.8MoutainLionandiOS6当中是否包含制作新模式ActionSheet的方式，希望可以喽；就算不会去做iOS6only的应用，看到这样的变化及相应的原牛制作方法一点点出现，也是一件非常开心的事。蛮巧的这个话题与今次选定要做的小译文契合在了一起，多棒的一天。原文当中的一些铺垫就不做过来了，大意是作者的一些刖友把iPhone应用设计想的太简单，把过多的精力放在了业务、市场一类事情上而，却忽略了设备自身属性所

3、导致的交互模式方面的一些特定问题，致使产品自身在细节设计当中具有硬伤blahblah...我们跳过前戏吧，想必看过LI木动作片的同学是可以理解的。那么大家都可以理解喽。进入正文。说实话，iPhone的屏幕尺寸限制为设计师们带来的问题还是蛮多的,这也是iOS人机界面设计规范（HumanInterfaceGuidelines,HIG）存在的目的之一。很多同学都知道，要使白己的应用产品在市场上脱颖而出，很重要的一点就是个性化的设计模式，包括交互模型及UI视觉风格等（推荐阅读：iOS交互模型与创新的产品概念）o不过这里而有个很简单的道理：与艺术创作类似，耍做到突破和改变，我们必须首先了解

4、既有规则及局限，在这个基础上进行再创造。接下來，我们将对儿个具有突破色彩的设计方案进行分析。HIG中指出，界面当屮可点击元素的最小尺寸为44像素见方。不过要记得可点击区域这个概念，它的人小未必与操作对象的物理尺寸相同，这个区域可以包含操作对象及其周围的一部分空间。CNN的应用界面当中有一个很细小的导航条，从视觉呈现的角度来看，其高度只有32像素。虽然看上去有悖于规范，但实际上，它的可点击区域包含了导航元素下而的一部分空间，以确保用户可以准确的点击到这些尺寸很小的分类标题。因此，当内容区当中的文章条n(Oneteacher...)滚动到如下图所示的位置时，里面所包含的图片和标题其实

5、是无法被点击的。这种方式不会带来问题，因为处于这个位置的内容通常是用户所略过的，或是即将进入视线的。而MuslimPro在这方面的突破就差强人意了。界面中用來调整字号的按钮明显很小，人约只有21像素的样子，而且它并没有把可点击区域扩展出去。这就使得用户必须很精确的操作才能点击到。在移动应用的典型使用情境中，这并不是很容易做到的；而且过小的按钮放在右侧，更加容易被手指完全遮挡住，致使用户无法准确定位。底部标签栏(TabBa"是Apple为应用提供的一种能够在全局层面上组织子任务、视图界而或功能模式的导航机制。标签栏始终固定在界而底部，其中最多包含5个导航元素；当然对于iPad来说这

6、个数字更加灵活一些。上一个版本的DailyBurn使用了常规的标签栏作为常用功能的导航,不过在最近的更新中，他们将最重要的四个功能总接列在了主界而当中，而将其他次耍功能入口集合到了一个独立的导航界面中，并使用了唯一一个More按钮替代了原來的标签栏。用户点击这个按钮Z后，导航界面展开o我个人来讲更喜欢新版本中的方式，因为用户可以在短吋间内将注意力集中在首屏里的四个主耍功能上。而MuslimPro当中的标签栏高度差不多是标准规格的两倍，不过当用户点击其中的导航元素或是界面主内容区域的时候，它是会自动收起的。诚然，保持标签栏的持续可见才是比较理想的情况，不过在这种较为特殊的用法当小，

7、收起标签栏是更加合理的做法，前提是为用户提供某种淸晰易行的展开方法。这两个例子当中所用到的方法，其M的都是为了解决过多的导航元素给标准标签栏带來的问题。不过坦诚的讲，这类做法都像是在为网站当中过于庞大的顶级导航乂增加了一层上级结构，而不是从信息结果本身入手进行优化，使内容可以被用户更加容易的访问到。这些做法在很多时候是可行的，但未必是授优的方案。更多关于交互元素尺寸及内容导航方而的讨论，可以参考我们之而的文章又是为了触屏移动设备ifU设计。使模态界面小的任务流程尽量简短与集约。不