电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

交互设计规范分享:页面信息展示、信息交互和通用组件规范

交互设计规范分享:页面信息展示、信息交互和通用组件规范_第1页
1/7
交互设计规范分享:页面信息展示、信息交互和通用组件规范_第2页
2/7
交互设计规范分享:页面信息展示、信息交互和通用组件规范_第3页
3/7
交互设计规范分享:页面信息展示、信息交互和通用组件规范本规范按web交互属性分三个部分:页面信息规范、信息交互规范、通用组件规范。前些时间正准备写交互规范,就去网上搜罗了一下交互规范的一些范本,想作为借鉴参考,但却没能找到比较满意的,找到了一些零散的内容(当然有些还是有参考价值的),所以就觉得交互规范这方面的内容比较少,就来此给分享一下自已整理的规范。本规范是PC端web管理系统的规范,文档结构和内容有参考过网上一些大牛的分享,个人的思考并不完善希望各位大神多多指正和补充。不多讲了,请看正文… …一、 页面信息规范1、页面命名每个页面都要有与之模块对应的名称。2、页面兼容性(1)页面大小兼容自适应1366*768px及以上的分辨率默认窗口设置下,不应出现水平滚动条,避免出现垂直滚动条(当内容过多时允许滚动条)( 2) 弹 窗 、 弹 页 要 保 证 768高 度 的 分 辨 率 显 示 正 常 , 同 时 能 移 动 查 看 弹 出 框 内 容 。 弹 出 框 高 度 为 不超 过 450px, 且 显 示 在 内 容 页 面 相 对 水 平 、 垂 直 相 对 居 中 位 置 。( 3) 浏 览 器 兼 容兼 容 Chrome、 Firefox、 Safari、 IE8及 以 上 主 流 浏 览 器 。文 字文 字 用 系 统 自 带 的 常 规 字 体 , 且 分 一 级 标 题 、 二 级 标 题 、 主 内 容 文 字 、 次 内 容 文 字 、 辅 助 文 字 ( 说明 或 引 导 性 文 字 , 提 醒 性 文 字 ) , 分 别 用 不 同 的 字 号 、 颜 色 。 具 体 字 号 大 小 和 颜 色 参 考 UI设计效果图。内 容 图片内 容 图片均带 1px描边;内 容 图片未加载出 来时 显 示 系 统 默认图片。二 、 信息交互规范1、 数据操作显示数据(表格)( 1) 表头:字 体 加粗、 且 比单无格内 容 字 体 大 一 号 , 且 体 字 体 大 小 参 照UI效果图。( 2) 单无格:文 字 图片内 容 左对 齐, 数字 、 金额内 容 右对 齐。( 3) 操作内 容 原则上 均用 文 字 表达, 如“编辑- 删除”( 4) 鼠标 划过 表格单行时 , 颜 色 高 亮。( 5) 原则上 每页 显 示 15- 20条数据, 实际显 示 条数据可按设计排列效果而定。( 6) 表格中 不 定长的 字 段, ...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

交互设计规范分享:页面信息展示、信息交互和通用组件规范

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部