关于APP接口设计

最近一段时间一直在做APP接口，总结一下APP接口开发过程中的注意事项：

1、效率：接口访问速度

APP有别于WEB服务，对服务器端要求是比较严格的，在移动端有限的带宽条件下，要求接

口响应速度要快，所有在开发过程中尽量选择效率高的框架，PHP建议使用YAF框架。

2、数据格式

最好使用JSON格式数据，因为JSON有较好的跨平台性。对于

3、数据量

按需分配，APP客户端需要什么数据就返回什么数据，过多的数据量影响处理速度，最重要的

是影响传输效率。

4、接口、参数命名准确

无论是接口还是参数，命名都应该有意义，让人一目了然。

5、一个页面尽可能就用一个接口

现在很多的APP页面都有广告、焦点图、文章列表等，对于这些不同格式的数据，不可能都分

配一个接口，这样加大了APP请求接口数，影响响应速度。建议服务器端尽可能处理好数据后

通过一个接口返回给APP客户端。

6、缓存

这点比较重要，不管是文件缓存还是memcache缓存。

7、接口要有可扩展性

8、接口安全

目前一般都是在APP客户端和服务器通过约定的算法，对传递的参数值进行验证匹配。但是如

果APP程序被反编译，这些约定的算法就会暴露，特别是在安卓APP中，有了算法，完全就

可以通过验证模拟接口请求。

9、接口版本控制

对于接口版本控制，自己目前也没有找到一个好的方法，怎么去应对不断的APP版本升级，新、旧接口的处理。

10、接口数据、状态

接口必须提供明确的数据状态信息，不管是成功的，还是失败的，都必须返回给APP客户端。

以上10点就是自己在这端时间做APP接口过程中注意的事项，写的有点乱，想到什么就写什么。

APP界面UI设计规范

一、APP界面设计规范（一）界面尺寸 1、IOS界面尺寸：常见为（宽度640px、高度1136px） 2、Android界面尺寸：常见为（宽度720px、高度1280px）其他尺寸：ldpi（240*320）、mdpi（320*480）、hdpi（480*800）3、Web Mobile尺寸：常见为（宽度640px、高度960px）（二）导航尺寸 1、IOS导航尺寸：高度60px，留白7px 2、Android导航尺寸：高度64px或48px，留白8px （三）标签尺寸 1、IOS标签尺寸：高度98px 2、Android标签尺寸：高度96px （四）工具栏尺寸 1、IOS工具栏尺寸：高度88px 2、Android工具栏尺寸：高度96px （五）列表高度 1、IOS列表高度：高度88px 2、Android列表高度：高度96px （六）资源状态对于资源通常设计弹起、点击、点击后、不可用四种状态，通常弹起、点击、点击后用不同颜色表示、不可用状态用低度灰色表示。（七）字体

1、IOS默认英文为HelveticalNeue，中文为黑体 2、Android列表高度：默认为 Droidsans fallback （八）字号字号通常按照标题及征文级别递减为42、36、34、30、24（九）ICON 1、IOS常用尺寸有1024*1024、512*51 2、120*120、60*60 2、Android常用尺寸有512*512、200*200、72*72、48*48（十）资源插图 1、长方形插图高度一般不超过背景宽度的二分之一 2、缩略图两张并列高度一般不超过200px，宽度要适中有留白 3、图文混排中图片一般不高过150*110

APP测试规范

app客户端测试规范 APP测试流程目录 1.测试基本流程图 (3) 2.测试要点 (4) 2.1测试资源 (4) 2.2接收版本 (4) 2.3UI 测试 (4) 2.4功能测试 (4) 2.5兼容测试/性性能测试 (5) 2.6后台数据统计测试 (5) 2.7用户行为统计测试 (5) 2.8回归测试 (6) 3.App测试点 (6) 3.1安全测试 (6) 3.1.1软件权限 (6) 3.1.2安装与卸载安全性 (7) 3.1.3数据安全性 (7) 3.1.4通讯安全性 (8) 3.1.5人机接口安全性 (8) 3.2安装、卸载测试 (8) 3.2.1安装 (9) 3.2.2卸载 (9) 3.3 UI 测试 (9)

3.3.1导航测试 (10) 3.3.2图形测试 (10) 333内容测试 (10) 3.4功能测试 (10) 3.4.1 运行 (11) 342应用的前后台切换 (12) 3.4.3免登录 (12) 344数据更新 (13) 345离线浏览（无网测试） (13) 3.4.6 App 更新 (13) 3.4.7定位、照相机服务 (13) 3.4.8时间测试 (14) 3.4.9 PUSH 测试 (14) 3.5性能测试 (14) 3.6交叉事件测试 (14) 3.7兼容测试 (15) 3.8回归测试 (15) 3.9升级、更新测试 (15) 3.10用户体验测试 (16) 3.11硬件环境测试 (16) 3.11.1手势操作测试 (16) 3.11.2网络环境 (17) 3.11.3服务器宕机或出现404、502等情况下的测试 (17) 3.12接口测试 (17) 3.13客户端数据库测试 (17)

ios和Android APP设计规范要点

