手机终端应用设计规范.pdf

手机移动终端设计规范 (Android) V1.2 版 一 概述 手机 UI 设计是手机软件的人机交互、操作逻辑、界面美观的整体设计，置身于手机操作系统中的人机交互的 窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的系统 性能有所了解，手机 UI 一直被业界称为产品的“脸面” ，一款好的手机产品一定有一套优秀的手机 UI 界面。 手机 UI 从产品的图标开始，直到推出手机产品为止。产品的 UI 从产品概念开始，直到产品的生命周期结束， 产品的 UI 一直深入着用户的心。一个好产品 UI 评价标准会影响一个产品的品牌和用户群体。 目的 主要通过调研的手段全面了解公司同事在工作中出现的问题， 并把这些解决方法加入到通用规范当中， 以 新规范作为指引，避免在以后项目中出现同类错误，并把这种成功模式延续下去。 制定 移动终端 应用 UI 设计规范，加强客户对我们的认可度，对新项目有有效指引作用； 利用终端演示系统或 DEMO ，和掌握的新技术应用，在项目初期阶段，可以更有效的跟客户洽谈和演示； 对开发人员和需求人员分工，明确工作内容，提高工作效率和减少出错率 范围 此规范适用于手机界面设计人员及开发人员。 手机 UI 与 web 手机的操作比 web 页面复杂，需了解其所基于的机型的硬键情况才能确定如何控制； 手机软件需要与 web 不同的导航形式，空间所限； 手机软件在操作步骤的缩减方面需要倾注更多的精力，每屏空间所限； 手机软件需要在控件 / 组件释义方面倾注更多的精力，硬键和逻辑所限。 二 了解手机 手机的物理特性 1. 客户端的文字输入，必须要降到最低：由于手机在输入上的低效性，在设计的 过程中，应尽量减少用户 的输入，如果有可能可以设置默认值，或者让用户选择目标值。 2. 客户端的信息结构好，屏与屏之间的逻辑关系清晰：由于手机屏幕都普遍较小，即使有 4 吋屏，那也只能 展示较少的信息量，因此，在手机设计上，更需要有清晰的信息架构，用户知道当前在哪儿，并能返回到 哪儿。 3. 客户端的操作、功能不要隐藏太深，重要功能都需要在界面中有适当的提示：由于手机屏幕较小，不能展 示所有的信息。因此，对重要的、使用频率高的功能或信息放在最重要的位置，并在首页上展示或指示。 4. 主流分辨率： 460X640 480x800 480X854 540X960 640X960 1280X720 1280X800 手机的移动特性 1. 客户端的最主要的功能操作，用单手可以完成：手机的使用情景多样性，在很多情景下，用户都只能单手 来操作手机，因此，在客户端的设计过程中，需要考虑最重要的核心功能，能否单手操作完成。 2. 客户端的界面必须简洁、操作简单，操作步骤少：由于用户操作情景复杂，在使用客户端的过程可能有额 外的认知负荷，因此，在设计客户端的过程中，逻辑必须简单，操作步骤也要减少。客户端的界面层次不 要太深，最好不要超过 3 级。 3. 客户端的提示包括界面、 声音、振动多种形式： 用户在操作手机时， 往往不会一直盯着手机屏幕看， 因此， 很多手机状态页面的切换，脱离了用户的视线，这时，必须要提供视觉之外的其他感觉通道的信息（如听 觉、触觉等） ，来对用户做提示。 图标设计原则 Android 系统被设计在一系列屏幕尺寸和分辨率不同的设备上运行的。当你为自己的应用设计图标时，必 须知道， 你的应用有可能在任何设备上安装运行。 正如支持多屏幕， Android 为你直接提供这样的图标， 他们会在任何设备上正确的显示，无论这些设备的屏幕大小和分辨率如何。 一般来说，推荐的方式是为三种普遍的屏幕密度中的每一种都创造一套独立的图标。然后，把他们储存在 你的应用中特定的资源目录下。当你的应用运行时， Android 平台将