交互页面设计规范包含的内容

前些时间正准备写交互规范，就去网上搜罗了一下交互规范的一些范本，想作为借鉴参考，但却没能找到比较满意的，找到了一些零散的内容（当然有些还是有参考价值的），所以就觉得交互规范这方面的内容比较少，就来此给分享一下自已整理的规范。本规范是PC端 web管理系统的规范，文档结构和内容有参考过网上一些大牛的分享，个人的思考并不完善希望各位大神多多指正和补充。以下是赢在威客网小编整理的交互页面设计规范包含的内容。

本规范按web交互属性分三个部分：页面信息规范、信息交互规范、通用组件规范。

一、 页面信息规范

页面命名每个页面都要有与之模块对应的名称。

页面兼容性

（1）页面大小兼容自适应1366*768px及以上的分辨率，默认窗口设置下，不应出现水平滚动条，避免出现垂直滚动条（当内容过多时允许滚动条）

（2）弹窗、弹页要保证768高度的分辨率显示正常，同时能移动查看弹出框内容。弹出框高度为不超过450px，且显示在内容页面相对水平、垂直相居中位置。

浏览器兼容

兼容Chrome、Firefox、Safari、IE8及以上主流浏览器。

文字

（1）文字用系统自带的常规字体，且分一级标题、二级标题、主内容文字、次内容文字、辅助文字（说明或引导性文字，提醒性文字），分别用不同的字号、颜色。具体字号大小和颜色参考UI设计效果图。

内容图片

（1）内容图片均带1px描边。

（2）内容图片未加载出来时显示系统默认图片。

二、 信息交互规范

数据操作


显示数据（表格）、选中数据、新增数据、修改数据、查询数据、删除数据、提交/上传数据

提示信息

预先信息提示、操作信息提示、结果信息提示

三、 通用组件规范


导航

菜单导航栏、导航菜单、当前位置导航

公司级的规范文档格式并不是像上文一样，但鉴于简书排版能力有限，只能做到这样子了