相信很多人都在开发设计APP时会遇到很多界面上的问题，要以多大尺寸来设计？分辨率是多少？该怎么切图给开发等等下面的文字就给出一点点技巧总结，但也要给合团队在开发时的习惯。每个工程师们所使用的控件，书写布局习惯来实际移交的图是不一样的，但八九不离十，都是遵循一个原则，便捷开发、自适应强的开发模式 IOS篇一、尺寸及分辨率 iPhone界面尺寸：320*480、640*960、640*1136 iPhone6：4.7英寸(1334×750)，iPhone6 Plus：5.5英寸(1920×1080) 设计图单位：像素72dpi。在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计，现在iphone6和plus出来后有很多人会使用6的设计效果。如果是我来做的话，我会使用640×1136，对plus做单独的修改适配，因为plus的屏幕实在是大了，遵循屏大显示更多内容的原则这里本应该是需要修的了。有更好办法的话希望大家可以分享一下。 Ps：作图的时候确保都是用形状工具(快捷键：U)画的，这样更方便后期的切图或者尺寸变更。二、界面基本组成元素

iPhone的app界面一般由四个元素组成，分别是：状态栏(status bar)、导航栏(navigation)、主菜单栏(submenu)、内容区域(content)。这里取用640*960的尺寸设计，那我们就说说在这个尺寸下这些元素的尺寸。状态栏(status bar)：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px 导航栏(navigation)：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88px 主菜单栏(submenu，tab)：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98px 内容区域(content)：展示应用提供的相应内容，整个应用中布局变更最为频繁，其高度为：734px 至于我们经常说的iPhone5/5s的640*1136的尺寸，其实就是中间的内容区域高度增加到910px。

app颜色规范

竭诚为您提供优质文档/双击可除 app颜色规范篇一：app设计的用色规范我们先来回顾下。什么是手机app界面设计规范？ app设计规范指对app界面进行风格统一，对界面元素的样式、颜色和大小设定统一的规范和使用原则。与设计、前端约定好统一的设计规范很重要，约定设计规范可以减少产品、设计、前端的沟通成本；可以使界面设计整洁、统一，减少界面元素的重复设计；可以减少设计素材，控制安装包的大小。这一节主要讲解：app设计的用色规范。我们先看下色轮图。然后我们再来具体的看下app设计的色彩规范实例。这是一个非常详细的手机app色彩使用规范实例。值得大家好好的看看。《找车app》标准色规范： x轴：重要、一般、弱。 y轴：色彩代码、色块、使用场景标准色重要：重要颜色中一般不超过3种，这里的例子

重要颜色之一红色需要小面积使用,用于特别需要强调和突出的文字、按钮和icon；而黑色用于重要级文字信息比如标题、正文等。标准色一般：都是相近的颜色，而且要比重要颜色弱，普遍用于普通级信息、引导词比如提示性文案或者次要的文字信息。标准色较弱：普遍用于背景色和不需要显眼的边角信息。再次举例说明如何来定制属于自己手机app的色彩规范。这是一种表示方式。有这个规范，我们设计app和重构app 会清晰明了很多。这是25学堂的老谭同学给大家精心整理的2种不能标准色的表现形式。 app界面要给人简洁整齐，条理清晰感，依靠的就是界面元素的排版和间距设计，还有色彩的合理、舒适度搭配。其他的色彩运用原理以及需要遵循对比原则： 1：统一色调，针对软件类型以及用户工作环境选择恰当色调：如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等 2：如果没有自己的系列界面，采用标准界面则可以少考虑此方面，做到与操作系统统一，读取系统标准色表

app设计规则 (6页)

本文部分内容来自网络整理，本司不为其真实性负责，如有异议或侵权请及时联系，本司将立即删除！ == 本文为word格式，下载后可方便编辑和修改！ == app设计规则篇一：APP设计的用色规范我们先来回顾下。什么是手机APP界面设计规范？ APP设计规范指对APP界面进行风格统一，对界面元素的样式、颜色和大小设定统一的规范和使用原则。与设计、前端约定好统一的设计规范很重要，约定设计规范可以减少产品、设计、前端的沟通成本；可以使界面设计整洁、统一，减少界面元素的重复设计；可以减少设计素材，控制安装包的大小。这一节主要讲解：APP设计的用色规范。我们先看下色轮图。然后我们再来具体的看下APP设计的色彩规范实例。这是一个非常详细的手机APP色彩使用规范实例。值得大家好好的看看。《找车APP》标准色规范： X轴：重要、一般、弱。 Y轴：色彩代码、色块、使用场景标准色重要：重要颜色中一般不超过3种，这里的例子重要颜色之一红色需要小面积使用,用于特别需要强调和突出的文字、按钮和icon；而黑色用于重要级文字信息比如标题、正文等。标准色一般：都是相近的颜色，而且要比重要颜色弱，普遍用于普通级信息、引导词比如提示性文案或者次要的文字信息。标准色较弱：普遍用于背景色和不需要显眼的边角信息。再次举例说明如何来定制属于自己手机APP的色彩规范。这是一种表示方式。有这个规范，我们设计APP和重构APP会清晰明了很多。这是25学堂的老谭同学给大家精心整理的2种不能标准色的表现形式。

