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

OKA国际眼镜分页设计文档(沈纯)

2014年10月31日

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

1.1、整体布局

关于oka设计图

关于oka的整体布局

2.2、细节布局

关于oka细节布局

二、网站配色

2.1、主要配色方案

主要色(#ffffff)+黑色(#000000)+辅助色(#ff0000)+点缀色(#b3b1b1)

1

2.2、LOGO配色方案

主要色(#000000)

4127

2.3、导航配色方案

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

字体色(#ffffff)

34145

2.4、版权配色方案

主要色(#cccccc)+辅助色(#ff0000)

文字色(#717171)

3

2.5、背景配色方案

网页背景色(#ffffff)+导航背景色(#ffffff)

三、交互

3.1、鼠标经过效果

字体:黑体、加粗

34240

3.2、鼠标经过效果

48

字体不变

四、布局初稿图

关于oka设计图