公司形象网站建设的美工设计流程

1.页面美术风格

从策划角度讲,为了体现该公司现代、高效、新锐的精神气质,需要一种简洁、明快、清新的美术风格,我在美工阶段按此基调进行了页面设计,调动各种视觉元素使其与此风格相符,如:(1)压缩页面大小,边缘留空。(2)减少页面信息量。(3)字体、图片尺寸小巧,以刚好能为观者识别为准,使页面就显得紧凑与精巧。

2.网站建设色彩方案

在美工阶段我继续完善了网站建设色彩方案,将主题色深蓝色用在了导航条上,选择了浅灰色、白色作为辅助色,用作页面中大面积的底色。灰色和白色在饱和度与明度上与主题色有着较大差异,能够对其起很好的陪衬作用,同时这两种颜色都具有中性,冷静的特质,与主题色的语境相通。

3.页面的“图窗”

由于页面信息量相对不足,如果再静止不动,那么网站建设页将会有些单调乏味。因此我便参照了很多网站的做法,在首页导航条下方放置了一块很大面积的FLASH动画去活跃和丰富页面。FLASH约占据了页面有效部分的3/5大小,这是美学中的黄金分割比例,也是我常常处理图块之间大小关系的比例,可以使得页面有一种大小、主次的对比。

4.分页面版式设计

其它几个分页面的版式设计,是以静态图片充当页面“图窗”,并采用了两种基本版式:(1)图文左右混排。(2)图文上下混排,使得各页版式有一定的变化,避免了千篇一律。“联系方式”一页内容较少,就没有用图,直接以名片般的版式列出了信息,一目了然。

也有一个设计缺陷:部分页面的顶部图窗过于臃肿,造成页面文字栏目被向下积压,访问者如果不滚动浏览器窗口,就难以看到多少有用的内容。这其实是犯了网站建设页设计中“第一屏”信息不足的错误。第一屏即指打开浏览器,不翻页的情况下看到的内容,这个区域一般高为700像素,在设计中要集中页面有用信息于此,才能让访问者不至于感到内容空洞、查看费劲。