APP界面要给人简洁整齐，条理清晰感，依靠的就是界面元素的排版和间距设计，还有色彩的合理、舒适度搭配。其他的色彩运用原理以及需要遵循对比原则： 1：统一色调，针对软件类型以及用户工作环境选择恰当色调：如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等 2：如果没有自己的系列界面，采用标准界面则可以少考虑此方面，做到与操作系统统一，读取系统标准色表 3：色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符，着重号，以及图标等 4：颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格测试，不同机器进行颜色测试 5：遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字，蓝色文字以白色背景容易识别，而在红色背景则不易分辨，原因是红色和蓝色没有足够反篇二：APP 界面 UI设计规则则什么是UI？UI就是界面设计。专业的讲指对软件的人机交互、操作逻辑、界面美观的整体设计。一个APP想要吸引并留住客户，美观实用简便的用户界面设计是其重要的一环。在开发APP之初，就应重视选择经验丰富的开发团队，并掌握UI设计的原则。 1依据手机的物理特性设计界面的原则 1）应尽量减少文字的输入。由于手机在输入上的低效性，澳环认为，在设计的过程中，应尽量减少用户的输入，如果有可能可以设置默认值，或者让用户选择目标值。 2）信息结构好，屏与屏之间的逻辑关系清晰。由于手机屏幕相对较小，只能展示较少的信息量，这时候，在APP网站建设中，就需要有清晰的信息架构，让用户能一目了然的知道APP的各个模块及能够自由切换。 3）移动APP的重要功能可以在界面中适当的提示，采取对重要高频使用的功能或信息放在首页或什么显眼的位置。2依据手机的移动特性设计界面的原则

APP界面设计规范二

一、Android设计常识开始介绍之前先帮大家梳理一下Android常用单位，方便各位亲们更好的掌握并了解Android端设计规范。 Android常用单位 per inch)：数字影像的解析度，也就是每英寸所拥有的像素数，即像素密度；PPI计算公式：ppi=√（长度像素数2 + 宽度像素数2）/屏幕对角线英寸数 per inch)：是指印刷上的计量单位，也就是每英寸上能印刷的网点数，我们设计用于显示器的默认为（72像素/英寸）就好了；屏幕尺寸（Screen Size）：一般我们所说的手机屏幕尺寸，比如3英寸、英寸等，都是指对角线的长度，而不是手机的面积；分辨率（Resolution）：是指手机屏幕垂直和水平方向上的像素个数，比如分辨率为：720*1280，是指设备水平方向有720个像素点，垂直方向有1280个像素点 pixels)：像素，不同设备显示效果相同（ point）：一个标准的长度单位，ios的逻辑单位，1Pt=1/72英寸，用于印刷业，非常简单易用；标注字体大小（72是早期台式机的DPI）（Scaled-independentpixels）：放大像素，安卓的字体单位；（Density-independentpixels）：是指设备的独立像素，不同的设备有不同的显示效果，它与设备硬件有关系； sp和dp基本一样，是android开发里特有的单位，都是为了保证文字在不同密度的显示屏上显示相同的效果；dp与设备硬件有关，与屏幕密度无关，sp与屏幕密度和设备硬件均无关；换算关系 android开发中，文字大小的单位是sp，非文字的尺寸单位用dp，但是我们在设计稿用的单位是px。这些单位如何换算，是设计师、开发者需要了解的关键。* dp：以160PPI屏幕为标准，则1dp=1px。 dp和px的换算公式：dp*ppi/160 = px。对于320ppi的屏幕，1dp x 320ppi/160= 2px。 * sp：它是安卓的字体单位，以160PPI屏幕为标准，当字体大小为100%时， 1sp=1px。 sp 与px 的换算公式：sp*ppi/160= px。

APP应用开发的设计规范与标准

APP应用开发的设计规范与标准 APP设计规范： APP界面设计规范指导APP设计过程中的设计标准。根据统一的设计标准，使得整个APP在视觉上统一。提高用户对APP的产品认知和操作便捷性。 APP设计规范的重要性：统一的标准，一、便于在设计过程中的团队合作，二、提高用户对APP的产品认知和操作便捷性。 APP设计规范具体内容： 1.遵循统一的准则，确定标准并遵循； 2.颜色使用恰当，遵循对比原则：色彩标准、色彩对比，突出内容、显示测试； 3.光标、图标和指示图片、地图等：统一的构图布局，色调、对比度、色阶和风格； 4.Font:中文采用宋体，英文采用Microsoft Sans Serif。大小：MSS字体8磅，宋体小五号字（9磅）五号字体（10磅）； 5.文字表达：在提示信息、帮助文档中的。用词、修饰及标点符号等等； 6.控件风格、布局； 7.布局的顺序：从左到右，从上到下；

8.快捷键、弹出菜单； 9.用户交互：按钮状态、弹出窗口位置、执行动作提示信息（视觉和听觉，甚至的触觉的）； 10.联机帮助：HELP文档。产品设计、用户体验、交互设计、视觉设计、开发、运营 —————————————————【←总结】·【参考→】————————————————————— 【开发苹果APP界面标准规范】一：遵循一致的准则，确立标准并遵循无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。这样得到的好处： 1：使用户使用起来能够建立起精确的心里模型，使用熟练了一个界面后，切换到另外一个界面能够很轻松的推测出各种功能，语句理解也不需要费神理解 2：降低培训、支持成本，支持人员不会行费力逐个指导。3：给用户统一感觉，不觉得混乱，心情愉快，支持度增加做法：项目组有经验人士，确立UI规范：

