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