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

Confidential(秘密) Modern Chinese coin展示网站页面元素风格及布局规范说明书Version 1.0.02011-12-16Written By 软件学院数字媒体专业湖南大学 2011 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 结束语该文档简要定义了网站建设的