app设计规范

一、设计理念 1.精于心，简于形通过精心的设计，使流程外观简约化，传达先进的技术给用户提供便捷简单的使用体验二、设计规范我们有统一的设计规范，用来规范App在外观展示上的规则，用来解决设计过程中遇到的问题。好处：（1）使用户使用起来能够建立起精确的心理模型，使用熟练了一个界面后，切换到另外一个界面能够很轻松的推测出各种功能，语句理解也不需要费神理解.（2）降低培训、支持成本，支持人员不会很费力逐个指导。（3）给用户统一感觉，不觉得混乱，心情愉快，满意度增加 1.逻辑性设计为内容服务，根据逻辑关系通过视觉表现引导用户使用。例如：app的标题和导航条通过字体的颜色大小突出重要度。 2.扩展性采取模块化设计的可扩展性，减少修改和再开发的成本例如：左右模块尺寸的统一可方便增加新的模块内容。 3.统一性用统一的视觉规范，变化不能超越统一的尺度，个性化内容要有统一风格的继承例如：无论每个功能模块如何追求个性，但不能脱离App的整体风格，要有继承和延续保持从属关系。三、遵循视觉设计原理，确定设计方案 1.例如以下原理： App中宽度、位置、边距为不可变数据。

App中背景白色为常用色值，对于特殊功能模块可根据特殊要求变更色彩或者使用背景图。 2.白色：雪花，纯静，清白，和平，轻盈, 纯洁、天真、洁净、真理黑色：夜晚，煤碳，能力，稳定，拘谨，可靠，能力，精致灰色：智能，成熟，财富，尊严，贡献, 抑制红色：胜利激情爱力精力性别热情、浪漫红色在很多文化中代表的是停止的讯号，用于警告或禁止一些动作黄色：明亮、光辉、黄金收获改革紫色正面：懦弱，叛逆，妒忌，危机创造、谜、忠诚、神秘、稀有绿色：植物，自然，春天，肥沃，希望, 安全自然、稳定、成长在北美文化中，绿色代表的是「行」，与环保意识有关，也经常被连结到有关财政方面的事物。蓝色：天空，海洋，精神性，定度，和平, 个体忠诚、安全、保守、宁静选择颜色的时候尽量选择以上这些功能性的色系 3.色彩构成（Interaction of color），可以理解为色彩的作用，是在色彩科学体系的基础上，研究符合人们知觉和心理原则的配色。配色有三类要素：光学要素（明度、色相、纯度），存在条件（面积、形状、肌理、位置），心理因素（冷暖、进退、轻重、软硬、朴素华丽），设计的时候运用逻辑思维选择合适的色彩搭配，产生恰当的色彩构成。最优秀的配色范本是自然界里的配色，我们观察自然界里的配色，通过理性的提炼最终获得我们所需要的东西。 4.小面积用强色，大面积用弱色面积调和的原则是：色彩面积的大小可以改变对比效果，对比色双方面积越大，调和效果越弱；反之，双方面积越小，调和效果越强。对比双方面积均等，调和效果越弱；对比双方面积相差越大；调和效果越强。只有恰当的面积比才能取得最好的视觉平衡，形成最好的视觉效果。

移动应用界面设计的尺寸设置及规范

【总结】移动应用界面设计的尺寸设置及规范时间2014-05-04 15:15:07 青溪·札记原文appdesign-sizesetting/ 主题用户界面设计移动应用刚接触移动应用的界面设计，最先跳入脑海的疑问是：画布尺寸设计多大（特别是Android）、图标和字体大小怎么定、需要设计多套设计稿么、如何切图以配合开发的实现？本篇将结合iOS和android官方的设计规范、搜集的资料以及工作中的摸索，来分享移动应用界面设计中的尺寸规范等问题，希望能给移动端的新手设计师些许指引。若有不当之处，欢迎斧正。一、android篇 1、android分辨率 Android的多分辨率，一向是设计师和开发者非常头疼的事儿。尽管如此，对于多分辨造成的复杂问题，也是大家要优先解决的。Android支持多种不同的dpi 模式：ldpi 、mdpi 、hdpi 、xhdpi 、xxhdpi 、xxxhdpi 注意，ppi、dpi 是密度单位，不是度量单位： * ppi (pixels per inch)：图像分辨率（在图像中，每英寸所包含的像素数目） * dpi (dots per inch)：打印分辨率（每英寸所能打印的点数，即打印精度） dpi主要应用于输出，重点是打印设备上；ppi对于设计师应该比较熟悉，photoshop画布的分辨率常设置为72像素/英寸，这个单位其实就是ppi 。尽管概念不同，但是对于移动设备的显示屏，可以看作ppi=dpi 。 ppi的运算方式是：PPI = √（长度像素数2 + 宽度像素数2） / 屏幕对角线英寸数。即：长、宽各自平方之和的开方，再除以屏幕对角线的英寸数。以iphone5为例，其ppi=√（1136px2 + 640px2）/4 in=326ppi（视网膜Retina屏）对于android手机，一个不确切的分法是，720 x 1280 的手机很可能接近 320 dpi （xhdpi模式），480 x 800 的手机很可能接近 240 dpi （hdpi模式），而320 x 480 的手机则很接近 160 dpi（mdpi模式）。

