项目三:商业网站, 黑马团队

OKA国际眼镜分页设计文档(文章内容)

2014年11月04日

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

1、整体布局

文章细节页

 

内容整体设计

?

2、细节布局

内容细节设计

二、网站配色

1.网站整体配色

1

主要色(#000000)+辅助色(#ffffff)+点缀色(#f81229)

2.LOGO配色方案

2

主要色(#000000)+辅助色(#ffffff)

3.导航配色方案

3

主要色(#000000)+辅助色(#f81229)

文字色:(#828282)

4.新闻栏目配色

4

主要色(#d2d3d5)+辅助色(#000000)

5.眼镜内容栏目配色方案

  • 主要色(#ff1d1d)+(#161616)
  • 51
  • 主要色(#8c176a)+(#404549)
  • 52
  • 主要色(#04618c)
  • 53
  • 主要色(#2f2f2f)
  • 54

6.品牌形象栏目配色

6

主要色(#ffffff)+辅助色(#000000)+点缀色(# b73439)

三、网站修饰

1.导航设计

7

文字大小:20点

文字颜色:白色

字体:宋体

2.栏目设计

xiushi

 

3、主要内容背景设计

8

#ffffff

4、标题图片设计

tubiao

5、banner

banner

四、网站交互

1、导航(静态黑底,鼠标经过红色底色)

10

 

五、布局初稿

文章细节页