软件界面设计要求规范_v0-视觉部分
软件界面设计原则
B：全部采用点阵作为单位，不理会系统字体的调节，这样可以减少调节大字体带来的麻烦.
五：(Text)文字表达
提示信息、帮助文档文字表达遵循以下准则：
1：口语化、客气、多用您、请，不要用或少用专业术语，杜绝错别字,歧意词语。
2：断句逗号句号顿号分号的用法。提示信息比较多的话，应该分段。
5：鼠标光标样式统一，尽量使用系统标准，杜绝出现重复的情况，例如某些软件中一个手的形状就有4钟不同的样子。
四：(Font)字体
1：使用统一字体，字体标准的选择依据操作系统类型决定。
中文采用标准字体，“宋体”，英文采用标准 Microsoft Sans Serif 不考虑特殊字体(隶书、草书等,特殊情况可以使用图片取代),保证每个用户使用起来显示都很正常。
2：特殊操作、特殊功能界面，在界面上加控件直接连接到对应的HELP文件中。
3：特殊设置详细，应该在界面上用简洁明了的语句说明，或者是好用Tiptool，并由第二步帮助。
帮助文档：
A:结构化，按功能模块划分
B:必须阐述功能通过什么方法可以在软件中实现.
C:帮助文件是帮助用户更好的使用软件，措辞要恰当、简捷、通俗易懂,每一句话都应该有目的，帮用户解决问题.
B：使用TABLE页，给用户很明显的视觉变化
七：(ALIGN)控件布局，窗口不源自挤，按功能组合控件. 1：屏幕不能拥挤。
拥挤的屏幕让人难以理解，因而难以使用。试验结果(Mayhew,1992年)屏幕总体覆盖度不应该超过40％，而分组钟覆盖度不应该超过62％。应让人看上去，不能太拥挤，也不能太松散，要恰到好处。整个项目，采用统一的控件间距，通过调整窗体大小达到一致，即使在窗体大小不变的情况下，宁可留空部分区域，也不要破坏控件间的行间距。
软件界面设计规范
响应时间与动画效果
响应时间：界面元素对用户操 作的反应速度，影响用户体验
动画效果：用于过渡和提示， 增强用户体验和操作连贯性
动画效果设计原则：自然、流 畅、适度
响应时间优化：减少延迟，提 高系统性能
提示与帮助信息
软件界面交互设计应提供清晰、简洁的提示信息，帮助用户更好地理解和操作软件。
提示信息应采用友好、易于理解的语言，避免使用过于专业或难以理解的术语。
界面元素
图标：用于表示功能或操作， 提高用户识别度
按钮：用于触发特定操作，设 计应简洁明了
文本框：用于输入文本信息， 设计应符合用户输入习惯
标签页：用于分类和组织内容， 设计应清晰易用
控件使用规范
按钮：用于触发操作，设计应简洁明了，方便用户点击。 文本框：用于输入文本信息，应提供清晰的光标和提示信息。 下拉框：用于选择选项，应提供清晰的选择项和易于操作的界面。 滑块：用于调节数值，应提供易于操作的界面和清晰的刻度。
回退机制：提供操作回退功能，使用户可以撤销错误操作，恢复到操作前的状态
安全性：对用户输入进行合法性验证和过滤，防止恶意攻击和数据泄露
软件界面设计规 范的应用与实践
设计规范的实际应用
界面布局：遵循 一致的布局和排 版规范，使用户 能够快速找到所
需信息
图标和按钮： 使用简洁、易 懂的图标和按 钮，提高用户
感谢您的观看
汇报人：风
设计规范是产品创新的基础，提供统一的标准和指导，确保产品的质量和用户体验。
产品创新需要遵循设计规范，同时也要灵活运用，结合具体需求和市场环境进行创新。
设计规范与创新相辅相成，规范保障产品的稳定性和可靠性，创新则带来更多的商业机会和竞争优势。
在产品创新过程中，要注重与设计规范的协调统一，避免出现不符合规范的情况，影响产品的整体效果和用户体验。
ui 设计标准
UI设计标准一、界面风格与设计原则界面风格是用户对应用的第一印象，因此，设计时应注重统一、简洁、易于理解的原则。
同时，要考虑到目标用户群体的文化和审美习惯，以及行业特点，确保界面风格符合应用定位和需求。
二、色彩搭配与字体选择色彩搭配是影响用户视觉体验的重要因素。
设计时应注重色彩的对比度、饱和度和明度，避免颜色过于刺眼或过于暗淡。
字体选择要清晰易读，同时具有美观性，能够有效地传达信息。
在设计中，我们应遵循无障碍设计原则，保证色差障碍用户能够正常使用应用。
三、图标绘制与素材设计图标和素材是用户操作和信息展示的重要元素。
设计时应注重图标的简洁、明了、易于理解，同时要保证素材的质量和风格的一致性。
对于图标和素材的设计，我们应遵循易于识别、符合行业标准、注重细节等原则。
四、交互元素与布局规划交互元素的设计要符合用户的操作习惯和认知习惯，以提升用户体验。
例如，按钮的位置、大小、颜色等都需要进行细致的规划和设计。
布局规划要注重信息的层次性和易读性，避免信息过载或信息缺失。
同时，我们应关注页面的响应时间，确保用户操作的及时性和准确性。
五、响应式设计与适配性调整随着移动设备的多样化，响应式设计已成为UI设计的必备技能。
设计时需要考虑到不同设备的屏幕大小和分辨率，确保应用在不同设备上都能够正常显示和操作。
同时，适配性调整也是必要的步骤，以保证应用的显示效果和交互体验在不同设备上都能够达到最佳状态。
六、用户流程和导航布局用户流程和导航布局是影响用户体验的关键因素之一。
在设计时，我们需要深入研究用户的需求和使用习惯，制定出符合用户心理预期的操作流程和导航方式。
同时，我们应注重信息的层次性和完整性，避免用户在操作过程中迷失方向或无法找到所需信息。
对于重要的功能或信息，我们应设置明显的引导标识，帮助用户快速找到目标。
七、数据可视化与图表设计数据可视化能够将复杂的数据以直观、易懂的方式呈现给用户。
在UI设计中，我们应根据数据的特性和需求，选择合适的图表类型和设计风格。
UI设计基本规范
UI设计基本规范UI设计是用户界面设计的缩写，是一种以用户为中心的设计方法，旨在为用户提供更好的体验。
以下是UI设计的基本规范。
一、界面布局规范1. 界面要简洁明了，重要的内容要突出。
2. 工具栏、菜单、搜索框等常用的功能要放置在易于找到的位置。
3. 页面元素之间的间距要适当，不能太紧凑也不能太空旷。
4. 要保持页面风格一致，不要使用过多的颜色和字体。
5. 要遵循网格布局原则，使页面更加整洁。
6. 要考虑到不同分辨率的屏幕大小，对页面进行适当的自适应调整。
二、颜色规范1. 要遵循品牌、主题颜色，使整个网站或应用程序更具品牌特色。
2. 主色调要少用，辅色可适当增加。
3. 颜色要搭配得当，不能过于花哨或太单调。
4. 颜色要考虑到字体读取的易读性，尽量不使用亮度相同的颜色组合。
三、字体规范1. 要选择易读、合适的字体，不要选择太小或太大的字体。
2. 字体颜色要与页面的背景颜色相协调。
3. 字体要统一，避免使用过多的字体。
4. 要选择合适的字体组合，以确保页面整洁且易读。
四、交互规范1. 要使用易于理解的图标和按钮，使用户不需要花费太多时间就能理解功能。
2. 对于输入框，要提供明确的输入格式和错误提示。
3. 所有功能要易于找到，避免用户迷失。
4. 要将UI设计的元素设计成符合用户直觉的方式，使其更易于使用。
五、响应规范1. UI设计要优化响应时间，使用户界面反应迅速。
2. 对于复杂的操作，要向用户解释操作的目的和执行时间。
3. 对于需要大量操作的页面或应用程序，要在操作完成后提供反馈信息。
UI界面设计规范
UI界面设计规范UI界面设计规范是指为了确保用户界面的一致性、可用性和美观性而制定的一系列设计指南和规则。
遵循UI界面设计规范可以帮助设计师和开发人员创建出易于使用和易于理解的界面，从而提供积极的用户体验。
下面是一些常见的UI界面设计规范：1.一致性：界面应该在整个应用程序中保持一致。
这包括字体、图标、色彩、布局和交互模式的一致性。
一致的设计可以使用户更容易理解和使用界面。
2.可用性：界面应该是易于使用的，用户可以轻松地完成任务。
设计师应该考虑到用户的需求和期望，确保设计简单直观，避免复杂的工作流程和冗长的操作。
3.导航和布局：界面的导航和布局应该清晰和直观。
导航应该简单明了，用户可以轻松地找到他们需要的功能和信息。
布局应该合理，避免过度拥挤或混乱的界面。
4.色彩和视觉效果：界面应该使用一致的色彩和视觉效果，以增加用户的视觉吸引力和理解能力。
适当的色彩和对比度可以帮助用户区分不同的元素，重要的信息应该有显眼的展示。
5.字体和文本：界面应该使用易于阅读的字体，并保持一致的字体大小和样式。
文本内容应该简洁明了，不应该出现过长或难以理解的文本。
6.响应式设计：界面应该能够适应不同设备和屏幕大小。
设计师应该考虑到不同的分辨率和屏幕比例，以确保界面在各种设备上都能够正确显示。
7.错误处理和反馈：界面应该提供清晰的错误处理和反馈机制。
当用户发生错误时，界面应该向用户提供明确的错误信息，并指导用户进行修复。
8.可访问性：界面应该为所有用户提供可访问性。
这包括对残障用户的支持，例如使用大字体、语音助手和键盘导航等功能。
9.动画和过渡效果：界面中的动画和过渡效果应该合理使用，增加用户体验和吸引力。
过度使用或不必要的动画效果可能会分散用户注意力或降低性能。
10.图标和按钮设计：界面中的图标和按钮应该易于识别和使用。
图标应该明确表示与之相关的功能，按钮应该具有合适的大小和样式，以便用户可以轻松点击。
总之，UI界面设计规范是一系列指导原则，旨在确保界面的一致性、可用性和美观性。
软件UI界面设计规范
软件UI界面设计规范——软件II原则一、易用性按钮名称应该易懂，用词准确，摒弃模棱两可的字眼，要与同一界面上的其他按钮易于区分，能望文知义最好。
理想情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。
易用性细则：1）完成相同或相近功能的按钮用Frame框括起来，常用按钮要支持快捷方式。
2）完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。
3）按功能将界面划分局域块，用Frame框括起来，并要有功能说明或标题4）界面要支持键盘自动浏览按钮功能，即按Tab键能自动顺序切换功能，总体为从上到下，同时行间为从左到右的方式。
5）同一界面上的控件数最好不要超过10个，多余10个时可以考虑使用分页界面显示。
6）分页界面要支持在页面间的快捷切换，常用组合快捷键Ctrl+Tab7）默认按钮要支持Enter操作，即按Enter后自动执行默认按钮对应操作。
8）可写控件检测到非法输入后应给出说明并能自动获得焦点。
9）复选框与选项框按选择几率的高低而先后排列。
10）复选框与选项框要有默认选项，并支持Tab选择。
11）选项数相同时，多用选项框而不用下拉列表框。
12）界面控件较小时使用下拉框而不用选项框。
13）选项数较少时使用选项框，相反则使用下拉列表框。
14）专业性强的软件要使用相关的专业术语，通用性界面则提倡使用通用性词眼。
二、规范性通常界面设计都按Windows界面的规范来设计，即包含“菜单条、工具栏、工具箱、状态栏、滚动条、右键菜单”的标准格式，可以说:界面遵循规范化的程度越高，则易用性相应就越好，小型软件可不提供工具箱。
规范性细则：1）常用菜单要有快捷方式。
2）完成相同或相近功能的菜单用横线隔开放在同一位置。
3）菜单前的图标能直观的代表要完成的操作。
4）菜单深度一般要求最多控制在三层以内。
5）工具栏要求可以根据用户的需求自己选择定制。
6）相同或相近功能的工具栏放在一起。
7）工具栏中的每一个按钮要有工具提示。
软件界面设计原则
软件界面设计原则在当今数字时代，软件已经成为人们日常生活和工作中不可或缺的一部分。
然而，不同软件的成功与否往往取决于其界面设计的好坏。
一个优秀的软件界面可以提高用户的使用体验，增加软件的可靠性和易用性。
本文将探讨一些软件界面设计的原则，帮助软件开发者和设计师打造出理想的用户界面。
首要原则：简洁明了一个好的软件界面应该让用户能够轻松而快速地找到所需的功能。
为此，界面设计应尽量简洁明了，避免过多复杂的视觉元素。
过多的按钮、菜单或图标可能会让用户感到困惑，降低其使用体验。
相反，简洁的界面具有更大的可读性和易操控性。
通过减少不必要的设计元素和突出重点，软件界面可以更好地引导用户的注意力和行为，提高整体的可用性。
其次原则：一致性一致性是建立优秀软件界面的关键。
用户界面中的各个元素应该在整个软件中保持一致的外观和操作方式。
这包括图标、按钮样式、颜色、字体和交互模式等。
一致的设计可以降低用户的学习成本，使其能够更快地掌握软件的使用技巧。
另外，一致性还有助于提升软件的专业性和品牌形象，让用户更有信任感和满意度。
第三原则：可访问性软件界面应该考虑到各种用户的需求和能力，确保所有用户都能方便地访问和使用软件。
可访问性包括视觉、听觉和运动等方面。
对于视觉上有障碍的用户，界面应该提供高对比度、可调整的字体大小和可换肤功能。
对于听觉上有障碍的用户，可以提供语音辅助或字幕功能。
对于运动能力受限的用户，软件界面应该提供简单易用的操作方式。
通过关注多样化的用户需求，软件可以更好地服务于各类用户群体。
第四原则：反馈机制一个好的软件界面应该能够给予用户及时的反馈。
用户在操作过程中，应该清楚地知道其所进行的操作是否已经被接受和执行。
通过提示信息、动画效果或声音等反馈机制，用户可以更好地理解软件的工作原理，减少错误操作的发生。
良好的反馈机制还可以增强用户的参与感和满意度，提升软件的整体品质。
第五原则：用户中心软件界面应该始终以用户为中心。
网站或APP界面设计的常用规范和技巧
网站或APP界面设计的常用规范和技巧网站或App界面设计是一门需要细致入微的艺术，优秀的设计可以使用户体验更加顺畅和愉悦。
以下是一些常用的规范和技巧，可以帮助设计师创建出更好的用户界面。
1.保持简洁简洁的设计可以让用户更容易理解和使用界面。
避免过多的元素和视觉噪音，尽量保持干净的布局和明确的信息层级。
2.易于导航3.一致性保持整个界面的一致性，包括颜色、字体、按钮样式等。
这有助于用户建立对界面的熟悉感，并创建一个统一的品牌形象。
4.响应式设计考虑到不同设备和屏幕尺寸的适配，采用响应式设计来确保界面在各种设备上都能正常显示和操作，提高界面的可用性。
5.强调重要元素通过使用颜色、大小、位置等手段，将重要的元素或功能突出显示。
这有助于引导用户注意到关键信息，并提高界面的易用性。
6.使用合适的字体选择合适的字体和字号，确保界面的可读性。
常用的字体规范包括使用清晰易读的字体、设置合适的行间距和字间距等。
7.直观反馈在用户进行操作时，及时给予反馈，让用户知道他们的操作有没有成功。
例如，按钮的点击效果、表单的提示信息等。
8.界面反馈和等待时间在处理复杂操作或加载数据时，给用户一个明确的界面反馈，让他们知道系统正在工作并且不会以为出现了错误。
同时，尽量减少等待时间，保持界面的流畅性。
9.简单明了的表单如果有许多表单输入字段，应该将其分成逻辑分组，确保用户可以快速有效地填写。
使用合适的表单验证和错误提示，使用户能够轻松地发现和纠正错误。
10.用户测试在设计完成之前，进行用户测试以评估界面的易用性和满意度。
通过与真实用户的互动，可以发现设计中的问题并提出改进建议。
总结起来，网站或App界面设计需要遵循一些常用的规范和技巧，以提供良好的用户体验。
这些规范和技巧包括保持简洁、易于导航、一致性、响应式设计、强调重要元素、使用合适的字体、直观反馈、界面反馈和等待时间、简单明了的表单以及用户测试。
通过遵循这些规范和技巧，设计师可以创建出更好的用户界面。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
软件界面设计规范1概要界面设计中一定要保持界面的一致性。
一致性既包括使用标准的控件，也指使用相同的信息表现方法，如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
界面力求简洁明了，保证系统功能设计的合理与明确，布局明确、交互操作合理、协调统一。
功能要表现清楚，分类清晰有条理，避免过多的控件嵌套导致的视觉混乱；单一功能的操作目的明确，符合易用性原则，避免不必要的信息显示而对用户造成视觉干扰；力求操作简单，简单的功能一步完成，比较复杂的功能三步之内，复杂的功能操作使用操作向导来辅助客户完成。
2色调风格2.1色调：软件界面设计中常用的主色调包括：蓝色、红色、绿色、黑色蓝色：运用的行业较为广泛，如通讯、电子、房产、钢铁、生产管理等行业大部分以蓝色为主色调来设计软件。
红色：在政府单位运用比较多。
绿色：一般运用于教育、医疗、农林等行业。
黑色：能源、石油、房地产行业有时候会用中性的黑色作为主色调。
v1.0 可编辑可修改表现区：通常用浅色，如：白色、淡灰、或者淡蓝之类，因为大面积的文字信息在浅色上便于长时间阅读，不容易形成视觉疲劳。
2.2风格：软件界面的风格通常比较简约。
不同行业，使用的环境不同稍有差异。
3登录界面基本元素：logo、系统名称、输入框、提交按钮。
如下：4页面逻辑结构功能页面功能页面弹出页面弹出页面弹出页面软件界面通常是上面这样的逻辑结构首页：宏观预览各项设备管理数据，快速访问期望的数据功能功能页面：查看某一功能模块的全部数据，查看某一对象的各类相关数据弹出页面：填写和提交表单，对功能中的某一单项数据进行增加/删除/查询/修改/审核/打印/导出等功能操作。
5页面的基本属性页面宽度：属性值为auto，最小值1024像素。
默认状况下无横向滚动条。
注意：宽度、位置、边距为不可变数据背景：页面整体为白色背景#FFFFFF 或者浅灰、浅蓝等，总之是非常接近白色的颜色。
注：白色为常用色值，对于特殊个性化页面可根据特殊要求变更色彩；背景色彩尽量少用饱和度高的颜色，页面位置：居中页面边距：上 0px；下 0px；左 0 px；右 0 px；注意：有时候会专门设置一定数值的边距，这时通常与模块间的间距相同，如上下左右都是5px。
6导航菜单常见的软件导航菜单有：左侧树状菜单、左侧伸缩菜单、windows标准的定制导航6.1左侧树状菜单适用于多级结构庞大的软件架构。
6.2左侧手风琴式菜单这种菜单适用于相对小规模的软件架构，简单舒适型。
规范1）菜单深度一般不要超过两层2）导航如不是客户特别要求的定制，均制成类似以上的导航，其中默认分辨率为1024*768。
一级菜单：图标32px_32px，字体14px、不加粗、#000000；二级菜单：图标20px_20px，字体12px、不加粗、#333333；6.3Windows标准的定制导航7页面结构7.1基本结构：标准头、内容区、标准尾头部和底部具体的的内容不同的软件设置有所差异，如有些软件将菜单栏设在标准头里边，而有些软件则设置在内容区的左侧，但在不同的同时，有很多的地方是相同的。
这里我们所说的就是共性。
7.2标准头logo&系统名称 | 基本操作区适用范围：所有常规页面尺寸：宽100% 高60px~80px7.3标准尾技术支持&版本情况 | 版权信息适用范围：所有常规页面尺寸：宽100% 高30px~50px7.4内容区版块元素之间间距为5px200px100%-200px-58窗口风格窗口风格要注意表现的一致性。
1）报错页面的风格一致，最好有统一的报错页面2）类似功能的窗口打开的风格要一致3）相同功能在不同模块的名称要一致4）子窗体应尽量在显示在主窗体的左上或居中放置5）弹出式窗口尽量在不借助滚动条的情况下显示所有内容6）框边界要与背景有区分，边界要清楚。
7）弹出框的文字要有对齐，当不同长度文字的排版出现对对齐不一致的时候，上下文字必须统一右对齐，输入框统一左对齐，如果文字对其空间不够，可考虑换行。
9页面留白无论是在页面中还是在弹出层中，内容距离上下左右的边距都不能太近，这样有助于用户的浏览，给用户浏览以喘息的空间。
如下图：顶部留白10px~15px，上下边距10px~15px，左右边距15px~20px，行与行输入框距离5px~10px。
具体留白大小可根据软件的具体情况统一设定，整体保持统一性即可，不可同一软件中不同标准执行。
10字体规范10.1字体：软件中所用字体一般是电脑系统的默认字体。
汉字：宋体、黑体、微软雅黑。
英文：Arial, Verdana。
10.2字号：软件中一般用14px和12px，14px文字主要用于一级菜单和板块的标题区标题，12px文字10.3字体颜色：通常情况：黑色（#000000）深色背景中：白色（#ffffff）白色背景中：深灰（#333333）表格中链接的默认色：天蓝色（#0059D5）链接的鼠标滑过hover色：红色（#ff0000）警示性文字的颜色：红色（#ff0000）如：必选项的提示符号“*“。
11页面元素11.1按钮按钮风格相同，大小相似，字体一致无效按钮要屏蔽。
高：24像素，宽：根据文字长度定；按钮的文字居中，字体统一大小12px、右、下、左的边距分别为：6x,12x,6x,12px，按钮之间的间距统一为8px；11.2表格表格整体色调采用灰调，便于用户长时间操作部视觉疲劳，表格分为标题部分，主体内容部分。
标题部分应该用相应的颜色加以区别，表格隔行应用不同的颜色加以区别。
表格选中行应用色调区分，表格的行高为25像素。
表格四周的文字要有空隙padding属性2px。
不同表格之间必须有对齐。
如（图19）三个表格之间表格的顶部、底部都应该有对齐，表格之间应有空隙，空隙。
11.3输入框11.3.1必输项1）必输项中不可为空，不可输入空格2）必输项给出必输项标识（*）11.3.2字段长度超过数据库规定长度时不允许输入11.3.3多行文本输入、文本区域尺寸：自定义内边距上下左右皆为5px行距为边框：宽度1px，颜色#66666611.3.4格式校验1）身份证号、E-MAIL、邮箱等特定字段的格式要符合需求的规定11.3.5日期格式1）日期显示格式一致，如：yyyy-mm-dd2）使用日期控件，尽量不是手工录入3）如需要限制日期选择范围，则超出范围的日期应为灰色不可选状态。
11.3.6特殊字符1）输入区域输入特殊字符，插入数据库时不出错或提示不允许输入特殊字符。
特殊字符包括：'"=~$%^%￥&#@等11.3.7英文输入英文输入不区分大小写，不可输入汉字、数字及特殊字符11.3.8数值字段只能输入+ - 0~9及功能键(BackSpace 光标)11.3.9字符字段1）如果支持日韩文字，则要判断全角假名/半角假名单行文本框/多行文本框1) 长度合适，可以容纳相应文字，但不能超过数据库该字段长度，最好将可以输入的最大字符数标在旁边。
建议单行文本框中当输入的字符超过一定长度时再输入无效；对于多行文本框给出最大字符数标识11.4附件1）可正常添加符合格式的附件2）附件可正常打开和保存，附件名较长时可正常操作3）直接输入错误的附件地址，保存时应给出提示信息4）附件打开/保存到本地时，文件名要显示原文件文件名11.5密码输入1）需在需求中定义密码是否允许为空或空格；密码是否允许特殊字符；是否区分大小写，密码的可输入长度2）程序中应给出文字说明密码的可输入长度入无效；对于多行文本框给出最大字符数标v1.0 可编辑可修改11.6Tab标签圆角5px 背景色分设当前选中与非选中状态，边框#ccc如：11.7图片格式：原则上尽量使用png格式图片，特殊图片可使用JPG质量：图片画面显示清晰，不采用改变显示尺寸的放大或缩小。
图片画面（尤其是人物图像）不允许变形。
文件大小：控制在40KB内为宜。
命名规则：图片按照图片描述直接命名。
图片名称均由小写字母、数字和“_”组成，不能有空格或其他字符，放置于images文件夹中。
11.8框架当框架界面长度超过显示终端最大分辨率高度，提供下拉滚动条；框架部分的设计应考虑节省屏幕空间，各种分辨率的大小，缩放时的状态和原则，并且为将来设计的按钮、菜单、标签、滚动条及状态栏预留位置；主菜单放在左边或上边，滚动条放在右边，以符合用户使用中的视觉流程。
列表均采用表格或框架呈现，默认状况下尽量不出现横向滚动。
12用户界面行为12.1鼠标1）鼠标为不可点击状态时显示箭头，可点击状态显示手型；12.2系统响应时间系统响应时间应该适中，响应时间过长，用户就会感到不安和沮丧，而响应时间过快也会影响到用户的操作节奏，并可能导致错误。
因此在系统响应时间上坚持如下原则：响应时间长度界面设计：1）0-5秒鼠标显示成为沙漏；2）5秒以上显示处理窗口，或显示进度条；3）一个长时间的处理完成时应给予完成警告信息。
12.3光标定位1）打开新增（修改）页面时，光标初始定位在第一个待输入的文本区2）因输入不正确提示用户重新输入时，光标默认focus在出错的输入区，并高亮全选该错误输入3）若必输项未填写完毕就提交，应给出说明信息并能自动获得焦点4）可写控件检测到非法输入后应给出说明并能自动获得焦点12.4TAB键1）界面支持键盘自动浏览按钮功能。
即TAB自动切换功能2）Tab键的顺序与控件排列顺序要一致，一般情况下总体从上到下，同时行间从左到右的方式。