ios,app图标尺寸规范

竭诚为您提供优质文档/双击可除ios,app图标尺寸规范篇一：ios界面设计尺寸规范 ios界面设计尺寸规范一、尺寸及分辨率 iphone界面尺寸：320*480、640*960、640*1136、750*1334、1080*1920等。 ipad界面尺寸：1024*768、2048*1536等。单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。ps ：作图的时候确保都是用形状工具（快捷键：u）画的，这样更方便后期的切图或者尺寸变更。二、界面基本组成元素 iphone的app界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域。 640*960的尺寸设计下这些元素的尺寸。状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px

导航栏：显示当前界面的名称，包含相应的功能或者页面间的跳转按钮，其高度为：88px 主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98px 内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁，其高度为：734px [下图说明：] 至于我们经常说的iphone5/5s的640*1136的尺寸，其实就是中间的内容区域高度增加到910px。 ps：在最新的ios7的风格中，苹果已经开始慢慢弱化状态栏的存在，将状态栏和导航栏合在了一起，但是再怎么变，尺寸高度也还是没有变的，只不过大家在设计ios7风格的界面的时候多多注意下~ 三、字体大小 heitisc（黑体-简，黑体-简的英文名称为heiti sc。heiti为黑体的拼音，sc代表简体中文（simplifiedchinese）），是macosxsnowleopard（版本10.6）包含的简体中文字型，也是iphoneos 3.0（版本 4.0后改名为ios）及ipodnano第五代以来的预设简体中文字型。黑体-简系为黑体，取代华文黑体成为macosxsnow leopard的预设简体中文字型。在过去，华文黑体是

APP+UI设计规范

APP UI设计规范（可公开版）前言 APP UI设计，有何规律？从抽象到具体，前后台并行，大概要经过几个阶段，每个阶段，都有一些明确的阶段输出doc，具体：（上图是在著名的《用户体验要素》原图上进行改编） KPA#1：第一痛点创意

首先，要确定你的“第一痛点”（first-item）还没有人做过，最好的调查方式是到APP Store上搜索已有的APP程序。如果你发现已经有某个APP包含类似的痛点，那你需要比它做的“更好”，“更好”可以体现在体验（exp）创新上，也可以体现在功能（func）革命上。中国的法律环境缺乏对APP痛点相关智识产权的严格保护，但并不意味着可以随心所欲地clone或“山寨”别人的痛点创意。为什么呢？任何APP都不是孤立存在的，受到APP 的资源、APP用户培育的节奏、社会大环境对APP生命周期的影响，简单clone成功可能性很小。另一方面，第一痛点创意风险很大，所谓失之毫厘，谬以千里，推荐采用smc的《顾客需求确认表》做第一人称检验故事场景挖掘，最好能输出类似下面的脚本化体验故事/片段： 1.1）体验片段#1。比如定机票应用中，有头等舱和经济舱。经济舱是一个普通的人，而头等舱是一个戴着帽子，系着领结，胸前别着手帕的这么一个人，很酷的老板角色，体现出了头等舱和经济舱之间的区别。要做头等舱的人，一般都愿意自己看到自己这么一个形象。 1.2）体验片段#2。比如微信4.0，刚打开的时候有一张图片，非常文艺非常在都市的感觉的一张图片，配文字“如你所见，微信，是一个生活方式”。其实它在干嘛呢？它是在提示用户，新增了自己相册功能。它虽然是给用户介绍新功能，但是它把整个情绪融在里面。 1.3）体验片段#3：比如安心停车，该APP具备查找附近有剩余车位的停车场位置，以及根据收费情况进行优先显示的基本功能，而当附近没有停车位时该APP应该按照“违章停车罚款概率”由低往高推荐免费停车地点，“违章停车罚款概率”来自违章停车处罚数据库中的地点数据，必须得到交警部门的支持。 KPA#2：‘交互界面’exp/func思维导图 ‘交互界面’（简称exp/func）是比草图还简单的交互界面，往往用一句话描述,包含必要的交互信息，比如点、选、录入等输入和文字、图片、动画、特效等输出。从“第一痛点创意”相关的1~3个exp/func出发，利用“思维导图”（简称mind-map）的发散思维模式，延伸、细化、穷举、关联一切‘交互界面’，就有可能将“第一痛点创意”真正落地，成为货真价实的“第一痛点”。 ‘思维导图’一般的呈现方式是“发散图形”，一般如下：

app用户界面设计大作业演示版.doc

教学站：杭州前进学号：201812925310039 姓名：詹浩裕医护app用户界面设计说明书修订历史记录

