网站页面元素风格与布局规范说明书样本.doc

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