網頁美工的一些小技巧

才智咖 人氣:2.01W

在眾多做站長的人裡,程式設計師至少佔9成,而真正有水平的美工,真的少之又少,簡直可以用“罕見”來形容了。其實,網頁美工和平面美工的差別很大。平面美工重視的是軟體操作,顏色,圖案等,而且網頁美工重視的是搭配,感覺。為什麼有的網站是行業網站,有些網站是企業網站?有些網站是女性網站,有些網站是兒童網站?只從網頁的佈局和搭配,就足已改變網站的性質了。

網頁美工的一些小技巧

網頁美工不需要太多圖片,甚至不需要太多的顏色,但是需要很多的經驗和很深的感覺才能做好。我做網站六年了,美工一直很發愁,但是通過這麼多年的觀察和嘗試,也算是能做一些了,在這裡,就介紹一些簡單的美工技巧,雖然不能憑此找到什麼美工方面的工作,但是確實可以完成很多網站美工任務了。

一 工具和素材。我不用PS,一方面不會,另一方面那個操作太慢太複雜了,適合影樓,但是,網頁美工應該是很難用到的,我用的是FIREWORKS,這個就足夠了。素材方面,主要是一些網頁圖示,直接百度搜索,或者卻是一些大網站找就行,並不需要太多的大型圖片資源,而是需要一些小的ICO,PNG等小圖示。顏色和尺子工具是必備的。

二 字型方面。我曾發現很多自稱專業的美工,連基本的字型都沒有。雖然常見的是宋體字,但是,一般電腦裡英文字型很多,中文字型還是太少了,所以,需要你下載一些字型。只從美工而言,我最初發現了“微軟雅黑”,這是個好東西,換上這個以後,網站就會變得漂亮了。另外,還有一些其他的字型,至少也得10種以上吧,用在不同的網站型別,不同的地方,字型很好找,但是要知道哪種字型用在哪兒,就不容易了。

三 空白也是一種美。網頁上可以沒必要放很多的圖片,但是卻必須留下一些空白。行間距,外間距,字與字之間的距離,這些都是必要的,這是通過程式碼來實現的,也就是MARGIN和PADDING,這個用法並不難,可還是那句話:知道用在哪兒,就難了。

四 邊框與背景。網頁的一塊一塊都需要邊框來框住,我一般使用的是1PX,#CCCCCC的實線,後來使用#EEEEEE又多一些,另外,像新聞列表的底部線,圖片的邊框線等,也有很多地方用到。至於背景,很少用到,因為網頁美工大多以淺色為主,背景用不好就會很醜,所以,一般很少用到。

五 發光與投影。這是FIREWORKS裡的功能。發光主要是用在字型上的,字型的發光濾鏡,可以讓字型更漂亮一些,但是很多時候用著卻顯得有點“俗”,主要還是“度”的問題。投影也可以用於字型,但是,主要還是用在圖形上,比如邊框,圖片,欄目條,背景等,可以增加立體感覺。發光和投影要注意度,一般都用的比較輕。

六 滑鼠行為。網頁美工與平面美工最大的一個區別就是,網頁美工是動態的。滑鼠點選,滑過等,增加一些顏色變化,加粗,顏色等,還有滾動,變換一類的,也可以增加網站的美工效果,比如導航的滑過變背景圖片等。

什麼工作都有難度,但是什麼工作也都有技巧,關鍵看你是否認真去觀察了。

TAGS:美工 網頁