目录 1 引言................................................... - 2 - 1.1编写目的............................................ - 2 - 1.2项目背景............................................ - 2 - 1.3主要功能 (2) 2 应当遵循的界面设计规范 ................................. - 2 - 2.1用户界面设计原则.................................... - 2 - 2.2界面一致性 (4) 2.3布局合理化原则.......................... 错误!未定义书签。 3 引导页..................................... 错误!未定义书签。 4 主界面................................................. - 5 - 4.1主界面.............................................. - 6 - 4.2登录页面................................ 错误!未定义书签。 4.3各子界面 (7) 5 美学设计 (10) 6 界面资源设计 (10) 6.1图标资源 (10) 7 投诉与建议 (11)

iosapp设计规范

竭诚为您提供优质文档/双击可除 iosapp设计规范篇一：ios界面设计尺寸规范 ios界面设计尺寸规范一、尺寸及分辨率 iphone界面尺寸：320*480、640*960、640*1136、750*1334、1080*1920等。 ipad界面尺寸：1024*768、2048*1536等。单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。ps ：作图的时候确保都是用形状工具（快捷键：u）画的，这样更方便后期的切图或者尺寸变更。二、界面基本组成元素 iphone的app界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域。 640*960的尺寸设计下这些元素的尺寸。状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px

app尺寸规范

竭诚为您提供优质文档/双击可除 app尺寸规范篇一：app界面设计的规则移动端界面设计之尺寸篇 ios 1.尺寸及分辨率 iphone界面尺寸：320x480、640x960、640x1136、ipad 界面尺寸：1024x768、2048x1536（单位都是像素，分辨率和网页一样，基本只要72ppi）一般用640x960或者640x1136尺寸设计。 ps：作图最好用形状工具来画的，这样方便后期切图或者尺寸变化。 2.界面基本元素组成 iphone的app界面一般由四个元素组成，分别是：状态栏，导航栏，主菜单栏（页脚）以及中间区域。、这里用的是640x960的尺寸设计：状态栏：即使信号、运营商、电量等显示手机状态的区域，其高度为：40px 导航栏：显示当前界面的名称，包含相应功能或者页面

间的跳转按钮，其高度为：88px主菜单栏（页脚）：类似页面的主菜单，提供整个页面的分类内容快速跳转，其高度为：98px 内容区域：展示应用提供的相应内容，整个应用中布局更最为频繁的，其高度为：734px（960-40-88-98=734）android 3.尺寸及分辨率 android界面尺寸：480x800、720x1280、1080x1920（单位都是像素，分辨率和网页一样，基本只要72ppi）一般用720x1280尺寸设计，这个尺寸在720x1280中显示完美，在1080x1920中看起来清晰；切图后的图片文件大小也适中，应用的内存消耗也不会过高。 4.界面基本元素组成 android的app界面也是由四个元素组成，分别是：状态栏，导航栏，主菜单栏（页脚）以及中间区域。、这里用的是720x1080的尺寸设计：篇二：app设计——字号规范 app设计——字号规范主体：导航主标题：34/36px 苹果标题：34px（ps：有些用36px）正文：32px-34px

移动应用界面设计的尺寸规范

移动应用的界面设计画布尺寸设计多大（特别是Android）、图标和字体大小怎么定、需要设计多套设计稿么、如何切图以配合开发的实现？本篇将结合iOS和android官方的设计规范、搜集的资料以及工作中的摸索，来分享移动应用界面设计中的尺寸规范等问题，希望能给移动端的新手设计师些许指引。若有不当之处，欢迎斧正。一、android篇 1、android分辨率屏幕尺寸指实际的物理尺寸，为屏幕对角线的测量。为了简单起见，Android把实际屏幕尺寸分为四个广义的大小：小，正常，大，特大。像素（PX）代表屏幕上一个物理的像素点代表屏幕上一个物理的像素点。屏幕密度为解决Android设备碎片化，引入一个概念DP，也就是密度。指在一定尺寸的物理屏幕上显示像素的数量，通常指分辨率。为了简单起见，Android把屏幕密度分为了四个广义的大小：低（120dpi）、中（160dpi）、高（240dpi）和超高（320dpi）像素= DP * （DPI / 160 ) 例如，在一个240dpi的屏幕里，1DP等于1.5PX。于设计来说，选取一个合适的尺寸作为正常大小和中等屏幕密度（尺寸的选取依据打算适配的硬件，建议参考现主流硬件分辨率），然后向下和向上做小、大、特大和低、高、超高的尺寸与密度。典型的设计尺寸 ? 320dp：一个普通的手机屏幕（240X320，320×480，480X800） ? 480dp：一个中间平板电脑像（480×800） ? 600dp：7寸平板电脑（600×1024） ? 720dp：10寸平板电脑（720×1280，800×1280）注意，ppi、dpi 是密度单位，不是度量单位： * ppi (pixels per inch)：图像分辨率（在图像中，每英寸所包含的像素数目） * dpi (dots per inch)：打印分辨率（每英寸所能打印的点数，即打印精度）

ipad,app图标尺寸规范

