软件项目-页面原型-模板

XXX项目 页面原型模板

版本：V1.0

XXXX年X月

目 录

1

1.1 1.2 1.3 1.4 2 3 4

页面原型

引言 .................................................................................................................................... 2

文档目的 .................................................................................................................. 2 文档内容 .................................................................................................................. 2 参考文档 .................................................................................................................. 2 术语表 ...................................................................................................................... 2

设计规范 ............................................................................................................................ 2 风格设计 ............................................................................................................................ 2 典型页面 ............................................................................................................................ 2 4.1 4.2 4.3

主页面 ...................................................................................................................... 2 子页面1 ................................................................................................................... 2 子页面2 ................................................................................................................... 2

5 资源设计 ............................................................................................................................ 2 5.1 5.2 5.3

样式表 ...................................................................................................................... 2 图标资源 .................................................................................................................. 2 页面组件 .................................................................................................................. 2

6 模板补充说明 .................................................................................................................... 2 6.1 6.2 6.3

关于字体 .................................................................................................................. 2 关于页眉页脚 .......................................................................................................... 2 关于图、表 .............................................................................................................. 2

I

1 引言

1.1 文档目的

[编制文档的目的，及文档的期望读者。]

页面原型

1.2 文档内容

[概述文档的编制内容。]

1.3 参考文档

[说明本文件的参考文档。]

1.4 术语表

名称/缩写 表 1-1

英文全称 中文解释 2 设计规范

[阐述本软件用户页面设计应当遵循的规范（原则、建议等）]

3 风格设计

[阐述界面的布局及理由；阐述界面的色彩及理由。]

3 / 3

4 典型页面

4.1 主页面

[绘制主页面面的视图；说明主界面中所有对象的功能和操作方式。]

页面原型

4.2 子页面1

[绘制子页面1的视图；说明子界面A中所有对象的功能和操作方式。]

4.3 子页面2

[绘制子页面2的视图；说明子界面A中所有对象的功能和操作方式。]

5 资源设计

5.1 样式表

[对样式文件进行说明，并列出CSS文件路径]

5.2 图标资源

[列出主要常用图标，并IMG资源的路径]

5.3 页面组件

[对页面组件进行说明，并JS文件路径]

6 模板补充说明

6.1 关于字体

 封面题名  大标题

项目计划

一号黑体 黑体二号 黑体三号

1 项目目标 1.1质量目标

 一级节标题

3 / 3

 二级节标题

1.1.1过程质量

黑体四号

页面原型

 三级节及以下标题  正 文

 

1.1.1.1测试过程质量 黑体小四号 测试过程质量要求 表1-1

宋体小四号 宋体五号

表及表题

英文和数字字体采取Arial

6.2 关于页眉页脚

 封面：没有页眉页脚；

 版本及目录：页眉为文档名称；页角中的页码采取罗马数字，从Ⅰ开始；

 正文：页眉与版本及目录一致，为文档名称；页码编号采取阿拉伯数字，从1开始。

6.3 关于图、表

 图的对齐方式为“居中对齐”；

 表的对齐方式为“自动调整-根据窗口调整表格”；

 图、表的题注在图、表下方居中显示，格式为“图/表A-B”，其中A为章节号，B为

该章图的顺序编号。题注通过选中图/表后点击右键选择“插入题注”的方式添加；  表格表头高0.8CM，行高默认为0.6CM，根据文字行数成倍增加单元格高度，如单元

格内两行文字时，行高2倍高即1.2CM；

 表格内文字设置为垂直居中，并根据相应内容，设置水平居中（短、或者是序列号）、

或左对齐（内容较长的话）

3 / 3