系统界面设计规范标准
- 格式：docx
- 大小：28.31 KB
- 文档页数：5
下载文档原格式
合集下载
ui 规范
ui 规范UI规范是指在设计和开发用户界面时要遵循的一套规定和标准。
以下是一些常见的UI规范，总结成了1000字如下：1. 一致性在用户界面的设计中，一致性是非常重要的。
这包括界面元素的排列方式、颜色、按钮和图标的样式等。
保持一致性可以让用户更容易理解和使用界面，提高用户体验。
2. 响应式设计随着移动设备的普及，响应式设计已经成为了一个重要的UI规范。
界面要能够自适应不同分辨率的设备，并提供良好的触摸体验。
3. 使用简洁明了的语言界面上的文字应该尽量简洁明了，避免使用复杂和晦涩的词汇。
使用通俗易懂的语言可以提高用户的理解和使用效率。
4. 易用性界面的设计应该尽量简单明了，不应该让用户感到困惑。
重要的操作按钮和功能应该容易找到，并且要有明显的提示和指导。
5. 色彩搭配界面中的色彩搭配要符合用户的审美，同时要注意色彩的对比度，以确保文字和图标在不同背景下都能清晰可辨。
6. 图标和按钮的设计界面中的图标和按钮要简洁明了，能够清晰地表达其功能。
按钮要有明显的点击效果，让用户知道他们可以与之交互。
7. 字体的选择在界面设计中，字体的选择也非常重要。
要选择易读的字体，并且要注意字体的大小和行间距，以确保用户能够清晰地阅读内容。
8. 导航和布局界面的导航要简单明了，让用户能够快速找到所需的功能和信息。
布局要合理，避免过多的空白和混乱的排列。
9. 错误处理在用户界面的设计中，要考虑到可能出现的错误情况，并提供相应的错误处理机制。
当用户遇到错误时，要给予清晰的提示，并提供解决方案。
10. 用户反馈在用户界面中，要给用户提供及时的反馈。
当用户执行某个操作时，界面可以通过动画、声音或震动等方式给予反馈，让用户知道操作已经生效。
以上是一些常见的UI规范，设计和开发人员应该遵循这些规范来提供优秀的用户界面。
通过准确地理解用户的需求和习惯，设计出易用、美观、高效的界面，可以提高用户的满意度和使用体验。
界面设计规范
界面设计规范界面设计规范是指在进行软件、网页或移动应用界面设计时，需要遵循的一系列设计原则和标准。
其目的是为了提高用户的使用体验，使界面更加美观、易懂和易用。
下面就是关于界面设计规范的一些建议，一共有1000字。
1. 一致性：界面设计应该遵循一致的风格和布局，使用户在不同的界面中不会感到困惑。
按钮、图标、字体等元素的样式应该保持一致，界面的交互方式也应该符合用户的习惯。
2. 简洁明了：界面应该尽量简洁明了，不要过分注重细节和装饰。
多余的信息和功能会让用户感到困惑和不适。
去除不必要的元素，使界面更加清晰易懂。
3. 可感知性：界面设计应该能够让用户感知到自己的行为是否已经被接受或响应。
例如，在点击按钮后，按钮的样式变化或页面的加载提示可以给用户一个即时的反馈。
4. 易扩展性：界面应该具有良好的扩展性，以便将来添加新的功能和模块。
设计时应该考虑到系统的可扩展性和灵活性，避免在后期改动时产生大规模的修改。
5. 易学性：界面应该易于学习和使用，减少用户的学习成本。
功能和操作应该容易理解和掌握，用户不需要花费太多的时间和精力去学习如何使用系统。
6. 导航与结构：界面设计应该能够清晰地展示系统的结构和导航路径。
用户能够方便地找到需要的功能和信息，不会感到迷失或困惑。
7. 可访问性：界面设计应该考虑到不同用户的特殊需求，如视觉障碍、听觉障碍等。
使用合适的字体和颜色，提供辅助功能等，让界面能够被所有人所使用。
8. 安全性：界面设计应该保证用户的信息和隐私的安全。
合理设计用户注册和登录界面，防止恶意攻击和非法获取用户信息的行为。
9. 反馈与帮助：界面设计应该提供适当的反馈和帮助功能，帮助用户更好地理解系统的运行状态和使用方法。
例如，合理地设置错误提示和帮助文档，减少用户的困惑和错误操作。
10. 响应速度：界面设计应该保证系统能够快速响应用户的操作，减少用户的等待时间。
减少页面加载时间和响应时间，提高用户的使用效率。
UI界面设计的要求规范
UI界面设计的要求规范UI界面设计是指用户界面设计，主要关注用户在使用产品时的视觉体验和操作的便捷性。
好的UI设计能够提高用户的满意度和使用效率，并且有助于品牌形象的建立。
下面将介绍UI界面设计的要求规范，以帮助设计师创造出优秀的用户界面。
1.一致性：在整个产品中保持一致的设计风格，包括颜色、字体、图标和布局等。
一致性能够提高用户的学习成本和使用效率，并且能够增强产品的专业感。
2.简洁性：界面设计应尽量简洁明了，不应包含过多的信息和功能。
过多的信息会给用户造成困扰，降低用户的使用效率。
简洁的设计能够帮助用户集中注意力，更好地理解和使用产品。
4.可视化：界面设计应充分利用图像和图标等可视化元素，使用户能够快速理解信息和操作方式。
图像和图标应具有直观性、简洁性和美观性，能够提高用户的视觉体验。
5.反馈性：界面设计应提供及时的反馈信息，告知用户当前的操作结果和状态。
反馈可以通过动画、提示框和提示文字等形式实现，能够提高用户对产品的掌控感和信任感。
6.可操作性：界面设计应尽量简化用户的操作流程，减少冗余的步骤和复杂的操作。
设计师应深入理解用户的需求和使用场景，设计简单直观的操作界面，帮助用户快速完成任务。
7.可访问性：界面设计应考虑到不同用户群体的特点和需求，包括老年人、残障人士和不同文化背景的用户。
设计师应根据不同用户群体的需求，提供可定制的界面设置和辅助功能，以确保所有用户都能够方便地使用产品。
8.响应式设计：界面设计应兼顾不同设备和平台的适配性，以确保在不同屏幕尺寸和操作方式下都能够提供良好的用户体验。
设计师应根据不同设备和平台的特点，对界面进行合理布局和调整，以适应不同用户的需求。
9.标准化：界面设计应遵循相关的设计规范和标准，以确保设计的一致性和可理解性。
设计师应熟悉所使用的设计软件和工具，灵活运用各种设计元素和技术，提高设计的质量和效率。
10.用户测试：界面设计完成后，应进行用户测试，以评估设计的可用性和用户体验。
UI设计规范范文
UI设计规范范文
一、总体介绍
UI（User Interface，用户界面）设计规范是一系列倡导和指南，用以确保在应用设计中满足用户需求，提升用户体验，保持一致的设计风格和完善的系统文档。
经过实践，发现将之应用于产品中，有助于提升应用的可用性，确保交互的一致性，减少设计团队的整合工作量，优化产品，提高用户的体验。
二、UI设计规范要求
1、针对不同系统、设备和技术，需要构建平台特定的UI设计规范；
2、设计应该简洁，易于理解和使用；
3、UI设计中应该合理使用不同的视觉元素，如色彩、字体、图表和动画；
4、注重用户体验，提升UI系统的可用性；
5、加强UI系统的稳定性，降低软件的出错率；
6、UI设计应能够及时应对新技术、新设备的变化；
7、规范应该使得多个设计师可以实现良好的用户体验；
8、应使用和比较相似的图形、结构和其他UI组件；
9、涵盖各种通用和行业特定的交互规则和元素；
10、UI设计中应考虑到用户功能的多样性，并考虑哪些操作有利于用户。
三、UI设计流程
1、定义交互模型：根据用户的行为，分析用户的使用需求，设计友好的交互模型；
2、确定UI原则：确定交互模型后。
系统界面标准及规范讲述
2. 详细原则
2.3. 较快的响应速度 保持界面能很快对用户操作作出反应。在提交操作上时候，统一使用显示处理进度条，提 示不要切换窗口,在自动跳转未成功时应显示具体信息。
2. 详细原则
2.4. 简洁美观 界面应该很简单、易于学习、并且易于使用，它还必须提供对应用程序的所有功能的访问；美观是应用 程序界面的重要部分，可视属性提供了非常好的印象，并传达特定对象的交互行为的重要线索。
2. 详细原则
2.2. 清楚一致的设计 一致允许用户将已有的知识传递到新的任务中，更快地学习新事物，并将更多的注意力集 中在任务上。这是因为他们不必花时间来尝试记住交互中的不同。通过提供一种稳定的感 觉，一致使得界面熟悉而又可预测。一致在界面的所有方面都是很重要的，包括命令的名 称、信息的可视表示，操作行为，以及元素在屏幕和窗口内部的放置。
5.
界面传递
父窗体与弹出 窗口。
1.
页面内容过少；对该页面进行操作时，父级页面不可操做；页面功能是按流程操作， 针对某个功能需额外进行设置；如上情况请使用弹出页。
2. 3.
当子窗体的任何操作影响了父窗体的数据时，子窗体关闭返回必须更新父窗体的数据。 弹出页内容少则不加最大化、最小化按扭。弹出窗口最大化后有意义则可加最大化按 扭。弹出窗口最小化后放在页面右下角。
9.
提示信息超过三条时应该将其分成独立的区域。
3. 界面通用规范
序号 4 名称 提示框 简述 对信息返回的 提示展现方式 1. 规范要求 对于频繁操作的功能，不要使用alert提示，使用div提示，停顿几秒钟(自定义几秒)后 自动消失；如添加主宾栏…。类似下图： 成一个统一的调用。停顿时间默认为2秒钟，可自己定义 2. 3. 对可能造成数据无法恢复的操作必须提供确认信息,给用户放弃选择的机会 当前操作完成后，如果有必要请给予用户下一步操作的“入口链接”。举例：系统表 式维护完毕，应提供“维护年度表式入口”，方便用户快捷操作。 ，此处应封装
UI设计规范
UI设计规范UI（User Interface）设计规范是指在进行用户界面设计时，遵循一系列的准则和标准，以提高用户体验和界面的一致性。
本文将介绍一些常见的UI设计规范，帮助设计师在实践中更好地应用这些规范。
一、色彩规范1. 色彩搭配：在UI设计中，色彩的搭配是非常重要的。
设计师应该选择一种主色调，并在此基础上选择辅助色彩。
主色调应该与品牌形象相符，辅助色彩则可以用于突出重要信息或界面元素。
2. 色彩对比度：为了确保用户能够清晰地辨识界面上的文字和图标，设计师应该注意色彩对比度。
通常，文字和图标的颜色应与背景色形成明显的对比，以提高可读性和可识别性。
二、字体规范1. 字体选择：在UI设计中，字体的选择也是非常重要的。
设计师应该选择易读且符合品牌形象的字体。
通常，标题和重要信息可以选择较为醒目的字体，而正文内容则应选择易读的字体。
2. 字号和行高：为了提高可读性，设计师应该合理设置字号和行高。
通常，标题和重要信息可以选择较大的字号，而正文内容则应选择适中的字号，并设置合理的行高。
三、布局规范1. 网格系统：使用网格系统可以帮助设计师更好地组织界面元素，提高界面的一致性和可读性。
设计师应该在UI设计中使用合适的网格系统，并根据界面的需求进行调整。
2. 对齐和间距：在UI设计中，对齐和间距也是非常重要的。
设计师应该确保界面上的元素对齐整齐，并设置合理的间距，以提高界面的整洁度和可读性。
四、交互规范1. 导航和标签：在UI设计中，导航和标签的设计是非常重要的。
设计师应该合理设置导航和标签，以提高用户的导航体验和信息查找效率。
2. 按钮和表单：在UI设计中，按钮和表单的设计也是非常重要的。
设计师应该确保按钮的样式和位置一致，并设置合理的表单布局，以提高用户的操作便利性和界面的一致性。
五、图标规范1. 图标风格：在UI设计中，图标的风格也是非常重要的。
设计师应该选择符合品牌形象和界面风格的图标风格，并确保图标的一致性和可识别性。
系统界面设计规范
系统界面设计规范界面是软件与用户交互最直接层, 界面好坏决定用户对软件第一印象。
而且设计良好界面能够引导用户自己完成对应操作, 起到向导作用。
同时界面如同人面孔, 含有吸引用户直接优势。
设计合理界面能给用户带来轻松愉悦感受和成功感觉, 相反因为界面设计失败, 让用户有挫败感, 再实用强大功效都可能在用户畏惧与放弃中付诸东流。
现在界面设计引发软件设计人员重视程度还远远不够, 直到最近网页制作兴起, 才受到教授青睐。
我们界面设计遵照以下基础标准:1、易用性按钮名称应该易懂, 用词正确, 屏弃没楞两可字眼, 要与同一界面上其她按钮易于区分, 能望文知意最好。
理想情况是用户不用查阅帮助就能知道该界面功效并进行相关正确操作。
易用性细则:1):完成相同或相近功效按钮用Frame框起来, 常见按钮要支持快捷方法。
2):完成同一功效或任务元素放在集中位置, 降低鼠标移动距离。
3):按功效将界面划分局域块, 用Frame框括起来,并要有功效说明或标题。
4):Tab键次序与控件排列次序要一致, 现在流行总体从上到下, 同时行间从左到右方法。
5):复选框和选项框按选择几率高底而前后排列。
6):界面空间较小时使用下拉框而不用选项框。
7):选项数较少时使用选项框, 相反使用下拉列表框。
8):专业性强软件要使用相关专业术语, 通用性界面则提倡使用通用性词眼。
2、规范性通常界面设计都按Windows界面规范来设计, 即包含“菜单条、工具栏、工具厢、状态栏、滚动条、右键快捷菜单”标准格式, 能够说: 界面遵照规范化程度越高, 则易用性对应就越好。
规范性细则:1): 状态条要能显示用户切实需要信息, 常见有:现在操作、系统状态、用户位置、用户信息、提醒信息、错误信息等, 假如某一操作需要时间较长, 还应该显示进度条和进程提醒。
2): 状态条高度以放置五号字为宜, 滚动条宽度比状态条略窄。
3、帮助系统应该提供详尽而可靠帮助文档, 在用户使用产生迷惑时能够自己寻求处理方法。
系统界面标准及规范
留。） 3. 当未查询到任何记录时，需给予未查找相关记录的提示信息。
19.
保存
保存当前变更
1. 当保存所费时间较长时，需给予进度界面提示。
2. 必须控制不可以重复保存。
3. 页面有修改，未保存时关闭窗口时，提示用户是否保存。暂时做不到
4. 弹出提示操作，确认继续危险动作的按扭默认为第一个按扭加虚线框提示。
2. 当子窗体的任何操作影响了父窗体的数据时，子窗体关闭返回必须更新父窗体的数据。
3. 弹出页内容少则不加最大化、最小化按扭。弹出窗口最大化后有意义则可加最大化按
扭。弹出窗口最小化后放在页面右下角。
4. 关闭父窗体必须连同子窗体一同关闭。
5. 子窗体的大小最好不要超过父窗体，且最好不要遮住父窗体的主要信息。
系统界面标准及规范
系统界面标准及规范
1.总体原则 2.原则详述
2.1. 用户控制 2.2. 清楚一致的设计 2.3. 较快的响应速度 2.4. 简洁美观 3.界面通用规范 4.控件通用规范 5.主要功能的规范 6.软件界面规范列举 6.1通用规范 6.2 登录页 6.3首页/主界面 6.4 主体/细节模式 6.5 分栏浏览 6.6 列表模式 6.7表单模式 6.8 弹出模式 6.9 提示信息 符：公式定义页面
一些规范
2. 当界面排列紧凑时，必填项没有填时，最后提交应弹出警告；但确定后必
须停留在相应待输入的文本框中。当界面排列空间比较宽松时，必填项没
填时光标移开则在输入框旁边给出提示。
3. 界面通用规范
序号 3.
名称 提示语
简述 提示信息的规范
规范要求
1. 提示信息中标点符号请统一为全角符号。 2. 提示信息如有主语，请统一为‘您’。 3. 提示信息不宜太长，宽度不宜超过当前窗口的1/2；当超过此比例时，请视具体情况进行换行。 4. 提示信息尽量给出用户下一步操作的提示，避免只提示“您的操作已成功”等。J举例：可改为
19.
保存
保存当前变更
1. 当保存所费时间较长时，需给予进度界面提示。
2. 必须控制不可以重复保存。
3. 页面有修改，未保存时关闭窗口时，提示用户是否保存。暂时做不到
4. 弹出提示操作，确认继续危险动作的按扭默认为第一个按扭加虚线框提示。
2. 当子窗体的任何操作影响了父窗体的数据时，子窗体关闭返回必须更新父窗体的数据。
3. 弹出页内容少则不加最大化、最小化按扭。弹出窗口最大化后有意义则可加最大化按
扭。弹出窗口最小化后放在页面右下角。
4. 关闭父窗体必须连同子窗体一同关闭。
5. 子窗体的大小最好不要超过父窗体，且最好不要遮住父窗体的主要信息。
系统界面标准及规范
系统界面标准及规范
1.总体原则 2.原则详述
2.1. 用户控制 2.2. 清楚一致的设计 2.3. 较快的响应速度 2.4. 简洁美观 3.界面通用规范 4.控件通用规范 5.主要功能的规范 6.软件界面规范列举 6.1通用规范 6.2 登录页 6.3首页/主界面 6.4 主体/细节模式 6.5 分栏浏览 6.6 列表模式 6.7表单模式 6.8 弹出模式 6.9 提示信息 符：公式定义页面
一些规范
2. 当界面排列紧凑时，必填项没有填时，最后提交应弹出警告；但确定后必
须停留在相应待输入的文本框中。当界面排列空间比较宽松时，必填项没
填时光标移开则在输入框旁边给出提示。
3. 界面通用规范
序号 3.
名称 提示语
简述 提示信息的规范
规范要求
1. 提示信息中标点符号请统一为全角符号。 2. 提示信息如有主语，请统一为‘您’。 3. 提示信息不宜太长，宽度不宜超过当前窗口的1/2；当超过此比例时，请视具体情况进行换行。 4. 提示信息尽量给出用户下一步操作的提示，避免只提示“您的操作已成功”等。J举例：可改为
软件ui设计规范标准
软件UI设计规范标准一、设计原则1.1 用户导向UI设计应以用户为中心，关注用户需求，提供简洁、直观的操作界面，提升用户体验。
1.2 一致性保持界面元素的一致性，包括图标、按钮、颜色、字体等，有助于用户快速熟悉和上手。
1.3 美观性界面设计应美观大方，符合审美潮流，为用户带来愉悦的视觉体验。
1.4 可用性确保界面布局合理，操作便捷，提高软件的易用性。
二、布局规范2.1 分栏布局采用固定分栏布局，如一栏、两栏、三栏等，使内容分布更加清晰。
2.2 模块划分将功能模块进行合理划分，便于用户快速找到所需操作。
2.3 留白处理适当留白，避免界面过于拥挤，提高阅读体验。
2.4 对齐方式保持元素对齐，使界面看起来更加整洁。
三、色彩搭配3.1 色彩选择根据品牌调性选择主色调，搭配辅助色，形成和谐统一的视觉感受。
3.2 色彩对比保证文字与背景色的对比度，提高可读性。
3.3 色彩情感运用色彩传达情感，如蓝色代表稳重、红色代表热情等。
四、图标设计4.1 形状规范图标形状应简洁明了，易于识别。
4.2 尺寸规范保持图标尺寸一致，便于用户快速理解。
4.3 风格统一图标风格应与整体界面风格保持一致，形成统一的视觉语言。
五、字体规范5.1 字体选择选择易读性强的字体，如微软雅黑、Arial等。
5.2 字号规范根据内容重要性和阅读场景，设置合适的字号。
5.3 字体颜色确保字体颜色与背景色对比明显，提高可读性。
六、交互设计6.1 反馈机制为用户提供明确的操作反馈，如按钮、输入框等。
6.2 动效设计合理运用动效，提升用户体验，但不过度装饰。
6.3 逻辑流程设计简洁明了的操作流程，降低用户学习成本。
七、界面元素设计7.1 按钮设计按钮形状：采用圆形、方形或长方形，确保形状一致性；按钮大小：根据功能重要性和操作频率设置合适的大小；按钮间距：保持适当的间距，避免按钮过于紧凑或稀疏；按钮颜色：主按钮采用品牌色，次按钮采用辅助色，区分不同功能。
UI设计界面规范
UI设计界面规范1.一致性：保持界面元素的一致性是UI设计的核心原则之一、相似的功能应该在不同页面中以相似的方式呈现，相同的元素应该有相同的样式和行为，这样可以减少用户的学习成本并提供一致的使用体验。
2.简洁明了：界面应该避免过多的复杂功能和冗余的信息，保持简洁。
用户应该能够迅速理解界面的用途和如何操作，无需进行额外的学习。
3.易于导航：设计良好的导航能够帮助用户快速找到所需的功能和信息。
导航应该简单明了，无需用户去猜测应该点击哪个按钮才能到达目的地。
4.色彩搭配：选择好颜色对于界面的可读性和美观度至关重要。
主题颜色应该与品牌风格一致，同时需要注意使用合适的对比度，以确保文本和图标能够清晰可见。
5.响应式设计：随着移动设备的普及，界面需要适应不同的屏幕尺寸和设备类型。
响应式设计可以使界面在不同设备上都能够正常显示，并保持一致的用户体验。
6.使用标准的UI元素：使用标准的UI元素可以帮助用户快速理解界面的功能和操作方式。
例如，使用常见的按钮样式、滑块、选择框等。
7.合理的排版：界面元素的排版要符合用户的习惯和阅读习惯。
标题、副标题、正文等元素应该有一定的空白和行间距，以提高阅读的舒适度。
8.错误处理：在用户发生错误操作或输入错误时，界面应该能够及时给出提示信息，并提供恢复或纠正错误的方式。
9.反馈机制：界面应该及时反馈用户的操作，例如按钮按下后的状态变化或显示进度条以提示用户等待。
10.可访问性：UI设计应该考虑到不同用户的特殊需求，例如视力障碍或听力障碍等。
提供可调节的字体大小、高对比度的模式或语音助手等功能可以提高界面的可访问性。
总之，UI设计界面规范旨在通过一系列准则和规则来提供用户友好的界面，以提高用户体验和满足用户需求。
遵循这些规范可以帮助设计师设计出易于使用、具有一致性和美观度的界面。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
B/S 系统界面设计规1.引言界面美观、操作易用性、维护成本低是评价B/S系统的关键。
本规参考了一些成熟产品科学的开发方法，将开发过程中的方式、规则等强行的约束。
希望藉此来提高用户操作感受，提升B/S产品的质量。
1.1. 编写目的广义的界面概念包含了除页面布局设计之外，交互性的设计，及人体工程学方面的研究。
本规制订的依据从广义概念出发，总结以往项目的成败经验，目的是从整体上提升公司B/S 类产品的质量、开发效率。
从以技术为中心发展为以客户为中心，将类似项目成功的经验继承和积累下来，将B/S系统与C/S系统开发过程上的区别降低到仅显示控制的极小的层面。
新的开发方式强调分层，规出界面设计人员做什么，服务器编程人员做什么，这样就把页面和控制代码两个层面清晰的分开。
1.2. 背景B/S模式系统以其易部署、易扩展、能够高度集成各种技术的特点，在公司产品线中占越来越大的比重，.Net、J2ee等技术的发展更是将B/S系统的开发和桌面应用程序开发的工程方法统一起来，突出服务器端技术，这些变革要求界面设计人员和服务器端编程人员可以应用更加科学的方法合作，团队的合作方式甚至决定了一个系统开发的成败。
目前公司较多的服务器端编程人员仍然处于“后ASP 时代”的开发方式，表现为前台页面仍然与服务器代码高度的关联，带来的后果是重复建设、高昂的维护成本或失去控制的项目，没有充分的发挥出集成开发工具的优势。
在以往的开发方式下界面设计侧重在静态页面的建设上，每个页面作为一个独立的模块来处理，在页面交互中则是程序员根据自己的习惯来控制，程序对个人的编程风格的依赖很强，这些在以往开发WEB站点的方式扩展到B/S系统有时是不正确的，甚至是背道而弛的，当然也不利于规模化的团队合作。
1.3. 定义术语定义：效果图：由界面设计人员设计的页面效果图，综合了概要设计的业务需要和整个站点的风格，它规定了页面布局上的每个细节。
容器：即HTML 标记的嵌套结构，如在表格->行->单元格放置图片，那么可以认为单元格是放置图片的容器。
样式表：即级联式样式表CSS，它是W3C机构在HTML标记语言上扩展的格式语言。
非标准交互控件：是通过标准控件组合、扩展等方法以提高特定业务执行效率而进行封装的控件，或概括为用户根据以往的操作经验不能够直接领会出操作方式的交互控件。
2. 界面设计规细则总体目标以规作为基本原则，在此框架进行合理的扩展和变化，将站点的每个模块服从于整个站点，模块页面与“高聚”的控制代码紧密的结合在一起，同时对应于应用程序基于系统的架构分析。
2.1. 通用原则1 界面色彩要求：计算机屏幕的发光成像和普通视觉成像有很大的不同，应该注意这种差别作出恰当的色彩搭配。
对于需用户长时间使用的系统，应当使用户在较长时间使用后不至于过于感到视觉疲劳为宜。
例如轻松的淡彩为主配色，灰色系为主配色等等。
切忌色彩过多，花哨艳丽，严重妨碍用户视觉交互。
2 界面平面版式要求：系统样式排版整齐划一，尽可能划分不同的功能区域于固定位置，固定的格式，方便用户导航使用；排版不宜过于密集，保留一定的“留白”区域，减轻查看时的视觉疲劳。
3 数据显示集中原则：各种列表在页面中往往是传递信息的核心，尽量集中的表现出来，并提供必要的关联数据、表等恰当的组织起来，并且在视觉上使用户很容易察觉数据之间的关系，并方便查看、编辑等；冗长拖沓的数据组织形式可能给用户带来非常低的维护效率。
4 主次分明原则：页面中同时分布较多栏目的情况下，按照页面（Flow）的伸展方向，即由上到下，有左到右，根据浏览的方向，重要的容应该在左边最易注意的位置，导航等置于页面头部固定位置。
使导航等重要容始终处于用户的视野（Sight）之中.页面右边一般是一些当前页面主要操作的扩展、选项等容。
5 变化（对比）原则：在页面主体容部分往往有很多文本信息，它是需要用户认真阅读的部分，只在文本字体、色彩上增加格式的变化，如加粗、下划线、行前导符、文本的不同状态定义（link\hover\visited）等，就可以将冗长的文档、表格等组织的很有条理；冗长的容“层次“就有了变化，更容易辩识(Readable)；在美学角度增加了相临部分间的对比。
6 页面留白：页面留白同时也是一种增加可读性（Readable）的方式。
在文字区域防止用户读完一行无法定位下一行的位置的麻烦，在整体布局上，它可以减轻用户的视觉疲劳。
7 即时响应原则：每一个交互动作应该能够马上看到操作的结果，并且用色彩、文字粗细、闪烁、弹出、页面布局的明显变化等突出方式告知用户。
8 鼠标最短距离移动原则：交互按钮控件等根据执行前后关系及表单中状态的控制等合理的组织起来。
2.2. 显示（版式）设计1．页面布局基于表格Table建立完全符合设计效果图。
2．文字容易阅读。
行间距、字体大小等通过样式表统一控制。
3．页面根据不同功能、不同状态用不同颜色、状态标志，增加页面层次。
4．基于表格Talbe的布局（Layerout）控制，便于控制实现不同分辨率下的适应，和页面上下方向的自动扩展；表格作为控件“容器”规外观和规格，不同页面中的行列分布基本一致。
5．使用样式表修饰页面表格Table,如表格单元格、背景，表格字体等，方便今后对于整个站点的维护和扩展。
6．页面分组页面查询区域、数据列表、详细信息、编辑区域等根据不同功能分组，所在区域主题（Title）标注该区域的名称，类似功能页面间布局保持一致。
7．建立数据表格关系包含数据的表格使用户在视觉上理解相互间关系，如序列、父子表等。
8．页面留白页面有明显留白区域，且不同群组之间距离保持一致。
9．分辨率适应页面布局以保证在低分辨率[800*600]下的正确显示为前提，适应高分辨率情况使用表格宽度等参数使用百分比方式自动适应；2.3. 对程序设计及编码的要求1 表格作为控件物理上包含的容器和部包含的控件之间的属性定制互不影响，即实现其无关性，这样才能完整的保证页面的基本结构在局部修改时不发生变化。
2 力求样式表实现页面格式全部控制，废弃如<font>、<backcolor>等嵌标记，实例化坐标位置的<div>标记、页面中控制布局的标记修饰含style属性的嵌样式修饰，便于使用第三方页面维护工具修改页面。
3 页面基本HTML及服务器端控件扩展标记等均保持代码干净整洁，便于检查和控制；4 含有复杂嵌套结构的,<tr>,<td>标记在行间留白及结构的缩进，便于今后的维护。
5 非数据操作使用客户端脚本实现，减少非必要的服务器[WEB 服务器、数据库服务器]负载；2.4. 交互设计a) 控件控制1 第三方服务器端控件的使用要保证具有广泛兼容性和安全性，且具有完备的接口指定外观属性和交互方式。
2 复杂的应用程序中非标准交互控件给出详细的操作方法的提示。
3 页面中尽量使用统一的导航类型，如使用基于点击“图形”的、“文字”的或文字图形混合其中一种方式。
举例：4 页面按钮作为基本交互控件，提倡使用有鼠标响应状态变化和禁用状态的BUTTON 按钮，除特殊界面需要，不提倡使用图形按钮，而且保证同一应用程序只使用一种外观的按钮。
5 拖放的服务器端控件在页面表格Table 里在执行过程中不能破坏页面原布局。
如.NET中CANLENDAR控件建议在弹出的子窗体独立使用。
6 包含数据的表格使用中没有数据的情况有文字标注[无**数据]]，表头字段名用区别于数据行的格式显示。
7 分栏目的主题名称使用用户容易理解的，以用户第一人称角度的命名方式，减少生硬的称谓给用户带来的不友好感。
8 B/S应用程序允许含有类似拖放操作的非标准交互控件，但是需增加操作的说明。
b) 表单控制1 页面部有必要的前后文帮助信息，将页面主要任务目标、注意事项等描述在表单前申明，便于用户及时获得导引。
2 页面在交互控制中添加完整的状态控制，操作中灰显特定组合的控件来实现用户的准确操作，及时的刷新表单中遗留的数据。
3 表单任务无关的信息、较少使用的选项等可以通过DHTML 技术、服务器端控件的隐藏等减少用户操作中的干扰因素。
4 表单在特定的字段域附近给出必填信息提示，并用醒目颜色标注，提醒用户注意，验证的错误提示要给出准确恰当的指导；为提高用户填写的效率，建议使用客户端验证；复杂逻辑的验证使用服务器端验证。
5 信息显示过滤可能出现的用户不能识别的HTML特殊字符。
6 表单中用户在交互过程中保证用户方便的切换编辑、浏览状态，方便用户用最快的速度获取需要的信息，提高操作效率。
7 经常使用的工具按钮（如新增、编辑等功能按钮）保证在页面经单向拖曳浏览后，不需来回拖曳滑竿即可操作；长页面可以考虑页首、页尾均放置工具按钮。
8 主详细表及父子表关系的查看方式使用联动式导航到下级数据，即点选主项目或父项目记录时系统自动查询并显示出关联的详细信息、子表数据，无需点选任何按钮。
c) 窗体控制1. 使用具有广泛兼容性的j***ascript控制客户端交互和简单导航,，除服务器控件部分自动扩展到客户端的Jscript 外，程序员手动控制脚本不推荐使用Jscript 和VBscript。
2. 操作过程中有清晰分界的子任务使用弹出窗体实现，保证完成后向主任务窗体返回必要的结果，及时刷新主任务窗体，使用户看到操作完成的结果，并且通过控件获取焦点等措施突出显示该结果。
3. 弹出窗体的页面主题、栏目标题（Title）等资料与关联的父窗体保持上下文一致，方便用户理解并做出处理策略。
4. 采用框架结构的应用程序，要充分考虑不同分辨率下的自动扩展，不同框架之间同步通讯及时，方便用户快速切换目标导航，观察数据之间的关系等。
5. 窗口主题显示标志用户当前所在模块或子系统名称，子任务窗体主题使用“动词+名词”的语法结构指明用户当前的任务；2.5. 输入设计1．高效率的输入方式，特定的字段容的输入方式选用使用效率最高，不容易发生错误的方式。
如录入日期使用用户点选弹出的日历控件，并无须干预的自动返回正确的格式。
2．方便的获取到必要的信息，无须用户记忆中间结果。
3．表单格式尽量保持业务原始票据的格式或字段排列顺序，方便用户的集中录入过程。
4．表单字段左对齐。
5．输入控件的宽度基本符合数据库能够容纳的宽度，暗示系统能够接受的字符容量。
2.6. 提示信息1. 错误操作的提示信息使用非专业的、易理解的名词告知用户。
2. 以第二人称“你”或“您”称呼用户，强调用户的主导能力。
3. 对用户宽容的语气。
4. 严重的警告信息使用弹出信息框提示，不严重的在页面前后文处直接输出，弹出不宜太频繁的使用。
5. 可能对系统导致破坏性的操作要给出警告信息和用户确认（Confirm）按钮，用户可以取消操作，防止意外的错误操作造成损失。