APP界面设计流程

APP界面设计流程

此教程从交互开始进行APP界面设计，主要是一个流程，还是值得童鞋们学习一下的。包括：

1、交互流程设计；

2、风格定位；

3、功能icon设计；

4、界面视效整体优化；

5、应用icon设计。

软件界面设计规范_V1.0 - 视觉部分

软件界面设计规范_V1.0 1概要 界面设计中一定要保持界面的一致性。 一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。 界面力求简洁明了，保证系统功能设计的合理与明确，布局明确、交互操作合理、协调统一。功能要表现清楚，分类清晰有条理，避免过多的控件嵌套导致的视觉混乱；单一功能的操作目的明确，符合易用性原则，避免不必要的信息显示而对用户造成视觉干扰；力求操作简单，简单的功能一步完成，比较复杂的功能三步之内，复杂的功能操作使用操作向导来辅助客户完成。 2色调风格 2.1色调： 软件界面设计中常用的主色调包括：蓝色、红色、绿色、黑色 蓝色：运用的行业较为广泛，如通讯、电子、房产、钢铁、生产管理等行业大部分以蓝色为主色调来设计软件。 红色：在政府单位运用比较多。 绿色：一般运用于教育、医疗、农林等行业。 黑色：能源、石油、房地产行业有时候会用中性的黑色作为主色调。 表现区：通常用浅色，如：白色、淡灰、或者淡蓝之类，因为大面积的文字信息在浅色上便于长时间阅读，不容易形成视觉疲劳。

2.2风格： 软件界面的风格通常比较简约。不同行业，使用的环境不同稍有差异。 3登录界面 基本元素：logo、系统名称、输入框、提交按钮。如下： 4页面逻辑结构 软件界面通常是上面这样的逻辑结构 首页：宏观预览各项设备管理数据，快速访问期望的数据功能 功能页面：查看某一功能模块的全部数据，查看某一对象的各类相关数据 弹出页面：填写和提交表单，对功能中的某一单项数据进行增加/删除/查询/修改/审核/打印/导出等功能操作。

软件界面设计规范方案

软件界面设计规 1.界面规 1.1.总体原则以用户为中心。 设计由用户控制的界面，而不是界面控制用户。清楚一致的设计。所有界面的风格保持一致，所有具有相同含义的术语保持一致，且易于理解拥有良好的直觉特征。以用户所熟悉的现实世界事务的抽象来给用户暗示和隐喻，来帮助用户能迅速学会软件的使用。较快的响应速度。简单且美观。 1.2.原则详述 1.2.1.用户控制用户界面设计的一个重要原则是用户应该总是感觉在控制软件而不是感觉被软件所控制。操作上假设是用户--而不是计算机或软件--开始动作。用户扮演主动角色，而不是扮演被动角色。在需要自动执行任务时，要以允许用户进行选择或控制它的方式来实现该自动任务。提供用户自定义设置。因为用户的技能和喜好各不相同，因此他们必须能够个性化界面的某些方面。Windows为用户提供了对许多这方面的访问。您的软件应该反应不同的系统属性--例如颜色、字体或其他选项的用户设置。采取交互式和易于感应的窗口，尽量避免使用模态对话框，而使用"非模式"辅助窗口。"模式"是一种状态，它排除一般的交互，或者限制用户只能进行特定的交互。当最好使用一个模式或该模式只是可替换的设计时--例如，用于在一个绘图程序中选定一个特定感觉--请确保该模式是显然的、可见的，是一个明确的用户选定的结果，并且容易取消。在后台运行长进程时，保持前台式交互。例如，当正在打印一个文档，即使该文档不能被改变，用户也应该可以最小化该窗口。谅解。用户喜欢探索一个界面，并经常从尝试和错误中学习。一个有效的界面允许交互式的发现，它只提供一组合适的选择，并在用户可能破坏系统或数据的情况时发出警告。如果可行，还应提供可逆转或可还原的操作。即使在设计得很好得界面中，用户也可能犯错误。这些错误既可以是物理上得（偶然地指向了错误的命令或数据），也可以是逻辑上的（对选定哪一个命令或哪些数据做出了错误的决定）。有效的设计避免很可能导致错误的情况。它还包容潜在的用户错误，并且使用户易于还原。 1.2.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。

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

【总结】移动应用界面设计的尺寸设置及规范 时间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模式）。

软件界面设计规范

