黑马团队

D·H团队网站设计文档(案例展示)

2014年05月25日

一、首页布局与尺寸(单位:像素)

1、整体布局

1

注:首页黑色为背景,红色为内容,蓝色为banner背景。

2、细节布局

2

注:首页? 黑色为背景,红色为背景,蓝色为banner背景。

二、网站配色

1、主要配色方案

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

3

2、LOGO配色方案

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

4

3、导航配色方案

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

字体色(#ffffff

5

4、版权配色方案

文字色(#868686)

5、背景配色方案

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

 

三、修饰

1.导航设计

6

文字大小:18点

颜色:白色

字体:新宋体

 

3.标题图片设计

7

导航条:1000*62

颜色:#30a9e2

四、交互

1、鼠标经过效果

8

9

高度:122*58

颜色:red

 

五、文件命名

1、图片文件命名

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

2、网页文件命名

首页:index.html

分页:根据网页的主题来定(拼音缩写)

3、css文件命名

Global.css

ID:英文-位置数字

类:英文-位置数字

表格:英文-位置数字

 

六、布局初稿图

10