飞跃团队

首页设计文档

2014年05月18日

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

1、整体布局

f_indax_1

(注:红色为空白,白色为间距,黑色为内容区)

二、网站配色

2.1头部配色方案?f_index_2

主色#c3e773??辅助色77ab0f?头部字体515355

2.2导航配色方案?f_index_3
辅助色d2e2a0???主色9fc844字体ffffff辅助色88abda

2.3栏目标题配色方案

?f_index_4

f_index_5

主色abcf5c辅助色87a93a?cfcfcf

字体色ffffff

2、4栏目里面配色方案

?f_index_6

栏目背景色?主色f1f1f1

栏目标题字体?ffffff

栏目标题正文??515355

栏目标题正文more???608019

2.5版权配色方案

f_index_7

主色8abd18?字体色ffffff

三、修饰

1、文字大小

???????导航:19px????标题:16px????正文:14px???版权:14px???more:14px

2、颜色
导航:#fff???标题:#fff????正文:#000??版权:#2c2b2b???more:#6e8a37

3、字体

?????????黑体

四、交互

1、鼠标经过色?#2089F8

?导航:

f_index_8

????正文:#000??无变化

???图片响应:无边框,无填充

???图片响应:无边框,无填充

五、网页文件命名

首页:index.html

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

Css文件名

主页?Main.css

分页Page.css

ID:拼音缩写_数字_位置

类:拼音缩写_数字_位置

表格:biaoge_数字

六、首页初稿图

 

f_index_9