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