飞跃团队

羽毛球协会分页设计文档(协会相册)

2014年06月14日

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

1、整体布局

yx_xc_1

2、细节布局

 

yx_xc_2??????????????????????????????????????????????? (注:红色为间距,灰色为内容区)

二、网站配色

1.整体背景配色方案

yx_xc_3

从# 83dffd到#ffffff之间的渐变色

2.导航配色方案

yx_xc_4

yx_xc_5

主色#ff543c???? 辅助色# ff543c

3.版权配色方案

yx_xc_6

yx_xc_7

从#b3ebfe到#3fc8f7之间的渐变色

三、修饰

1、文字大小??

?? ???导航:20px?? 标题:28px?? 版权:16px

2、颜色
?????????导航:#fff?? 标题:# 58d8ff?? 版权:#636161

3、字体??

???????? 导航黑体、版权宋体

四、交互

导航鼠标经过色yx_xc_8

鼠标经过字体变成#c0fb5b

正文无响应

图片响应:yx_xc_8

当鼠标滑过下方小图,上面能出现大图

五、网页文件命名

分页文件命名:page_拼音.html

:Id:top

导航:id:nav

?? 导航条图片:nav_beijing.jpg

盒子box

:footer

标志:logo.jpg

Css文件名

? 分页:Page_拼音.css

?? ID:拼音缩写_数字

?? 类:拼音缩写_数字

?? 表格:biaoge_数字

六、初稿图

 

?yx_xc_9