[互联网]云应用开发指南.pdf

云应用设计指南@阿里云 《云应用设计指南》 目录 前 言 第一部分：云应用设计思路和原则 1.什么是云应用？ 2.基本交互原则 第二部分：云应用设计中的常见错误 第三部分：云应用界面设计 1.云应用用户界面介绍 1.1 分辨率与屏幕尺寸 1.2 云应用自定义添加至桌面 1.3 云应用首页界面结构介绍 2.云应用交互操作要点 2.1 操作点击区域 2.2 操作手势介绍 3.云应用界面设计要点 3.1 指示条快捷图标与云应用图标 3.2 云应用缩略图 3.3 云应用字体说明 3.4 云应用界面结构及组成元素 1 云应用设计指南@阿里云 4. 云应用界面控件 4.1 活动指示器 4.2 日期时间选择器 4.3 下拉菜单控件 4.4 Radio 与Check box 4.5 输入框 4.6 搜索栏 4.7 分段控件 4.8 提示框 4.9 数字提示符 4.10 默认图标与按钮 2 云应用设计指南@阿里云 前言 云应用设计指南建立的目的 1.开放给广大的开发者，能够利用设计指南快速、方便的开发云应 用，降低开发工程师和设计师的门槛，让开发设计云应用变得更容易。 2.对于缺乏设计资源的开发者或开发团队，本指南能够提供交互与 视觉设计标准和控件。3.通过阅读设计指南并理解设计中的要求，能 使云应用开发者设计出用户体验较好的云应用。 云应用设计指南组成部分 云应用设计指南分为二部分： 第一部分为云应用设计思路和原则； 第二部分为云应用界面设计（包含交互与视觉设计）； 3 云应用设计指南@阿里云 第一部分：云应用设计思路和原则 1.什么是云应用？ 什么是云应用？简单来概括一句话就是“手机上的增强版网页应 用”。 基于阿里云-云智能操作系统的云应用结合了网页应用和原生应 用（ios 原生应用、android 原生应用），具有如下特点： @基于HTML/CSS/Javascript 技术方式开发，门槛低。 @可以跨平台访问。 @用户访问的永远是最新版本。 @可以利用云计算服务弥补手机运算能力的不足，也可以利用云端的 各种资源。 @可以转换成原生应用。 @可以通过API 接口直接访问硬件资源（如摄像头、通讯录等）。 @持久缓存，可以离线访问。 2.基本交互原则 @考虑大手指的触摸设计，避免错误点击，要求界面元素少而直观。 @手机体验：多 “点”两下大于多 “找”两下。 @操作易用性原则为：当前 “界面内交互控件”易用于 “tab”、 易 用于 “界面内其他选择控件(切换)”、 易用于 “菜单”、易用于菜 单内 “更多选顷”。 @界面内所有的点击按钮、控件必须有反馈或高亮状态。 4 云应用设计指南@阿里云 @尽量避免用户输入，而采用点击、选择的方式。 @保持与云OS 一致的交互行为、动作 @反馈：点击操作控件必须要有相应的点击反馈；加载数据、等待时 的界面反馈；提供必要的错误信息反馈不引导页面。 5 云应用设计指南@阿里云 第二部分：云应用设计中的常见错误 以下各种常见的UI 方面的错误，如有违反，则应用会被退 回修改。 1.应用界面中的“返回”按钮设计在界面的非左上角位置。见设计指 南中第三部分，第3 节的3.