网页美工的一些小技巧

进修社 人气:1.95W

在众多做站长的人里,程序员至少占9成,而真正有水平的美工,真的少之又少,简直可以用“罕见”来形容了。其实,网页美工和平面美工的差别很大。平面美工重视的是软件操作,颜色,图案等,而且网页美工重视的是搭配,感觉。为什么有的网站是行业网站,有些网站是企业网站?有些网站是女性网站,有些网站是儿童网站?只从网页的布局和搭配,就足已改变网站的性质了。

网页美工的一些小技巧

网页美工不需要太多图片,甚至不需要太多的颜色,但是需要很多的经验和很深的感觉才能做好。我做网站六年了,美工一直很发愁,但是通过这么多年的观察和尝试,也算是能做一些了,在这里,就介绍一些简单的美工技巧,虽然不能凭此找到什么美工方面的工作,但是确实可以完成很多网站美工任务了。

一 工具和素材。我不用PS,一方面不会,另一方面那个操作太慢太复杂了,适合影楼,但是,网页美工应该是很难用到的,我用的是FIREWORKS,这个就足够了。素材方面,主要是一些网页图标,直接百度搜索,或者却是一些大网站找就行,并不需要太多的大型图片资源,而是需要一些小的ICO,PNG等小图标。颜色和尺子工具是必备的。

二 字体方面。我曾发现很多自称专业的美工,连基本的字体都没有。虽然常见的是宋体字,但是,一般电脑里英文字体很多,中文字体还是太少了,所以,需要你下载一些字体。只从美工而言,我最初发现了“微软雅黑”,这是个好东西,换上这个以后,网站就会变得漂亮了。另外,还有一些其他的字体,至少也得10种以上吧,用在不同的网站类型,不同的地方,字体很好找,但是要知道哪种字体用在哪儿,就不容易了。

三 空白也是一种美。网页上可以没必要放很多的图片,但是却必须留下一些空白。行间距,外间距,字与字之间的距离,这些都是必要的,这是通过代码来实现的,也就是MARGIN和PADDING,这个用法并不难,可还是那句话:知道用在哪儿,就难了。

四 边框与背景。网页的一块一块都需要边框来框住,我一般使用的是1PX,#CCCCCC的实线,后来使用#EEEEEE又多一些,另外,像新闻列表的底部线,图片的边框线等,也有很多地方用到。至于背景,很少用到,因为网页美工大多以浅色为主,背景用不好就会很丑,所以,一般很少用到。

五 发光与投影。这是FIREWORKS里的功能。发光主要是用在字体上的,字体的发光滤镜,可以让字体更漂亮一些,但是很多时候用着却显得有点“俗”,主要还是“度”的问题。投影也可以用于字体,但是,主要还是用在图形上,比如边框,图片,栏目条,背景等,可以增加立体感觉。发光和投影要注意度,一般都用的比较轻。

六 鼠标行为。网页美工与平面美工最大的一个区别就是,网页美工是动态的。鼠标点击,滑过等,增加一些颜色变化,加粗,颜色等,还有滚动,变换一类的,也可以增加网站的美工效果,比如导航的滑过变背景图片等。

什么工作都有难度,但是什么工作也都有技巧,关键看你是否认真去观察了。

TAGS:网页 美工