1、APP应用开发的设计规范与标准APP设计规范：APP界面设计规范指导APP设计过程中的设计标准。根据统一的设计标准，使得整个APP在视觉上统一。提高用户对APP的产品认知和操作便捷性。APP设计规范的重要性：统一的标准，一、便于在设计过程中的团队合作，二、提高用户对APP的产品认知和操作便捷性。APP设计规范具体内容：1.遵循统一的准则，确定标准并遵循；2.颜色使用恰当，遵循对比原则：色彩标准、色彩对比，突出内容、显示测试；3.光标、图标和指示图片、地图等：统一的构图布局，色调、对比度、色阶和风格；4.Font:中文采用宋体，英文采用MicrosoftSansSerif。大小：MSS字
3、使用熟练了一个界面后，切换到另外一个界面能够很轻松的推测出各种功能，语句理解也不需要费神理解2：降低培训、支持成本，支持人员不会行费力逐个指导。3：给用户统一感觉，不觉得混乱，心情愉快，支持度增加做法：项目组有经验人士，确立UI规范：美工提供色调配色方案，提供整体配色表界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范：控件功能遵循行业标准，windows平台参见Microsoft用户体验(MSDN中有，中文已经翻译发行，项目组必须有一本)控件样式在允许的范围内可以统一修改其样式、色调参考其他软件先进操作，提取对本项目有用的功能，以使用，绝对不能盲从，漫无目的。根据
4、需要，设计特殊操作控件，准则为：简化操作、达到一定功能目的界面实施人员与美工商榷控件可实现性,(如不实行此步骤，将会导致各自对对方工作不满意，也会产生不一致的混乱)。重复叠代上述工作。建立合理化文档UI标准描述上述规范，强行界面设计者理解之，并作为开发准则，SQA人员进行监控开发人员是否遵循，及时告诫开发人员。二：(Color)颜色使用恰当，遵循对比原则：1：统一色调，针对软件类型以及用户工作环境选择恰当色调：如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等2：如果没有自己的系列界面，采用标准界面则可以少考虑此方
5、面，做到与操作系统统一，读取系统标准色表3：色盲、色弱用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符，quot;!，着重号，以及图标等4：颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格测试，不同机器进行颜色测试5：遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字，蓝色文字以白色背景容易识别，而在红色背景则不易分辨，原因是红色和蓝色没有足够反差，而蓝色和白色反差很大。除非特殊场合，杜绝使用对比强烈，让人产生憎恶感的颜色。6：整个界面色彩尽量少的使用类别不同的颜色itop色表具体标准参考美术学统计学术标准。色表的建设
6、，对于美工在图案设计、包装设计上起着标准参考作用，对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。三：(Resource)资源一个多姿多彩的人机交互界面，少不了精美的鼠标光标、图标以及指示图片、底图等。1：也需要遵循统一的规则，包括上述颜色表的建立，图标的建立步骤也应该尽可能的形成标准，参考itop的outlookbar图标设计标准2：有标准的图标风格设计，有统一的构图布局，有统一的色调、对比度、色阶，以及图片风格3：底图应该融于底图，使用浅色,低对比，尽量少的使用颜色。4：图标、图像应该很清晰的表达出意思，遵循常用标准，或者用户机器容易联想的到物件，绝对不允许画出默认奇妙的图案。
7、5：鼠标光标样式统一，尽量使用系统标准，杜绝出现重复的情况，例如某些软件中一个手的形状就有4钟不同的样子。如：如何创建XP图标四：(Font)字体使用统一字体，字体标准的选择依据操作系统类型决定。中文采用标准字体，“宋体”，英文采用标准MicrosoftSansSerif不考虑特殊字体(隶书、草书等,特殊情况可以使用图片取代),保证每个用户使用起来显示都很正常。字体大小根据系统标准字体来，例如MSS字体8磅，宋体的小五号字(9磅）五号字（10.5磅)。所有控件尽量使用大小统一的字体属性，除了特殊提示信息、加强显示等例外情况ITop采用BCB，所有控件默认使用parentfont，
8、不允许修改，这样有利于统一调整。系统大小字体属性改变的处理。Windows系统有个桌面设置，设置大字体属性，很多界面设计者常常为这个恼火，如果设计时遵循微软的标准，全部使用相对大小作为控件的大小设置，当切换大小字体的时候，相对不会有什么特殊问题。但是由于常常方便使用点阵作为窗口设计单位，导致改变大字体后，出现版面混乱的问题。这个情况下，应该做相应处理：1：写程序自动调节大小，点阵值乘以一个相应比例2：全部采用点阵作为单位，不理会系统字体的调节，这样可以减少调节大字体带来的麻烦。BCB/DELPHI中多采用这种方法，但是必然结果是和系统不统一。五：(Text)文字表达提示信息、帮助文档文字表达遵
9、循以下准则：1：口语化、客气、多用您、请，不要用或少用专业术语，杜绝错别字2：断句逗号句号顿号分号的用法，提示信息比较多的话，应该分段，3：警告、信息、错误使用对应的表示方法4：使用统一的语言描述，例如一个关闭功能按钮，可以描述为退出、返回、关闭，则应该统一规定。5:根据用户不同采用相应的词语语气语调，如专用软件，可以出现很多专业属于，用户为儿童：这可以语气亲切和蔼，老年用户则应该成熟稳重。制定标准遵循之。六：(STYLE)控件风格，不要使用错误控件，控件功能要专一有设计好的同一风格的控件，如果没有能力设计出一套控件，则使用标准控件，绝对不能不伦不类，杂乱无章不要错误使用控件，例如：使用
11、结果(Mayhew,1992年)屏幕总体覆盖度不应该超过40，而分组钟覆盖度不应该超过62。让人看上去，不能太拥挤，也不能太松散。整个项目，采用统一的控件间距，通过调整窗体大小达到一致，即使在窗体大小不变的情况下，宁可留空部分区域，也不要破坏控件间的行间距。2：区域排列一行控件，纵向中对齐,控件间距基本保持一致行与行之间间距相同，靠窗体Border距离应大于行间间距(间距加边缘留空)。当屏幕有多个编辑区域，要以视觉效果和效率来组织这些区域。3：数据对齐要适当说明文字，中文版应使用中文全角冒号，纵向对齐时，并按冒号右对其，如图。纵向控件宽度尽量保持相通。并左对齐。例如金额等字符穿应根据小数点
13、用来做布局调节：TcustomPanel，Tmemo等，考左靠右靠上靠下以及撑满(Client)属性，用来根据版面自动调节。大部分控件有属性Anchors，里面上下左右akLeft,akTop等如果为true，则表示相对各个边缘的距离是否改变。这个可以进一步设计好排版工作。八：(TABORDER)TAB顺序习惯用法，阅读顺序，从从左到右，从上到下窗体中控件的Tab按键激活顺序，TabOrder,.BCB/DELPHI中使用窗体设计右键菜单选择taborder设置，VC中窗体RES编辑区域使用ctrl+D九：(ShortcutKey&Accelerator&PopMe
15、amp;A)为结合键盘使用，可操作控件都应该有加速键，加速键定义准则，为英文单词第一个字母，如果同一窗体重复则用第二个字母，以此类推，则加速方式为alt+这个加速键，用统一的方法标识在界面中，如*(A)或者wps的A.*英文可直接在字母下标识下划线Cancel，对于无法像button一样显示快捷键的Edit等控件，则在Edit描述的Label中显示快捷键。弹出菜单辅助菜单必须在可视化界面上拥有对应的按钮或者菜单选项。由于辅助菜单由用户点击鼠标左右键或者别的动作才能调出来显示给用户。无法清晰的显示给用户，所以对应选项应该可以通过别的途径得到,例如界面上有相应控件或弹出右键菜单的按钮等。十
16、：(ACTION)用户交互1：disable而不是notvisible要使一个功能有时允许有时不允许用户使用，则这个控件的不能随便隐藏，应该使用disable属性进行表示，以免用户发现控件失踪后措手无策2：窗口弹出位置要明显点击一个控件，弹出窗口或者菜单，应该给人明显提示，最低要求是覆盖刚才点击的位置，让用户轻松跳转到新的界面。3：执行动作要提示给用户一个视觉感受的同时，写程序的时候应该注意用户的交互感受，UI作为人机对话的工具，用户做了任何动作，应该给用户一个视觉或者听觉、触觉提示。而且这个提示应该行明显，但不应提示过长，可以有以下几种方法：当用户点击按钮等动作进行一个工作时：1：弹出交互
17、对话框让用户点击确认。2：改变UI中控件参数提示：(处理不用用户确认的提示，有一定延时，或者用户按键后自动清除。)如：改变标题栏字符串，显示“信息：提交成功”,或者专门设置一个状态栏、TLable等用来进行提示。3：听觉提示：在确定有声卡，用户可以听到声音的时候，发出特殊声音提示。一般作为重要提示的辅助。声音不应过长，紧急错误提示应该短促，频率较高，成功提示应该舒缓，轻松。等等十一：(HELP)联机帮助：什么时候要帮助，什么时候不要帮助1：系统默认、行业标准的控件操作不需要逐一描述，只需要对特殊控件加以描述2：特殊操作、特殊功能界面，在界面上加控件直接连接到对应的HELP文件中3：特殊设置详细
18、，应该在界面上用简洁明了的语句说明，或者是好用Tiptool，并由第二步帮助帮助文档：结构化，按功能模块划分必须阐述功能通过什么方法可以在软件中实现帮助文件是帮助用户更好的使用软件，措辞要恰当、简捷、通俗易懂,每一句话都应该有目的，帮用户解决问题很多开发者精于技术但疏于UI，以至于程序界面很不舒服。CocoaChina会员总结了一段非常全面的苹果软件界面标准规范介绍，推荐各位查看一：遵循一致的准则，确立标准并遵循无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。这样得到的好处：1：使用户使用起来能够建立起精确的心里模型，使用熟练了一个界面后，切换到另外一个
19、界面能够很轻松的推测出各种功能，语句理解也不需要费神理解2：降低培训、支持成本，支持人员不会行费力逐个指导。3：给用户统一感觉，不觉得混乱，心情愉快，支持度增加做法：项目组有经验人士，确立UI规范：美工提供色调配色方案，提供整体配色表界面控制程序人员、用户体验人员提出合理统一使用的控件库。参考标准界面使用规范：控件功能遵循行业标准，windows平台参见Microsoft用户体验(MSDN中有，中文已经翻译发行，项目组必须有一本)控件样式在允许的范围内可以统一修改其样式、色调参考其他软件先进操作，提取对本项目有用的功能，以使用，绝对不能盲从，漫无目的。根据需要，设计特殊操作控件，准则为：简化
20、操作、达到一定功能目的界面实施人员与美工商榷控件可实现性,(如不实行此步骤，将会导致各自对对方工作不满意，也会产生不一致的混乱)。重复叠代上述工作。建立合理化文档UI标准描述上述规范，强行界面设计者理解之，并作为开发准则，SQA人员进行监控开发人员是否遵循，及时告诫开发人员。二：(Color)颜色使用恰当，遵循对比原则：1：统一色调，针对软件类型以及用户工作环境选择恰当色调：如：安全软件，根据工业标准，可以选取黄色，绿色体现环保，蓝色表现时尚、紫色表现浪漫等等，淡色可以使人舒适，暗色做背景使人不觉得累等2：如果没有自己的系列界面，采用标准界面则可以少考虑此方面，做到与操作系统统一，读取系统标准
21、色表3：色盲、色弱(彩虹桥色觉网)用户，即使使用了特殊颜色表示重点或者特别的东西，也应该使用特殊指示符，quot;!，着重号，以及图标等4：颜色方案也需要测试，常常由于显示器、显卡的问题，色彩表现每台机器都不一样，应该经过严格测试，不同机器进行颜色测试5：遵循对比原则：在浅色背景上使用深色文字，深色背景上使用浅色文字，蓝色文字以白色背景容易识别，而在红色背景则不易分辨，原因是红色和蓝色没有足够反差，而蓝色和白色反差很大。除非特殊场合，杜绝使用对比强烈，让人产生憎恶感的颜色。6：整个界面色彩尽量少的使用类别不同的颜色itop色表具体标准参考美术学统计学术标准。色表的建设，对于美工在图案设计
22、、包装设计上起着标准参考作用，对于程序界面设计人员设计控件、窗体调色起到有章可循的作用。三：(Resource)资源一个多姿多彩的人机交互界面，少不了精美的鼠标光标、图标以及指示图片、底图等。1：也需要遵循统一的规则，包括上述颜色表的建立，图标的建立步骤也应该尽可能的形成标准，参考itop的outlookbar图标设计标准2：有标准的图标风格设计，有统一的构图布局，有统一的色调、对比度、色阶，以及图片风格3：底图应该融于底图，使用浅色,低对比，尽量少的使用颜色。4：图标、图像应该很清晰的表达出意思，遵循常用标准，或者用户机器容易联想的到物件，绝对不允许画出默认奇妙的图案。5：鼠标光标样式统一
23、，尽量使用系统标准，杜绝出现重复的情况，例如某些软件中一个手的形状就有4钟不同的样子。如：如何创建XP图标四：(Font)字体使用统一字体，字体标准的选择依据操作系统类型决定。中文采用标准字体，“宋体”，英文采用标准MicrosoftSansSerif不考虑特殊字体(隶书、草书等,特殊情况可以使用图片取代),保证每个用户使用起来显示都很正常。字体大小根据系统标准字体来，例如MSS字体8磅，宋体的小五号字(9磅）五号字（10.5磅)。所有控件尽量使用大小统一的字体属性，除了特殊提示信息、加强显示等例外情况ITop采用BCB，所有控件默认使用parentfont，不允许修改，这样有利
24、于统一调整。系统大小字体属性改变的处理。Windows系统有个桌面设置，设置大字体属性，很多界面设计者常常为这个恼火，如果设计时遵循微软的标准，全部使用相对大小作为控件的大小设置，当切换大小字体的时候，相对不会有什么特殊问题。但是由于常常方便使用点阵作为窗口设计单位，导致改变大字体后，出现版面混乱的问题。这个情况下，应该做相应处理：1：写程序自动调节大小，点阵值乘以一个相应比例2：全部采用点阵作为单位，不理会系统字体的调节，这样可以减少调节大字体带来的麻烦。BCB/DELPHI中多采用这种方法，但是必然结果是和系统不统一。五：(Text)文字表达提示信息、帮助文档文字表达遵循以下准则：1：口语
25、化、客气、多用您、请，不要用或少用专业术语，杜绝错别字2：断句逗号句号顿号分号的用法，提示信息比较多的话，应该分段，3：警告、信息、错误使用对应的表示方法4：使用统一的语言描述，例如一个关闭功能按钮，可以描述为退出、返回、关闭，则应该统一规定。5:根据用户不同采用相应的词语语气语调，如专用软件，可以出现很多专业属于，用户为儿童：这可以语气亲切和蔼，老年用户则应该成熟稳重。制定标准遵循之。六：(STYLE)控件风格，不要使用错误控件，控件功能要专一有设计好的同一风格的控件，如果没有能力设计出一套控件，则使用标准控件，绝对不能不伦不类，杂乱无章不要错误使用控件，例如：使用Button样式做T
27、1992年)屏幕总体覆盖度不应该超过40，而分组钟覆盖度不应该超过62。让人看上去，不能太拥挤，也不能太松散。整个项目，采用统一的控件间距，通过调整窗体大小达到一致，即使在窗体大小不变的情况下，宁可留空部分区域，也不要破坏控件间的行间距。2：区域排列一行控件，纵向中对齐,控件间距基本保持一致行与行之间间距相同，靠窗体Border距离应大于行间间距(间距加边缘留空)。当屏幕有多个编辑区域，要以视觉效果和效率来组织这些区域。3：数据对齐要适当说明文字，中文版应使用中文全角冒号，纵向对齐时，并按冒号右对其，如图。纵向控件宽度尽量保持相通。并左对齐。例如金额等字符穿应根据小数点对齐，或者右对齐4：
29、ustomPanel，Tmemo等，考左靠右靠上靠下以及撑满(Client)属性，用来根据版面自动调节。大部分控件有属性Anchors，里面上下左右akLeft,akTop等如果为true，则表示相对各个边缘的距离是否改变。这个可以进一步设计好排版工作。八：(TABORDER)TAB顺序习惯用法，阅读顺序，从从左到右，从上到下窗体中控件的Tab按键激活顺序，TabOrder,.BCB/DELPHI中使用窗体设计右键菜单选择taborder设置，VC中窗体RES编辑区域使用ctrl+D九：(ShortcutKey&Accelerator&PopMenu)快捷键、加速键