云应用开发指南.pdfVIP

云应用设计指南 @阿里云 《云应用设计指南》 目录 前 言 第一部分：云应用设计思路和原则 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 ” 、 易 用于 “界面内其他选择控件 ( 切换 ) ” 、 易用于 “菜单 ” 、易用于菜 单内 “更多选顷 ”。 @界面内所有的点击按钮、控件必须有反馈或高亮状态。