软件界面设计规范 1.界面规范 .总体原则以用户为中心。 设计由用户控制的界面，而不是界面控制用户。清楚一致的设计。所有界面的风格保持一致，所有具有相同含义的术语保持一致，且易于理解拥有良好的直觉特征。以用户所熟悉的现实世界事务的抽象来给用户暗示和隐喻，来帮助用户能迅速学会软件的使用。较快的响应速度。简单且美观。 .原则详述 1.2.1.用户控制用户界面设计的一个重要原则是用户应该总是感觉在控制软件而不是感觉被软件所控制。操作上假设是用户--而不是计算机或软件--开始动作。用户扮演主动角色，而不是扮演被动角色。在需要自动执行任务时，要以允许用户进行选择或控制它的方式来实现该自动任务。提供用户自定义设置。因为用户的技能和喜好各不相同，因此他们必须能够个性化界面的某些方面。Windows为用户提供了对许多这方面的访问。您的软件应该反应不同的系统属性--例如颜色、字体或其他选项的用户设置。采取交互式和易于感应的窗口，尽量避免使用模态对话框，而使用"非模式"辅助窗口。"模式"是一种状态，它排除一般的交互，或者限制用户只能进行特定的交互。当最好使用一个模式或该模式只是可替换的设计时--例如，用于在一个绘图程序中选定一个特定感觉--请确保该模式是显然的、可见的，是一个明确的用户选定的结果，并且容易取消。在后台运行长进程时，保持前台式交互。例如，当正在打印一个文档，即使该文档不能被改变，用户也应该可以最小化该窗口。谅解。用户喜欢探索一个界面，并经常从尝试和错误中学习。一个有效的界面允许交互式的发现，它只提供一组合适的选择，并在用户可能破坏系统或数据的情况时发出警告。如果可行，还应提供可逆转或可还原的操作。即使在设计得很好得界面中，用户也可能犯错误。这些错误既可以是物理上得（偶然地指向了错误的命令或数据），也可以是逻辑上的（对选定哪一个命令或哪些数据做出了错误的决定）。有效的设计避免很可能导致错误的情况。它还包容潜在的用户错误，并且使用户易于还原。 1.2.2.清楚一致的设计一致允许用户将已有的知识传递到新的任务中，更快地学习新事物，并将更多的注意力集中在任务上。这是因为他们不必花时间来尝

APP UI设计规范(可公开版)1.3

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尺寸规范

竭诚为您提供优质文档/双击可除 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

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

用户界面设计的基本原则

1 用户界面设计的基本原则 1.1 用户界面设计原则 基于本平台开发的应用软件应坚持图形用户界面（GUI）设计原则： 1、界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。 2、始终强调软件用户是所有处理的核心：用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。 1.2 一般交互原则 AE系统的应用软件的一般交互遵循以下原则： 1、一致性：菜单选择、数据显示以及其它功能都应使用一致的格式。 2、提供有意义的反馈。 3、执行有较大破坏性的动作前要求确认。 4、在数据录入上允许取消大多数操作。 5、减少在动作间必须记忆的信息数量。 6、允许用户非恶意错误，系统应保护自己不受致命操作的破坏。 7、按功能对动作分类，并按此排列屏幕布局，设计者应提高命令和动作组织的内聚性。 8、提供语境相关的帮助机制。 1.3 信息显示原则 AE系统的应用软件信息显示遵循以下原则： 1、只显示与当前用户语境环境有关的信息。 2、不要用数据将用户包围，使用便于用户迅速吸取信息的方式表现信息。 3、使用一致的标记、标准缩写和可预测的颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源。

4、产生有意义的出错信息。 5、使用缩进和文本来辅助理解。 6、使用窗口分隔/控件分隔不同类型的信息。 7、高效地使用显示器的显示空间。 1.4 数据输入原则 AE系统的应用软件数据输入遵循以下原则： 1、尽量减少用户输入动作的数量； 2、维护信息显示和数据输入的一致性； 3、交互应该是灵活的，对键盘和鼠标输入的灵活性提供支持； 4、在当前动作的语境中使用不合适的命令不起作用； 5、让用户控制交互流，用户可以跳过不必要的动作、改变所需动作的顺序（如果允许的话）以及在不退出系统的情况下从错误状态中恢复； 6、为所有输入的动作提供帮助； 7、消除冗余输入。可能的话提供缺省值、绝不要让用户提供程序中可以自动获取或计算出来的信息。 2 用户界面设计规范 2.1 界面规范的总体规定 本应用系统显示界面总体上分为三帧：菜单工具栏区域、审计资料树区域和应用软件工作区，如下图1-1。

软件UI设计要求规范

软件UI设计规

