1、
Confidential
(秘密)
Modern Chinese coin展示网站
页面元素风格及布局规范说明书
Version 1.0.0
-12-16
Written By 软件学院数字媒体专业
湖南大学
©All Rights Reserved
2、
目 录
1 背景和目标 2
1.1 项目背景和意义 2
1.2 文档编写目标 2
2 总体设计概述 2
2.1 总体设计风格 2
2.2 视觉设计风格 2
3 页面关键元素及布局设计 2
3.1 主页面 2
3.2 产品展示页面 3
3.3 相关我们页面 4
3.4 联络我们页面 4
4 CSS总体设计 5
6 结束语 5
1 背景和目标
1.1 项目背景和意义
纪念币是一个国家为纪念国际或本国政治、历史、文化等方面重大事件，杰出人物，名胜古迹，珍
3、稀植物，体育赛事等发行法定货币。中国纪念币是含有特定专题，是由国家授权中国人民银行指定国家造币厂而设计制造，由国家银行统一计划发行法定货币。开发中国现代纪念币展示网站，提供不一样专题中国纪念币展示和交易平台，宣扬中国纪念币特殊意义和满足公众收藏要求。
1.2 文档编写目标
本文档作为页面元素及布局规范说明书，编写目标是为了确定所要开发中国纪念币展示网站以下简称网站)总体视觉和布局效果设计，从Web交互设计角度出发，制订一个用户可用性高、体验效果好网站设计风格。
具体包含对网站总体风格定位，内容总体表现形式和方法，和对各层页面元素和布局设计，如页面颜色、Flash效果、按钮设计、链接布局
4、等。
该文档为网站设计和开发提供依据，并作为评定网站设计质量关键依据。本文档能够作为本项目开发开发项目管理者、Web设计/开发工程师、网页视觉设计/开发工程师和本网站使用人员参考之用。
2 总体设计概述
2.1 总体设计风格
所设计网站“个性”为：简约时尚、鲜明精巧。以xhtml+css+js+jsp技术为基础，以图片交互展示手段满足用户浏览和交易需求。
2.2 视觉设计风格
网站各个页面色调和风格必需友好统一，以功效性展示为关键目标。
视觉设计以冷色调为主，尤其以墨蓝和土黄，黑色为主色调。
英文字体以Verdana Arial,Helvetica,sans-serif为主，大
5、小通常为62.5%/1.5em.
3 页面关键元素及布局设计
3.1 主页面
页面布局设计
图1 主页面设计
3.2 产品展示页面
图2 产品展示页面
3.3 相关我们页面
图3 相关我们页面
3.4 联络我们页面
图4 联络我们页面
4 CSS总体设计
*{margin:0;
padding:0;
}
6、
html{
font-size:100%;
}
body{
font:62.5%/1.5em Verdana Arial,Helvetica,sans-serif;
background:#486772;
}
p{
font: 1.1em/1.4 Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 1em;
}
/* ---------- add your code below ---------- */
/*各个页面css代码*/
6 结束语
该文档简明定义了网站建设页面元素设计风格，及布局规范，关键包含网站设计风格，页面色调，元素布局具体规范，本文档是后续部分模块设计，编码，测试和维护基础文档。
浙ICP备2021020529号-1 | 浙B2-20240490 
