网站LOGO的背景处理

网页作坊

本期理念:对网站而言,标志(LOGO)不仅仅是身份说明,也是页面的眼睛。但它不是信息内容,不会吸引到浏览者全部的注意力。所以专业的设计师在设计页面时,一方面要将LOGO作为参照物,一方面还要考虑页面中其它元素如何处理,注意整个页面的协调性。

关于LOGO设计要注意的方面很多,本期我们针对LOGO的背景处理列出几个可创作的方向,目的在于开拓思路。

色彩丰富

当LOGO颜色多时,讳忌直接将它放入花色复杂的背景中。一些人喜欢把标志掏空,做描边处理。与其这样,还不如把标志放置在一个单一的色块上,使其脱离背景。如图1所示,标志的背景色块面积不用很大,却能很好地辨析出来。仔细看看,还很有特色。

3f9-2-1.jpg
图1

简单图案

有的LOGO设计较为简单,例如一些线条方式的图案。纤细的线条放在信息量少又重视品牌效果的平面广告、产品包装里也许能既醒目又美观。但是放在信息量涵盖较大的网站时,就不显眼了,而且很容易与其他页面元素孤立开来。此时,尝试把标志置于深颜色的色块中,使它“跳跃”出来,一方面网站因为标志的处理而显得形象鲜明;另一方面,深色块可以起到稳定心理状态的作用(图2)。

3f9-2-2.jpg
图2

知名品牌

面对一张空白页面,设计师的常规思考方式就是尽量要让LOGO本身对页面编排产生影响,并推动网站的风格。图3是知名品牌(ELLE)网站,它的标志需要更加强调存在感。设计师采用了主信息区域居中的处理,由于上下左右都是空的,常给人不稳定的心理感受。因此标志背景色块紧贴边缘处理,巧妙地强调了主信息区和边线的距离感,这种几乎不去思考如何融合页面元素的方式,却使页面看起来完整了。

3f9-2-3.jpg
图3

特殊图形

当我们遇到了那种十分难以与其他元素融合的标志类型,该怎么办呢?尤其是,标志比较有特点、网站内容比较特殊的情况。其实,干脆就把它孤立出来,也许会得到与通常不一样的效果,如图4所示,突破常规的格局方式,页面设计也会更加自由、富有创意。

3f9-2-4.jpg
图4

对于制作环节,还是老方法:页面的草图设计在Photoshop软件里完成,待效果完全呈现之后,进行割图处理,最后在Dreamweaver里以表格的方式嵌入网页。http://www.relen.com有更多网站揭图欣赏。