<P> １、热门：网页美工？ 网页美工，热门吗？那还用问。若你是一名有良好的美工基础的网虫的话，那做一位网页美工师，定会是你无悔的选择。日新月异的网页技术，为精彩绝伦的页面效果提供了可能，如层(LAYER)技术和层叠样式表（CSS）的运用以及能融合声音的FLASH动画等，不仅仅为页面的排版带来革命，也能让网页美工师创造出梦幻般的、具有强烈视觉冲击力的网页。网络正当热门时，作为一名网页 “美容师”的你，还愁无用武之地吗？是吧？ </P>
+ K2 {: |8 E ~4 t/ V! z
<P> ２、独具一格的网页美工 网页美工与其它美工相比有极大的特殊性。一方面，网页图片因网络传输速度的限制，在保证图片效果的同时，必须尽量减少图片文件容量；与之相反，诸如Photoshop或Pagemaker做的印刷图片之类却必须要保证足够的分辨率(如300dpi/inch )，一般不在意图片文件的容量大小，而用CorlDraw的广告设计者，更多的是考虑图形的户外效果。另一方面，网页中要用到大量容量很小的平面动画，令深3DMAX的三维动画高手也有虎落平原之感。再者，网页美工同时要求对网页设计、排版等有一定熟悉程度，有些页面的排版和美工甚至已完全融合。但是，良好的美术基础和美感仍是最重要的，就算对常用网页绘图软件用得再熟，但却鲜有创意的话，亦难以成为优秀的网页美工师。 </P>
* ^8 ?. H) F, e! X' H
<P> ３、网页美工看家工具 网页美工定要掌握点绘图软件的使用，这可是看家的本事！我力推网页“三剑客”，即Macromedia公司的Flash4、FW3(Fireworks3)及DW3(Dreamweaver3)(DW3虽是页面设计的法宝，但美工师也万不能一知半解)。当然还有位图老大PS5(Photoshop5.0CS)，做网页图片仍是格外的爽！ 还需要用其它什么软件吗，我认为真的不必了。因为PS5能胜任多数静态图片制作，再加上FW3这个能与DW3无缝对接的专业网页美工软件，自带最优秀的图片“减肥”引擎及近乎完美的图片分割功能，还有什么设计要求不能满足的呢？说到动画，FLASH4和FW3足够了，二者均能生成相当优化的GIF动画图片。 事实上，一位精湛的FLASH高手，甚至要求有不错的编程能力！FLASH的变化之多可见一斑。其实在DW3中,也能利用层的运动在页面上产生相当不错的动画效果,而且如FLASH一样可响应各种事件(Event)......我认为，用的软件不要求多，而应求精、求深。 </P>
$ s" `( m0 z# s' e: O: O1 ^
<P> ４、网页图片大扫荡 网上支持的图片格式有GIF、JPG、PNG、SWF等。按图片属性可分为动态和静态图片。常用的静态图片格式为JPG和GIF，动态图片常用GIF动画和FLASH动画两种。GIF格式因其能实现交错、透明和动画显示，获得最广泛的应用。 网页图片往往还有一些称谓，如LOGO 、BANNER 、BOTTON及链接小图标等。LOGO指网站或页面的标志图片，常要求简洁明快，精益求精，尺寸一般在120*60左右，静态．容量一般控制在10K以内。BANNER的尺寸要宽一些(如468*60)，经常采用动态图片，其内容一般为广告。BOTTON为按钮图片，动态和静态的BOTTON都很常见，一般作页面链接用。另有作链接用的小图片，尺寸一般为80*30或更大一些，也是要求精雕细作，能充分表现所链接站点的特点，容量最好控制在5K以内。 </P>
! e7 Y8 N7 m5 t! |0 C( c<P> ５、图片制作 “三板斧” 一板斧：确定用动态或是静态 LOGO图片一般采用静态方式，而在广告BANNER中常用动态图片，以获得较强的视觉冲击力；在页面上实现动态效果的另一常用方法，是用两幅静态图片在DW3中做成Roller，从而在页面上产生翻转效果。FLASH动画的容量小，变化多， 可配音，应用已日趋广泛，缺点是需要二百多K的插件支持，不过插件是一次性自动下载，影响不大。不容置疑，随着浏览器对FLASH支持率和网速的提高，FLASH动画必将大行其道。如果图片几何尺寸很大，或与页面融汇交错，则应用FW2对图片进行分割处理。 二板斧：图片的创意及构图 如同广意的美工师一样，精妙的构图是作者美感和经验的体现，绝隹的创意更是优秀作品的前提。创意往往来自不经意之间，电影、电视、杂志等常会是创意的源泉。构图方面要多注意点、线、面的结合和节奏、韵律的把握；颜色搭配上要协调，颜色数一般不要超过4种；要多求变化，但又不要太“花哨“。整体风格上更要同页面达到统一、和谐，同时又能为页面起到画龙点晴的作用。 三板斧：图片的压缩优化输出 S5、FW3均能优化输出图片，FW对图片的优化能力更佳,目前尚无出其右者。PS5中存储文件扩展名最好预置为小写，否则该文件在某些区分大小写的WEB服务器(如UNIX)上可能会有些问题。 透明图片尽量少作BLUR滤镜处理，否则优化压缩后效果不佳。 在FLASH中输出GIF动画时，要特别注意勾选输出对话框中的选项，这将极大影响输出的文件容量。 </P>
: B! \' H U4 _8 W
<P> ６、制作点滴“吐血”经验 用PS5或FW3新建图片文件时,一般建为透明RGB图，便于之后作透明处理。尺寸最好以DPI为统一标准,便于在DW3中的排版。 PS5中可另选用几个诸如PHOTO TOOlS、DSB FLUX之类的滤镜插件，EYE CANDY也不错，在PS5和FW3中均可使用。 大量的字库是必须的,若C盘装不下,可装在其它逻辑盘,并在用FONT文件夹中用快捷方式调用。 FW3是一个矢量化的绘画工具,特别对制作卡通化的网页图片很适合。在PS5和FW3中熟练掌握“套索、磁力套索、魔术棒”等选择工具,对素材的合理应用极有利。 FLASH中少引用位图，多用其自带的矢量绘图工具，都是缩小动画容量的明智之举；多次引用其图库中的同一元件，也不会显著增加动画图片容量。 尽量对GIF图片作透明处理，能大幅减少图片容量，但要注意其索引色(INDEX COLOR)的RGB值的选取。 </P>
4 F/ D' G- [7 r9 Y% U$ s( ^. q
<P> ７、未来的网页美工师 做一个美工“含量”高的个人主页，是提高自己网页美工水平的一个好办法，很有成就感，而且便于网友之间相互交流。 同时平常多留意身边的创意和别人的作品，多实战，多积累素材，别忘了还需要几本相关的书，确不久的将来，你定能成为一名优秀的网页美工师</P>
D) h( n, T$ i" b' A- \$ O6 m0 O
' ?+ \5 Q4 B4 H3 L I[
本帖最后由 小鬼 于 2007-10-5 00:07 编辑 ]
