浅析iPhone用户界面设计精粹从细节成就卓越.pdf

1 浅析iPhone 用户界面设计精粹，从细节成就卓越！ 浅析iPhone 用户界面设计精粹，从细节成就卓越！ [ 手机数码 ] [ 本文作者 listy ] 作为一款革命性产品，iPhone（这里泛指iPhone 和iPod touch，当然还有iPad） 为我们带来了许多意想不到的创意和惊喜。过去两个月多的时间里，我们认真地 咀嚼《iPhone Human Interface Guidelines》，感悟字里行间透露着的苹果的 细致与智慧。兴Q 奋、激动之余，有太多的惊喜想与大家分享。但无论从时间上 还是精力上，130 页的完整套餐肯定会让所有的人吃不消。我们收集了 iPhone 平台的专业设计师的意见，加上翻译过程的一点体会，整理出 11 条设计精粹。 最后，希望这份130 页浓缩而成的快餐不会让您觉得难吃，enjoy yourself ！ 1. 了解应用类型及各自特点 iPhone 平台有三类型的应用： ● 效率型应用（Productivity Applications） ● 实用工具（Utility Applications） ● 沉浸型应用（Immersive Applications） 每一种都有各自不同的特点和应用场合。设计之前如果能够清楚产品的目标和特 点，选择合适的应用类型可以更好地迎对。 效率型应用用于帮助完成日常的一些工作，如收发邮件、即时通信、照片管理与 分享。用户快速查看、跳转、执行、完成，连贯的动作要求界面简单直接，让用 户可以全神贯注于任务本身。这类应用一般都附带自然的层级结构。所以，表格 视图（table view）可以在这类软件里大派用场。 1 / 10 2 浅析iPhone 用户界面设计精粹，从细节成就卓越！ 图1.1 附带层级结构的效率型应用 实用工具用于执行一项简单的任务（如计算器，天气报告），简单，容易配置就 可以了。 图1.2 实用工具之“天气报 告”和“深度睡眠” 沉浸型应用可以为用户带来极致的娱乐和游戏体验，这类应用可以进一步细分为 游戏和虚拟仿真类。这类应用和标准的系统界面不同，用户希望这类应用能够给 他们带来最大的娱乐，因此，界面设计的自由发挥度比较高，仿真的、可爱的设 计风格往往能恰到好处。 2 / 10 3 浅析iPhone 用户界面设计精粹，从细节成就卓越！ 图1.3 沉浸型应用 2. 熟悉系统布局和控件特点 iPhone 操作系统提供了非常出色的UI 库，这些标准的控件和视图都得到了大量 的研究才得以真正派上用场。另一方面，iPhone 用户已经对这些软件非常熟悉， 不管是出于什么理由，如果没有更好更实用的创意，我们应该遵循iPhone 的控 件规范。至少，在我们打破iPhone 的规则之前，“You must understand the rules before you can break them.”(你必须了解规则然后才能打破他们)。 iPhone 提供的UI 组件从大到小，大致可列举如下（具体每种控件和视图的细节， 请参考《iPhone 用户界面设计指南》第二部分）： ● 导航条，标签条，工具条和状态条 ● 弹出对话框、操作面板和模式视图 ● 表格视图（Table Views）, 文本视图（Text Views）, web 视图（Web Views） ● 应用程序控件（如文本框、分页显示器、轮转选择器、进度条、更多按钮等） 3. 使用隐喻 隐喻为界面视觉提示和功能建立了直观的逻辑联系。将软件中涉及的元素和操作 与真实世界关联起来能够更好地帮助用户理解。 iPhone 内置的备忘录应用就是一个使用隐喻的典范。除了基本的删除和邮件这 些图标隐喻，整个产品的外形：棕色的头部导航，米黄色的纸质背景，配合细致 的行隔线和垂直的双细线，俨然就是一可爱的小小备忘本。将产品与实体对应起 来，