黑马团队

D·H团队网站设计文档(信息服务)

2014年05月25日

一、分页(信息服务)布局与尺寸(单位:像素)?

1、整体布局

 

xxfw_1

 

2、细节布局

 

xxfw_2

浅蓝为背景,深蓝色、白色、紫色为内容,框的大小

二、网站配色?

1、主要配色方案

主要色(#ffffff)+辅助色(#2fa9e2)

xxfw_3

2、LOGO配色方案

主要色(#1b70d0)+辅助色(#838383)+点缀色(#ff000d)

xxfw_4

3、导航配色方案

主要色(#1b70d0)+辅助色(#e22f55)

字体色(#ffffff)

xxfw_5

4、版权配色方案

文字色(#868686)

5、背景配色方案

网页背景色(#e7ecd6)+(#fefefe)

 

三、修饰?

1.导航设计

xxfw_6

文字大小:18点

颜色:白色

字体:新宋体

2.列表设计

xxfw_7

文字大小:18px

颜色:白色

字体:方正魏碑简体

3.内容设计

xxfw_8

文字大小:16px

颜色:黑色

字体:楷体

 

四、交互

1、鼠标经过效果

导航

xxfw_6

鼠标经过色:#e22f55

列表

xxfw_7

鼠标经过色:#ffffff

2、图片文件命名

图片:img(图片根据图片内容用英文命名-数字)

3、网页文件命名

首页:index.html

分页:根据网页的导航位置来定

4、css文件命名

Global.css

ID:位置?_英文_数字

类:位置?_英文_数字

表格:位置?_英文_数字

五、布局初稿图

 

xxfw_9