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

OKA国际眼镜分页设计文档(罗琴)

2014年10月31日

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

1.1、整体布局

未标题-1

 

整体布局

2.2、细节布局

 

设计图改

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

二、网站配色

1.网站整体配色

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

图片2

2.LOGO配色方案

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

图片3

3.导航配色方案

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

文字色:(#828282)

图片4

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

主要色(#817e7e)+(#ffffff)

图片5

辅助色(#?f8eb44)+(#?a1131f)+(ffffff)

图片6

5.地图栏目配色

主要色(#?e3051e)+辅助色(#?ffffff)

图片7

三、网站修饰

1.导航设计

图片8

文字大小:20点

文字颜色:白色

字体:宋体

2、主要内容背景设计

图片9???????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????? #ffffff

 

3、标题图片设计

图片10

 

4、导航图片效果

图片11

四、网站交互

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

图片12

 

2、栏目(鼠标经过加边框

 

? 图片13 <img class="wp-image-5176 aligncenter" src="http://222.247.47.2