竭诚为您提供优质文档/双击可除ipad,app图标尺寸规范篇一：ios界面设计尺寸规范 ios界面设计尺寸规范一、尺寸及分辨率 iphone界面尺寸：320*480、640*960、640*1136、750*1334、1080*1920等。 ipad界面尺寸：1024*768、2048*1536等。单位：像素72dpi，在设计的时候并不是每个尺寸都要做一套，尺寸按自己的手机来设计，比较方便预览效果，一般用640*960或者640*1136的尺寸来设计。ps ：作图的时候确保都是用形状工具（快捷键：u）画的，这样更方便后期的切图或者尺寸变更。二、界面基本组成元素 iphone的app界面一般由四个元素组成，分别是：状态栏、导航栏、主菜单栏、内容区域。 640*960的尺寸设计下这些元素的尺寸。状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40px

app设计字体规范

app设计字体规范篇一：APP设计规范文档 APP设计规范文档注：（*本文档分辨率大小是以安卓1920x1080为准）1. ###数值（1）*标准界边距:40PX （2）*列表左边距:40PX *列表右边距:40PX *列表上边距:40PX *列表下边距:40PX *列表左边距:40PX *列表右边距:30PX *列表上边距:30 PX *列表下边距:30PX （3）*标题字体大小: 56PX *主内容字体大小: 46PX *次级内容字体大小: 36PX

*底部导航内容字体大小: 28PX 2. ###颜色（1）*主背景色:#F3F3F3 *登录页面背景色: #FaFaFa *主前景色: 以APP主色调为准 *次级前景色:以设计效果图为准，具体到时候填上。（2）*标题颜色:#FFFFFF *主内容颜色: #333333 *次内容颜色: 以设计效果图为准，具体到时候填上。*高亮内容颜色:以设计效果图为准，具体到时候填上。（3）*列表分割线的颜色:#D9D9D9 （4）*标题字体的颜色:#545454 *主内容字体的颜色:#999999 #545454 *次级内容字体的颜色:#249FFF #DF3130 #F9A531 篇二：iOS和Android的app界面设计规范

iOS和Android的app界面设计规范字数876阅读96439评论36喜欢344 记录一下iOS和Andoird的界面设计规范，方便进行标准的产品设计，并与设计师顺畅沟通 iOS篇界面尺寸设备 iPhone6 plus iPhone6 iPhone5/5s/5c iPhone4/4s iPad1/2 iPad mini 分辨率 750×1334 px 640×1136 px 640×960 px 1024×768 px 1024×768 px 状态栏高度导航栏高度标签栏高度 60px 40px 40px 40px 40px 20px 20px 132px 88px 88px 88px 88px 44px 44px 147px 98px 98px 98px 98px 49px 49px 1242×2208 px iPad3/4/Air/Air2/mini2 2048×1536 px Paste_

APP界面UI设计规范

UI设计规范一、APP界面设计规范（一）界面尺寸 1、IOS界面尺寸：常见为（宽度640px、高度1136px） 2、Android界面尺寸：常见为（宽度720px、高度1280px）其他尺寸：ldpi（240*320）、mdpi（320*480）、hdpi（480*800）3、Web Mobile尺寸：常见为（宽度640px、高度960px）（二）导航尺寸 1、IOS导航尺寸：高度60px，留白7px 2、Android导航尺寸：高度64px或48px，留白8px （三）标签尺寸 1、IOS标签尺寸：高度98px 2、Android标签尺寸：高度96px （四）工具栏尺寸 1、IOS工具栏尺寸：高度88px 2、Android工具栏尺寸：高度96px （五）列表高度 1、IOS列表高度：高度88px 2、Android列表高度：高度96px （六）资源状态对于资源通常设计弹起、点击、点击后、不可用四种状态，通常弹起、点击、点击后用不同颜色表示、不可用状态用低度灰色表示。

（七）字体 1、IOS默认英文为HelveticalNeue，中文为黑体 2、Android列表高度：默认为 Droidsans fallback （八）字号字号通常按照标题及征文级别递减为42、36、34、30、24（九）ICON 1、IOS常用尺寸有1024*1024、512*51 2、120*120、60*60 2、Android常用尺寸有512*512、200*200、72*72、48*48（十）资源插图 1、长方形插图高度一般不超过背景宽度的二分之一 2、缩略图两张并列高度一般不超过200px，宽度要适中有留白 3、图文混排中图片一般不高过150*110

android设计规范

android人机界面指南 1Android设计的依据 1.1框架结构及流程是什么使得android有着独特的用户体验？后台处理支持多任务功能正在进行和事件驱动的提示信息通过Widgets和live folders来实现实时信息的预览用户想用时，任一应用程序都可以挑选和选择 android不是关于程序的，它是关于活动，把任务分层， 1.2架构基础硬件平台 android设备代表的是硬件和软件的完美组合。硬件辅助导航操作，并给android提供更多更好的功能。当菜单没有开启，要把屏幕最大化时，菜单按钮可以在屏幕上提供更多的内容。返回按钮允许使用返回堆（back stack）。竖屏与横屏一般来说，用户界面开发竖屏与横屏。在新横屏也仍存在于新的Android手机中。99％的android布局支持横屏。焦点和菜单在触摸模式里没有焦点，只有轨迹球。Android平台里没有鼠标焦点。确定你从未显示焦点。主菜单应该包括全部功能；它们与活动联系一起形成整体。菜单上的图标按重要性排序。如果有多于5个图标，使用点击more menu菜单来查看那些不太重要的菜单项。上下文菜单（长按）集中在一个特定对象。总是把那些与所选项最相关的行为放在长按菜单的顶部。需要记住的几点：设计时要考虑速度和简洁尽量分层来分等级屏幕上的活动尽量最小使用下载进度条，下载数据时，而不是让用户等待去看一个加载完全的页面。考虑活动流而不是线性行为 1.3屏幕上的行为 android设计了特定的行为方式。在你的应用程序里利用好这一点。应该坚持android行为的标准，避免混淆用户。