目录 UI规 (1) 1用户界面设计理念 (4) 1.1美观 (4) 1.2易理解 (6) 1.3鼓励 (6) 1.4一致 (6) 1.5交互 (8) 1.6效率 (11) 1.7熟悉 (13) 1.8灵活 (14) 1.9容错 (14) 1.10可预测 (15) 1.11简洁 (15) 1.12透明 (16) 1.13权衡 (16) 2通用设计原则 (16) 2.1字体使用原则 (16) 2.1.1中文字体 (16) 2.1.2英文字体 (17) 2.2文字对齐原则 (17) 2.3界面配色原则 (18) 2.4按钮设计原则 (19) 2.5文本校验原则 (21) 2.6兼容性和个性化原则 (24) 2.7键盘响应 (25) 2.7.1TAB键 (25) 2.7.2Enter键 (25) 2.7.3导航键（上下左右） (25) 2.7.4DEL键 (25) 2.8鼠标 (25) 3各模块设计原则 (26) 3.1启动/登录界面 (26) 3.2主界面 (27) 3.3导航 (27) 3.4窗体布局 (28) 3.5提示信息 (30) 3.6文本框 (32) 3.7弹出框/弹出窗口 (33) 3.8下拉框/单选框/复选框 (34) 3.9列表页面 (35) 3.10报表规 (38) 3.11附件 (38)

3.12各类控件的标准大小 (39)

建立UI规的目的 将阳春白雪式的用户体验细化到具体的可执行的要求，建立各行业线关于界面元素设计及界面布局的通用规则及要求，提升公用组件复用度及用户体验，从而增加浪潮软件的产品竞争力。 1用户界面设计理念 1.1美观 ●使用可视元素 图1.1.1 ●对元素进行分组 图1.1.2

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

软件开发界面规范技巧和注意事项

界面规范 一：遵循一致的准则，确立标准并遵循 无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。 这样得到的好处： 1：使用户使用起来能够建立起精确的心里模型，使用熟练了一个界面后，切换到另外一个界面能够很轻松的推测出各种功能，语句理解也不需要费神理解 2：降低培训、支持成本，支持人员不会行费力逐个指导。 3：给用户统一感觉，不觉得混乱，心情愉快，支持度增加 做法： 项目组有经验人士，确立UI规范： ·美工提供色调配色方案，提供整体配色表 ·界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范： 控件功能遵循行业标准，windows平台参见《Microsoft 用户体验》(MSDN中有，中文已经翻译发行，项目组必须有一本) 控件样式在允许的范围内可以统一修改其样式、色调 参考其他软件先进操作，提取对本项目有用的功能，以使用，绝对不能盲从，漫无目的。 根据需要，设计特殊操作控件，准则为：简化操作、达到一定功能目的 ·界面实施人员与美工商榷控件可实现性,(如不实行此步骤，将会导致各自对对方工作不满意，也会产生不一致的混乱)。重复叠代上述工作。 ·建立合理化文档《UI标准》描述上述规范， ·强行界面设计者理解之，并作为开发准则， ·SQA人员进行监控开发人员是否遵循，及时告诫开发人员。

二：(Color)颜色使用恰当，遵循对比原则： 1：统一色调，针对软件类型以及用户工作环境选择恰当色调： 如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等 2：如果没有自己的系列界面，采用标准界面则可以少考虑此方面，做到与操作系统统一，读取系统标准色表 3：色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符，?quot;!，?着重号，以及图标等 4：颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格测试，不同机器进行颜色测试 5：遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字，蓝色文字以白色背景容易识别，而在红色背景则不易分辨，原因是红色和蓝色没有足够反差，而蓝色和白色反差很大。除非特殊场合，杜绝使用对比强烈，让人产生憎恶感的颜色。 6：整个界面色彩尽量少的使用类别不同的颜色 itop色表 具体标准参考美术学统计学术标准。色表的建设，对于美工在图案设计、包装设计上起着标准参考作用，对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。 三：(Resource)资源 一个多姿多彩的人机交互界面，少不了精美的鼠标光标、图标以及指示图片、底图等。 1：也需要遵循统一的规则，包括上述颜色表的建立，图标的建立步骤也应该尽可能的形成标准，参考itop的outlookbar图标设计标准 2：有标准的图标风格设计，有统一的构图布局，有统一的色调、对比度、色阶，以及图片风格 3：底图应该融于底图，使用浅色, 低对比，尽量少的使用颜色。 4：图标、图像应该很清晰的表达出意思，遵循常用标准，或者用户机器容易联想的到物件，绝对不允许画出默认奇妙的图案。 5：鼠标光标样式统一，尽量使用系统标准，杜绝出现重复的情况，例如某些软件中一个手的形状就有4钟不同的样子。

