云应用开发指南
- 格式:pdf
- 大小:2.26 MB
- 文档页数:35
并行®超算云服务简明使用手册(2019夏季版)北京并行科技股份有限公司目录1并行®超算云服务简介 (1)2并行®超算云服务登陆超算 (3)2.1内部集成的webssh (3)2.2第三方登录软件 (3)3并行®超算云服务文件传输 (6)3.1WinSCP (6)3.2并行快传 (8)4并行®超算云服务作业提交 (11)4.1命令行提交作业 (11)4.2集成界面提交作业 (11)4.3一些商业软件作业提交 (12)4.4可视化功能 (13)5并行®超算云服务计费中心 (15)6并行®超算云服务其他功能 (16)6.1配置 (16)6.2关于 (16)6.3注销 (16)6.4显示桌面 (16)6.5联系客服 (16)6.6关注超算动态 (17)7.并行®超算云服务常见问题 (19)1并行®超算云服务简介并行®超算云服务是使用最新HTML5技术开发的新一代超算用户使用界面,可以直通国内各大超算以及自己的私有云系统,具有高速稳定的链路,开通快、登陆快、操作快、传输快、计算快、分析快等特点,无需使用VPN,一键点击登陆超算,给用户使用超算资源提供良好的体验。
温馨提示:点击链接https:///下载安装客户端通过联系销售获得并行账号(登录并行®超算云服务的账号)和超算账号,之后我们会将您的并行账号和密码、超算账号以及可以使用的队列分区以邮件方式发送给您。
按照后面小节提供的方法即可方便快捷使用超算资源。
一般用户登陆并行®超算云服务后,默认已经绑定可以使用的超算账号;如果您的账号没有绑定对应的超算账号,您及时在专属微信群联系我们进行绑定处理。
如果有不需要的超算账号需要解绑,可以按照以下方法进行操作:点击账号管理图标,点击相应账号右边的×号(下图红框所示)即可解绑。
图1-1解绑超算账号流程图2并行®超算云服务登陆超算并行®超算云服务提供多种登陆超算的方法,包括内部集成的webssh和第三方登录软件:Putty、Xshell、secureCRT。
对象存储 OSS 开发人员指南开发人员指南文档概述阿里云对象存储OSS(Object Storage Service)为您提供基于网络的数据存取服务。
通过使用OSS,您可以通过网络随时存储和调用包括文本、图片、音频、和视频等在内的各种结构化或非结构化数据文件。
阿里云对象存储 OSS 提供简单的网络服务接口,可用于随时在网络上的任何位置存储和检索任何数量的数据。
本指南将向您完整介绍如何发送请求以创建存储桶、如何存储和检索对象,以及如何管理资源的权限。
本指南还介绍访问控制和身份验证过程。
访问控制定义哪些人可以访问阿里云对象存储 OSS 中的对象和存储桶以及访问类型。
身份验证过程验证尝试访问阿里云计算服务的用户身份。
下表列出了在使用阿里云对象存储 OSS 时可为您提供帮助的相关资源。
资源描述阿里云 OSS 快速入门本文档将向您介绍如何使用阿里云 OSS 管理控制台完成入门任务。
阿里云 OSS 开发人员指南(本文档)本文档为您讲解阿里云 OSS 服务的核心概念、所有功能介绍与操作步骤,以及如何使用 API 和SDK 的有效示例阿里云 OSS 控制台用户指南阿里云 OSS 管理控制台可让您通过界面执行 OSS 的部分功能,本文档为您介绍了基于阿里云 OSS 管理控制台的所有操作阿里云 OSS 购买指南详细介绍了阿里云 OSS 的价格与计量计费方式阿里云 OSS 最佳实践详细介绍阿里云 OSS 的各种使用场景与配置实践阿里云 OSS API 手册详细探讨了阿里云 OSS 支持的 REST API 操作和相关的示例阿里云 OSS SDK 手册介绍主流语言的 SDK 开发操作和参数阿里云 OSS 图片服务手册详细探讨了阿里云 OSS 提供的图片处理服务的详细内容与操作方式阿里云 OSS 迁移工具您可能需要将您本地或第三方云存储服务上的文件同步到OSS上,阿里云为此提供了完善的迁移解决方案阿里云 OSS 开发者论坛由开发人员组成的社区形式的论坛,您可以在这里讨论和学习与阿里云 OSS 有关的技术问题产品介绍什么是对象存储 OSS?阿里云对象存储 OSS(Object Storage Service)为您提供基于网络的数据存取服务。
工业互联网平台开发操作指南第1章工业互联网平台概述 (4)1.1 工业互联网的发展历程 (4)1.2 工业互联网平台的核心价值 (4)1.3 国内外工业互联网平台发展现状 (5)第2章开发环境搭建 (5)2.1 开发环境准备 (5)2.1.1 硬件要求 (5)2.1.2 软件要求 (5)2.1.3 开发工具 (5)2.2 搭建开发工具链 (6)2.2.1 安装编程语言环境 (6)2.2.2 安装数据库 (6)2.2.3 安装版本控制工具 (6)2.2.4 安装容器技术 (6)2.3 配置网络与硬件环境 (6)2.3.1 配置网络环境 (6)2.3.2 配置硬件环境 (6)第3章平台架构设计 (6)3.1 总体架构设计 (7)3.1.1 基础设施层 (7)3.1.2 数据层 (7)3.1.3 服务层 (7)3.1.4 应用层 (7)3.1.5 安全保障体系 (7)3.2 数据架构设计 (7)3.2.1 数据源 (7)3.2.2 数据采集 (7)3.2.3 数据存储 (8)3.2.4 数据处理 (8)3.2.5 数据分析 (8)3.3 服务架构设计 (8)3.3.1 服务注册与发觉 (8)3.3.2 服务编排 (8)3.3.3 服务治理 (8)3.3.4 服务接口 (8)3.3.5 服务调用 (8)第4章数据采集与处理 (9)4.1 设备接入与数据采集 (9)4.1.1 设备接入 (9)4.1.2 数据采集 (9)4.2 数据预处理与清洗 (9)4.2.1 数据预处理 (9)4.2.2 数据清洗 (9)4.3 数据存储与索引 (10)4.3.1 数据存储 (10)4.3.2 数据索引 (10)第5章平台业务功能开发 (10)5.1 设备管理功能开发 (10)5.1.1 设备接入 (10)5.1.2 设备监控 (10)5.1.3 设备维护与保养 (11)5.2 数据分析与应用开发 (11)5.2.1 数据预处理 (11)5.2.2 数据分析与挖掘 (11)5.2.3 数据可视化 (11)5.3 用户管理与权限控制 (11)5.3.1 用户管理 (11)5.3.2 权限控制 (12)第6章应用开发与部署 (12)6.1 应用开发框架介绍 (12)6.1.1 核心组件 (12)6.1.2 开发工具 (12)6.1.3 应用管理 (13)6.2 应用开发实践 (13)6.2.1 需求分析 (13)6.2.2 设计与开发 (13)6.2.3 测试与调试 (13)6.3 应用部署与运维 (13)6.3.1 部署 (13)6.3.2 运维 (13)第7章安全与隐私保护 (13)7.1 工业互联网平台安全概述 (13)7.1.1 安全风险 (14)7.1.2 安全体系架构 (14)7.1.3 安全防护策略 (14)7.2 数据安全与加密 (14)7.2.1 数据加密 (14)7.2.2 数据脱敏 (15)7.3 认证与权限管理 (15)7.3.1 用户认证 (15)7.3.2 设备认证 (15)7.3.3 权限控制 (15)7.4 隐私保护与合规性 (15)7.4.1 隐私保护策略 (16)7.4.2 合规性要求 (16)第8章平台功能优化 (16)8.1 系统功能评估 (16)8.1.1 功能评估指标 (16)8.1.2 功能评估方法 (16)8.1.3 功能评估工具 (16)8.2 数据存储与访问优化 (16)8.2.1 数据存储优化 (16)8.2.2 数据访问优化 (17)8.2.3 数据库功能监控 (17)8.3 网络传输与计算功能优化 (17)8.3.1 网络传输优化 (17)8.3.2 计算功能优化 (17)8.3.3 分布式计算与存储 (17)8.3.4 云计算资源调度 (17)第9章系统集成与测试 (17)9.1 系统集成方法与策略 (17)9.1.1 集成方法 (17)9.1.2 集成策略 (18)9.2 接口开发与调试 (18)9.2.1 接口开发 (18)9.2.2 接口调试 (18)9.3 系统测试与验收 (18)9.3.1 系统测试 (18)9.3.2 系统验收 (19)第10章平台运维与维护 (19)10.1 运维管理体系构建 (19)10.1.1 运维团队组织结构 (19)10.1.2 运维管理制度与规范 (19)10.1.3 监控与预警体系建设 (19)10.1.4 应急预案制定与演练 (19)10.2 故障排查与处理 (19)10.2.1 故障分类与识别 (19)10.2.2 故障排查流程 (19)10.2.3 故障分析与定位 (19)10.2.4 故障处理与跟踪 (19)10.3 系统升级与扩展 (20)10.3.1 系统升级策略 (20)10.3.2 系统升级流程 (20)10.3.3 系统扩展性设计 (20)10.3.4 系统扩展方法 (20)10.4 用户支持与培训服务 (20)10.4.1 用户支持体系建设 (20)10.4.2 用户培训策略 (20)10.4.3 培训内容与方式 (20)10.4.4 用户反馈与持续改进 (20)第1章工业互联网平台概述1.1 工业互联网的发展历程工业互联网作为新一代信息技术与制造业深度融合的产物,起源于21世纪初。
企业资源规划系统中的移动端应用设计与开发指南随着移动互联网的发展和智能手机的普及,越来越多的企业将企业资源规划(ERP)系统延伸到移动端。
移动端应用的设计与开发成为了企业实现移动办公、提高工作效率的重要手段。
本文将为您介绍企业资源规划系统中的移动端应用设计与开发指南。
一、移动端应用设计原则1.用户体验优先在移动端应用的设计中,用户体验是最重要的考虑因素。
要注重简洁、直观的界面设计,使用户能够快速地完成操作。
同时,要考虑到用户在移动设备上的使用习惯和操作方式,以提供更加便捷的用户体验。
2.响应式设计移动设备的屏幕尺寸各异,应用需要能够适应不同的屏幕大小,并且在不同的设备上都能良好地显示。
因此,应用的设计应采用响应式布局,使界面元素能够自适应不同屏幕大小和方向的变化。
3.平台兼容性和可定制性企业可能同时使用多种移动操作系统,如iOS和Android。
因此,移动端应用的设计需要考虑跨平台兼容性,确保应用能够在不同的操作系统上正常运行。
同时,应设计应用的模块化,以便企业能够根据自身需求进行定制和扩展。
二、移动端应用开发流程1.需求分析在开发移动端应用之前,需要明确应用的功能需求和用户需求。
这可以通过与企业内部各部门的沟通和调研来完成,确保移动端应用能够满足企业的实际需求。
2.界面设计在进行界面设计时,应遵循用户体验优先的原则。
设计简洁、直观的界面,并考虑到移动设备的特点和用户操作习惯,以提供良好的用户体验。
同时,需要注意界面元素的大小和排列,以适应不同屏幕尺寸和方向的变化。
3.功能开发在功能开发阶段,需要根据需求分析的结果进行系统设计和数据库设计。
开发人员应根据设计文档进行开发,并进行代码测试和调试,确保应用的功能正常运行。
4.测试和上线在完成应用开发后,需要进行测试以发现和修复潜在的问题。
测试过程应覆盖各个功能模块和不同设备平台,以确保应用的质量和稳定性。
经过测试后,应用可以上线供用户使用。
三、移动端应用开发技术1.跨平台开发技术为了实现在多个移动操作系统上同时运行的目标,可以采用跨平台开发技术,如React Native、Flutter等。
智能手机APP开发使用手册第1章产品概述与系统要求 (3)1.1 产品简介 (3)1.2 系统要求与兼容性 (3)1.2.1 操作系统 (4)1.2.2 硬件要求 (4)1.3 安装与更新 (4)1.3.1 安装 (4)1.3.2 更新 (4)第2章用户界面与操作基础 (4)2.1 界面布局与功能导航 (4)2.1.1 界面布局原则 (4)2.1.2 功能导航 (4)2.2 基本操作与手势 (5)2.2.1 基本操作 (5)2.2.2 手势操作 (5)2.3 设置与个性化 (5)2.3.1 设置 (5)2.3.2 个性化 (5)第3章账户注册与登录 (5)3.1 账户注册 (6)3.1.1 注册流程 (6)3.1.2 注册规则 (6)3.2 账户登录与密码找回 (6)3.2.1 账户登录 (6)3.2.2 密码找回 (6)3.3 第三方账号登录 (6)3.3.1 登录 (6)3.3.2 QQ登录 (7)3.3.3 登录 (7)第4章功能模块介绍 (7)4.1 消息通知与互动 (7)4.1.1 消息通知 (7)4.1.2 互动功能 (7)4.2 数据管理与同步 (8)4.2.1 数据管理 (8)4.2.2 数据同步 (8)4.3 常用功能操作指南 (8)4.3.1 个人中心 (8)4.3.2 主界面导航 (8)4.3.3 功能操作 (8)第5章高级功能应用 (8)5.1.1 添加定位功能 (8)5.1.2 地图集成 (9)5.1.3 实现定位与地图服务的交互 (9)5.2 摄像头与图片处理 (9)5.2.1 摄像头功能调用 (9)5.2.2 图片处理 (9)5.2.3 实现摄像头与图片处理的交互 (9)5.3 音频与视频播放 (9)5.3.1 音频播放 (10)5.3.2 视频播放 (10)5.3.3 实现音频与视频播放的交互 (10)第6章网络与数据安全 (10)6.1 网络连接与优化 (10)6.1.1 网络连接方式 (10)6.1.2 网络优化策略 (10)6.2 数据加密与保护 (11)6.2.1 数据加密 (11)6.2.2 数据保护 (11)6.3 隐私政策与权限管理 (11)6.3.1 隐私政策 (11)6.3.2 权限管理 (11)第7章个性化设置与优化 (11)7.1 显示设置与字体调整 (12)7.1.1 显示模式 (12)7.1.2 字体大小与样式 (12)7.1.3 屏幕亮度与自动调节 (12)7.2 声音与振动设置 (12)7.2.1 声音模式 (12)7.2.2 音量和振动强度 (12)7.2.3 情景模式 (12)7.3 节电模式与功能优化 (12)7.3.1 节电模式 (12)7.3.2 功能优化 (13)7.3.3 省电 (13)第8章常见问题与故障排除 (13)8.1 界面异常与卡顿 (13)8.1.1 界面显示错位 (13)8.1.2 APP卡顿或闪退 (13)8.2 网络连接问题 (13)8.2.1 无法连接网络 (13)8.2.2 网络连接不稳定 (14)8.3 数据丢失与恢复 (14)8.3.1 数据丢失 (14)第9章应用程序更新与维护 (14)9.1 自动更新与手动更新 (14)9.1.1 自动更新 (14)9.1.2 手动更新 (15)9.2 版本说明与更新日志 (15)9.2.1 版本说明 (15)9.2.2 更新日志 (15)9.3 应用程序卸载与重新安装 (15)9.3.1 卸载应用程序 (15)9.3.2 重新安装应用程序 (15)第10章客户服务与支持 (16)10.1 联系我们 (16)10.1.1 客服电话 (16)10.1.2 邮箱地址 (16)10.1.3 在线客服 (16)10.1.4 社交媒体 (16)10.2 反馈与建议 (16)10.2.1 反馈渠道 (16)10.2.2 建议途径 (16)10.3 用户协议与法律声明 (16)10.3.1 用户协议 (16)10.3.2 法律声明 (17)第1章产品概述与系统要求1.1 产品简介本手册旨在详细介绍智能手机应用程序(以下简称“APP”)的开发、功能、操作及维护。
云之家-轻应用开发入门指南云之家轻应用项目实施文档罗平2014/7/71云之家轻应用介绍 (3)2开发步骤介绍 (3)2.1第一步:开发环境搭建 (3)2.1.1Step 1 (3)2.1.2Step 2 (3)2.1.3Step 3 (4)2.1.4Step 4 (4)2.1.5STEP 5 (5)2.1.6STEP 6 (5)2.2第二步:代码开发实现 (6)2.2.1STEP 1 (6)2.2.2STEP 2 (7)2.2.3STEP 3 (8)2.2.4Step 4 (8)2.3第三步:轻应用部署到云之家 (9)2.3.1STEP 1 (9)2.3.2STEP 2 (9)2.3.3STEP 3 (10)3附录: (12)3.1样例代码 (12)3.1.1Demo工程代码:HelloLightApp工程 (12)3.2参考资料 (12)2/ 123 / 121轻应用是指采用WEB 技术开发的无需安装直接打开的移动应用,云之家中提供了WEB 应用可调用的基础服务以便于轻应用可以融入到云之家的框架之中以及获取用户、设备的信息,从而实现一些业务功能。
轻应用的开发可以采用各种WEB 开发技术实现,云之家平台对实现不做要求,云之家将提供底层的一些服务以便于轻应用的运行。
2以下为开发过程,按照每一步进行相应操作。
2.1 第一步:开发环境搭建Java 环境为例,MyEclipse8.5 + Tomcat 6.0在Package Exploer 视图下右击 -> New -> Web Project ,建立一个web 工程工程命名为HelloLightApp,点击Finish , 完成web工程的建立。
工程HelloLightApp 建立成功4/ 125 / 12工程建立成功后,可能有语言问题,建议选择项目,右击 -> Properties弹出项目的属性,选择Resource -> Text file encoding ->Other , 选择UTF -86 / 122.2 第二步:代码开发实现以使用JQuery 为例,在WebRoot 下新增js 文件夹,jquery.min.js 从网上下载一份(这个资源很容易下载,百度),放到js 文件夹下。
福州瑞芯微电子股份有限公司密级状态:绝密( ) 秘密( ) 内部( ) 公开(√ )Rock-X SDK开发指南(技术部,图形显示平台中心)文件状态:[ ] 正在修改[√] 正式发布当前版本:V1.0作者:HPC&AI Team完成日期:2019-06-11审核:熊伟卓鸿添完成日期:2019-06-11福州瑞芯微电子股份有限公司Fuzhou Rockchips Semiconductor Co . , Ltd(版本所有,翻版必究)更新记录版本修改人修改日期修改说明核定人V1.0杨华聪、吴丽娟2019-06-11初始版本熊伟卓鸿添目录1主要功能说明 (5)2系统依赖说明 (5)2.1RK3399P RO系统依赖 (5)2.2RK1808系统依赖 (5)3示例应用 (6)3.1命令行执行程序示例 (6)3.2A NDROID程序示例 (6)4性能指标 (7)4.1模块精度指标 (7)4.1.1目标检测 (7)4.1.2人脸检测 (7)4.1.3人脸识别 (8)4.1.4车牌识别 (8)4.1.5人脸属性分析 (9)4.1.6人脸特征点定位 (9)4.1.7人体骨骼点关键点 (9)4.2模块运行性能 (10)5SDK使用说明 (10)5.1SDK库引入 (10)5.2SDK裁减说明 (11)5.3RK1808计算棒配置 (12)5.4初始化和释放 (12)5.5接口调用 (13)5.6API参考指南 (14)1 主要功能说明Rock-X SDK是基于RK3399Pro/RK1808平台的一套AI组件库。
开发者通过Rock-X SDK 提供的API接口能够快速构建AI应用。
当前SDK提供的功能如表1-1所示。
表1-1 Rock-X SDK主要功能类别功能目标检测人头检测、人车物检测人脸人脸关键点、人脸属性分析、人脸识别车牌车牌检测、车牌识别人体关键点人体骨骼关键点、手指关键点2 系统依赖说明2.1 RK3399Pro系统依赖在RK3399Pro平台上,SDK所提供的库和应用程序需要RKNN驱动版本为0.9.6。
《云应用设计指南》目录前言第一部分:云应用设计思路和原则1.什么是云应用?2.基本交互原则第二部分:云应用设计中的常见错误第三部分:云应用界面设计1.云应用用户界面介绍1.1 分辨率与屏幕尺寸1.2 云应用自定义添加至桌面1.3 云应用首页界面结构介绍2.云应用交互操作要点2.1 操作点击区域2.2 操作手势介绍3.云应用界面设计要点3.1 指示条快捷图标与云应用图标3.2 云应用缩略图3.3云应用字体说明3.4云应用界面结构及组成元素4. 云应用界面控件4.1活动指示器4.2日期时间选择器4.3下拉菜单控件4.4 Radio与Check box 4.5输入框4.6搜索栏4.7分段控件4.8提示框4.9数字提示符4.10默认图标与按钮前言云应用设计指南建立的目的1.开放给广大的开发者,能够利用设计指南快速、方便的开发云应用,降低开发工程师和设计师的门槛,让开发设计云应用变得更容易。
2.对于缺乏设计资源的开发者或开发团队,本指南能够提供交互与视觉设计标准和控件。
3.通过阅读设计指南并理解设计中的要求,能使云应用开发者设计出用户体验较好的云应用。
云应用设计指南组成部分云应用设计指南分为二部分:第一部分为云应用设计思路和原则;第二部分为云应用界面设计(包含交互与视觉设计);第一部分:云应用设计思路和原则1.什么是云应用?什么是云应用?简单来概括一句话就是“手机上的增强版网页应用”。
基于阿里云-云智能操作系统的云应用结合了网页应用和原生应用(ios原生应用、android原生应用),具有如下特点:@基于HTML/CSS/Javascript技术方式开发,门槛低。
@可以跨平台访问。
@用户访问的永远是最新版本。
@可以利用云计算服务弥补手机运算能力的不足,也可以利用云端的各种资源。
@可以转换成原生应用。
@可以通过API接口直接访问硬件资源(如摄像头、通讯录等)。
@持久缓存,可以离线访问。
2.基本交互原则@考虑大手指的触摸设计,避免错误点击,要求界面元素少而直观。
@手机体验:多“点”两下大于多“找”两下。
@操作易用性原则为:当前“界面内交互控件”易用于“tab”、易用于“界面内其他选择控件(切换)”、易用于“菜单”、易用于菜单内“更多选顷”。
@界面内所有的点击按钮、控件必须有反馈或高亮状态。
@尽量避免用户输入,而采用点击、选择的方式。
@保持与云OS 一致的交互行为、动作@反馈:点击操作控件必须要有相应的点击反馈;加载数据、等待时的界面反馈;提供必要的错误信息反馈不引导页面。
第二部分:云应用设计中的常见错误以下各种常见的UI方面的错误,如有违反,则应用会被退回修改。
1.应用界面中的“返回”按钮设计在界面的非左上角位置。
见设计指南中第三部分,第3节的3.3.4导航栏。
2.“返回“按钮样式与iOS过于相似。
见设计指南中第三部分,第3节的3.3.4导航栏。
3.文字字号过小。
4.界面元素有锯齿。
5.交互控件与界面背景混淆,区分不明显。
6.交互操作控件点击区域须遵照设计指南中第三部分,第2节的2.1条操作点击区域。
7.Icon_tiny图标颜色不正确。
见设计指南中第三部分,第3节的3.1指示条快捷图标与云应用图标。
8.Icon_tiny.png、icon.png、thumb.png三个文件有任意一个缺失。
9.每个应用必须设计背景图片戒底色,以免用户界面不用户桌面壁纸混淆。
10.select控件避免使用html默认样式,因为在手机中会有变形。
需要自行编写代码实现样式。
第三部分:云应用界面设计1.云应用用户界面介绍1.1 分辨率与屏幕尺寸云OS目前支持天语W700,分辨率为w480px*h800px,屏幕尺寸为3.8寸。
设计指南以下内容涉及到像素数值和文字数值均是在w480px*h800px分辨率下给出的建议数值。
1.2 云应用自定义添加至桌面云OS首页由七屏界面组成,这七屏界面之间通过横向滑动来切换,且除了中间的一屏(左起第四屏)为固定本地应用界面外,其余界面均可以由用户来自定义,添加不同的云应用到自己需要的位置。
1.3云应用首页界面结构介绍云应用首页界面包括:手机状态栏、刷新按钮、搜索框、推荐位、云应用区域五个部分。
(1)手机状态栏告诉用户有关设备的重要信息,包括手机信号强度、当前网络连接和电池电量。
(2)刷新按钮,用于刷新当前页面。
(3)搜索框可以搜索所有的云应用。
(4)推荐位用于推荐优秀的云应用或一些运营活动。
(5)云应用区域是所有云应用的入口,可以向下滑动查看更多的云应用。
云应用@首界面2.云应用交互操作要点2.1操作点击区域A.云手机最小点击区域(1)ICON元素之间最小间距至少大于或等于2mm/20px,各组件理想间距大于等于5mm。
(2)最小点击目标 7mm/72px,理想点击区域 9.2mm/98px。
B.较小的点击区域(1)对于横向或纵向尺寸有限的情况,可使用长方形的点击区域,但最小推荐点击区域为7mm/72px,如果点击区域是最小点击尺寸建议适当加大点击区域之间的间隔距离。
(2)由于键盘按键尺寸的特殊性,按键间距需保持>=1mm/10px。
C.较大的点击区域以下的情景可能需要更大的交互区域(>9.2mm/98px,或交互区域间距离需要大于5mm):(1)极常用的点击区域。
(2)误操作的结果较严重,如发送或取消未编辑完成的短消息,或发送邮件出错交互流程可能导致邮件丢失等交互的结果可能导致用户迷惑,如正在运行某个程序的过程中,关联按钮的误操导致打开新的页面或应用重要的交互要素处于屏幕的边缘,形状难以点击。
(3)交互元素之间是连续的,如相关联的几个按钮及手机拨号键盘。
2.2 操作手势介绍目前云应用支持的交互手势:暂不支持云应用的交互手势:3.云应用界面设计要点3.1 指示条快捷图标与云应用图标A.指示条快捷图标所有的云应用若添加到桌面,会在指示条(indicator bar)上显示一个icon用于导航,命名为icon_tiny。
icon_tiny在未选中状态下为透明效果,且由系统处理;选中状态为白色不透明效果。
设计师只需要提供一个白色不透明icon_tiny图表即可。
指示条上的iconB. 云应用图标所有的云应用均有应用图标命名为icon,设计时应考虑图标的样式。
图标的设计要表达应用的含义。
图标分上下两个部分,上半部分是画面,下半部分由系统提供显示云标志和应用名称。
设计师设计图标时不需要考虑圆角像素,由系统直接生成。
3.2 云应用缩略图当云应用被添加至桌面时,在选择屏幕空间后,会置入一张当前云应用的缩略图。
需要单独提供一张云应用的界面图片。
3.3云应用字体说明3.3.1字体类型云应用的系统默认字体为:文泉驿微米黑,系统默认字体类型不可以替代。
3.3.2字体大小云应用设计指南上对于字体大小规定的目的在于规范界面设计,提升文字排版美观性和可阅读性。
在云应用设计中字体不得小于16px,建议字体不超过30px。
不同的界面元素字体大小会有所区别,具体对于字体大小的规定详见3.4内容。
3.4云应用界面结构及组成元素云应用界面整体视图3.4.1手机状态栏状态栏展示手机设备状态的相关信息。
例如:信号、网络连接、电池电量等。
在云应用界面中,一直存在于屏幕上方不可隐藏,不能更改颜色、尺寸,且只支持竖屏模式。
3.4.2刷新按钮刷新按钮用来表示数据加载和手动点击刷新两个作用。
(1)在刷新按钮收起状态,只表示数据加载情况,通过绿色光源滑动表现。
(2)当点击后,刷新按钮展开,可用来刷新页面,以保证数据的及时更新。
注意:刷新按钮会占据导航栏15个像素,如果将云应用标题置于导航栏正中间位置时,需注意不要与刷新按钮重叠。
3.4.3 指示条指示条位于屏幕最下方。
分两种使用状态:(1)当从云键进入访问每个云应用时,指示条具有添加云应用到桌面的功能。
(2)在首屏中,指示条具有导航作用,在切换云应用时提供云应用缩略图。
3.4.4导航栏导航栏出现于屏幕的上方,位于状态栏之下。
导航栏通常包括当前页面的名称,并且包含了可对页面进行操控的控件,除此之外还可添加导航控件。
通过导航栏的使用可以达成两个目的:@在云应用的不同页面中进行导航,不让用户迷失@提供对当前页面进行操作管理的控件A.导航栏内(1)一个导航栏可以只是居中显示云应用名称或当前页面名称,由于这个时候用户还没有进入到其他的页面,因此导航栏应该只显示起始页面的名称。
只显示当前页面名称的导航栏(2)当用户导航到其他的页面上时,导航栏的名称就应相应的变为新的页面名称,并且提供一个返回至上一页面的后退按钮。
包含了操作控件的导航栏(3)除了后退按钮之外,导航栏还可在页面名称的右方显示第二个按钮。
导航栏可包含页面内容操控按钮(4)云应用需要支持搜索功能,在节约界面视图空间的前提下,可将搜索条设置在导航栏上带有搜索功能的导航栏B.导航栏的大小和颜色你可以为导航栏指定颜色、透明度、高度,从而使云应用的整个外观和其他功能栏(工具栏、标签栏和状态栏等)的风格保持一致。
你可以自定义一个颜色或是从标准的颜色中选择一个来使用。
3.4.5 标签栏标签栏主要用于场景和功能频道的切换,具有位置固定、导航清晰的特点。
然而,标签栏绝对不应该被当作工具栏使用。
标签栏在云应用中使用建议在屏幕上方,由于屏幕底部有硬件按钮和指示条两部分操作区域,标签栏置于屏幕下方会倒置操作区过于复杂,也会增加误操作的机率。
(1)点击行为触发,标签栏中至少一个标签处于激活状态,极值根据文字内容及视觉尺寸而定。
(2)标签数量最多为5项。
多于5个标签时,其中一个标签设置为“更多”,其中以列表形式或宫格形式展示更多子选项内容。
(3)包括可用、激活(选中)、不可用三种状态。
(4)不可用状态下,标签栏不可再进行选择操作。
(5)标签不随内容区滚动而滚动,默认一定有一个被选中状态。
(6)标签栏可以使用icon、文字或icon文字组合的方式进行设计。
(7)在同一个界面中,最好不要超过2个标签导航;一个标签最好不要超过5个选项,避免交互重叠。
3.4.6列表视图列表视图通过多行单列的列表显示数据。
行可分为节或组,每行可以包含一些文字,图片和控件。
用户可以在行间或者分组之间滑动或拖移来进行滚动。
(1)列表视图的用法和作用表格视图提供了让用户浏览和处理信息的内置元素。
此外,表格视图还支持:显示页眉页脚信息。
你可以在列表中的每一节或组的上方或下方,或者是整个列表的上方或下方显示说明文字。
当用户选择一个列表项时,表格应始终提供反馈。
如果一个项目可以被选择,那么一旦用户进行选择,包含这个项目的行应高亮一下,给用户提供反馈,表示该选择已经收到。
然后,立即采取行动:要么显示新视图,要么该行显示复选标记以表明该项目已被选中或启用。