1.4表达细节使得产品集中在细节。程序的美学会帮助你集中注意在那些应用体验核心的关键任务上。API DEMO是开始你的工具包的好地方。

APP界面UI设计规范

? UI设计规范一、APP界面设计规范（一）界面尺寸 1、IOS界面尺寸：常见为（宽度640px、高度1136px） 2、Android界面尺寸：常见为（宽度720px、高度1280px）其他尺寸：ldpi（240*320）、mdpi（320*480）、hdpi（480*800）3、Web Mobile尺寸：常见为（宽度640px、高度960px）（二）导航尺寸 ^ 1、IOS导航尺寸：高度60px，留白7px 2、Android导航尺寸：高度64px或48px，留白8px （三）标签尺寸 1、IOS标签尺寸：高度98px 2、Android标签尺寸：高度96px （四）工具栏尺寸 1、IOS工具栏尺寸：高度88px 2、Android工具栏尺寸：高度96px （五）: （六）列表高度 1、IOS列表高度：高度88px 2、Android列表高度：高度96px （七）资源状态

对于资源通常设计弹起、点击、点击后、不可用四种状态，通常弹起、点击、点击后用不同颜色表示、不可用状态用低度灰色表示。（八）字体 1、IOS默认英文为HelveticalNeue，中文为黑体 2、Android列表高度：默认为 Droidsans fallback （九）《（十）字号字号通常按照标题及征文级别递减为42、36、34、30、24 （十一）ICON 1、IOS常用尺寸有1024*1024、512*51 2、120*120、60*60 2、Android常用尺寸有512*512、200*200、72*72、48*48 （十二）资源插图 1、长方形插图高度一般不超过背景宽度的二分之一 2、缩略图两张并列高度一般不超过200px，宽度要适中有留白 3、图文混排中图片一般不高过150*110

APP移动应用开发常见标准

APP应用开发常见标准 APP设计规范： APP界面设计规范指导APP设计过程中的设计标准。根据统一的设计标准，使得整个APP 在视觉上统一。提高用户对APP的产品认知和操作便捷性。 APP设计规范的重要性：统一的标准，一、便于在设计过程中的团队合作，二、提高用户对APP的产品认知和操作便捷性。 APP设计规范具体内容： 1.遵循统一的准则，确定标准并遵循； 2.颜色使用恰当，遵循对比原则：色彩标准、色彩对比，突出内容、显示测试； 3.光标、图标和指示图片、地图等：统一的构图布局，色调、对比度、色阶和风格； 4.Font:中文采用宋体，英文采用Microsoft Sans Serif。大小：MSS字体8磅，宋体小五号字（9磅）五号字体（10磅）； 5.文字表达：在提示信息、帮助文档中的。用词、修饰及标点符号等等； 6.控件风格、布局； 7.布局的顺序：从左到右，从上到下； 8.快捷键、弹出菜单； 9.用户交互：按钮状态、弹出窗口位置、执行动作提示信息（视觉和听觉，甚至的触觉的）； 10.联机帮助：HELP文档。【开发苹果APP界面标准规范】一：遵循一致的准则，确立标准并遵循无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。这样得到的好处：

1：使用户使用起来能够建立起精确的心里模型，使用熟练了一个界面后，切换到另外一个界面能够很轻松的推测出各种功能，语句理解也不需要费神理解 2：降低培训、支持成本，支持人员不会行费力逐个指导。 3：给用户统一感觉，不觉得混乱，心情愉快，支持度增加做法：项目组有经验人士，确立UI规范：美工提供色调配色方案，提供整体配色表界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范：控件功能遵循行业标准，windows平台参见《Microsoft 用户体验》(MSDN中有，中文已经翻译发行，项目组必须有一本) 控件样式在允许的范围内可以统一修改其样式、色调参考其他软件先进操作，提取对本项目有用的功能，以使用，绝对不能盲从，漫无目的。根据需要，设计特殊操作控件，准则为：简化操作、达到一定功能目的界面实施人员与美工商榷控件可实现性,(如不实行此步骤，将会导致各自对对方工作不满意，也会产生不一致的混乱)。重复叠代上述工作。建立合理化文档《UI标准》描述上述规范，强行界面设计者理解之，并作为开发准则， SQA人员进行监控开发人员是否遵循，及时告诫开发人员。二：(Color)颜色使用恰当，遵循对比原则： 1：统一色调，针对软件类型以及用户工作环境选择恰当色调：如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等 2：如果没有自己的系列界面，采用标准界面则可以少考虑此方面，做到与操作系统统一，读取系统标准色表 3：色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符，以及图标等 4：颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格测试，不同机器进行颜色测试