app界面设计规范

app界面设计规范 篇一：移动app界面设计规范色彩篇 移动app界面设计规范——色彩篇 色彩在我们的APP界面设计中，是一个很让人头疼的事情。无论是APP UI设计大神还是APP设计新手，都是需要制定一套属于自己的配色方案或配色计划色彩，从当代建筑、路标、人行横道以及运动场馆中获取灵感，由此引发出大胆的颜色表达激活了色彩，与单调乏味的周边环境形成鲜明的对比。强调大胆的阴影和高光。引出意想不到且充满活力的颜色。 调色板 调色板以一些基础色为基准，通过填充光谱来为Android、Web和iOS环境提供一套完整可用的颜色。基础色的饱和度是500。 篇二：安卓界面设计规范 目前主流的安卓手机分辨率有以下3种： hdpi，对应800*480的手机。主流机型，很多。如小米1 ，1s 三星 htc 等 xdpi，对应1280*720的手机。三星Galaxy系列和华为p6.

xxdpi，对应1080*1920的手机。小米手机，华为荣耀手机系列为主加上 htc one。 下面是当面流行的安卓手机的屏幕尺寸和分辨率： 小米 3和小米4 屏幕尺寸和分辨率： 5英寸 1920×1080像素 魅族MX2 屏幕尺寸和分辨率：英寸 1280×800像 魅族MX3 屏幕尺寸和分辨率：英寸 1800×1080像素 HTC one屏幕尺寸和分辨率：英寸 1920×1080像素华为荣耀6屏幕尺寸和分辨率： 5英寸 1920×1080像素 华为p6屏幕尺寸和分辨率：英寸 1280×720像素 华为p7屏幕尺寸和分辨率：5英寸 1920×1080像素 什么是屏幕像素密度？ 屏幕像素密度，即每英寸屏幕所拥有的像素数，英文简称PPI。 在目前我们的安卓APP设计项目当中，我们并不会去为每一种分辨率去设计一套UI界面。这是一种追求完美和理想的状态。小公司肯定是耗不起这样的。所以，这个时候我们需要学会变通。为了适应多分辨率，

app界面设计规范

竭诚为您提供优质文档/双击可除 app界面设计规范 篇一：移动app界面设计规范色彩篇 移动app界面设计规范——色彩篇 色彩在我们的app界面设计中，是一个很让人头疼的事情。无论是appui设计大神还是app设计新手，都是需要制定一套属于自己的配色方案或配色计划色彩，从当代建筑、路标、人行横道以及运动场馆中获取灵感，由此引发出大胆的颜色表达激活了色彩，与单调乏味的周边环境形成鲜明的对比。强调大胆的阴影和高光。引出意想不到且充满活力的颜色。 调色板 调色板以一些基础色为基准，通过填充光谱来为android、web和ios环境提供一套完整可用的颜色。基础色的饱和度是500。 篇二：安卓界面设计规范 目前主流的安卓手机分辨率有以下3种： hdpi，对应800*480的手机。主流机型，很多。如小米1，1s三星htc等xdpi，对应1280*720的手机。三星galaxy

系列和华为p6. xxdpi，对应1080*1920的手机。小米手机，华为荣耀手机系列为主加上htcone。 下面是当面流行的安卓手机的屏幕尺寸和分辨率： 小米3和小米4屏幕尺寸和分辨率：5英寸1920×1080像素 魅族mx2屏幕尺寸和分辨率：4.4英寸1280×800像 魅族mx3屏幕尺寸和分辨率：5.1英寸1800×1080像素htcone屏幕尺寸和分辨率：4.7英寸1920×1080像素华为荣耀6屏幕尺寸和分辨率：5英寸1920×1080像素华为p6屏幕尺寸和分辨率：4.7英寸1280×720像素 华为p7屏幕尺寸和分辨率：5英寸1920×1080像素 什么是屏幕像素密度？ 屏幕像素密度，即每英寸屏幕所拥有的像素数，英文简称ppi。 在目前我们的安卓app设计项目当中，我们并不会去为每一种分辨率去设计一套ui界面。这是一种追求完美和理想的状态。小公司肯定是耗不起这样的。所以，这个时候我们需要学会变通。为了适应多分辨率， 1：在标准基础（xdpi：1280*720）上开始，然后放大或缩小，以适应到其他尺寸。 2：从设备的最大尺寸（xxdpi：1920×1080）开始，然