网站美工设计:如何做美工及所运用技术

网站美工设计，即网页美术工程师。网页美工的职责是图形设计、交互设计，以及用户测试/研究。网页美工负责整个网站的前台设计，界面设计、规划整个网页的布局。目前使用ps进行界面效果图的设计，AI辅助设计LOGO、以及网标。所以作为网页设计师掌握的重要工具就是photoshop软件。网页美工熟悉各种平面设计软件，如Photoshop、ai等软件，完成美术视觉上的设计排版等。

网页美工负责的图形设计，即传统意义上的“美工”。不过不是单纯意义上美术工人的工作，既然搭上了“网页”的头衔，因此他们负责的是软件产品的产品“外形”设计。交互设计主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计，并且确立交互模型，交互规范。网站美工设计师要负责这点，相信很多人都不知道，因为在大众的印象中，美工只要负责视觉效果就可以了，但仅仅是视觉设计，作为一名合格的网页美工，那是远远不够的。

用户测试/研究，其目标是测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量网页设计的合理性。另外，对于网站美工设计师的职能，不少人还存在着一个误区，那就是认为网页美工精通CSS/HTML/JAVASCRIPT等语言来做网页布局，其实这是不正确的，网页布局的工作应该是由前端开发工程师来完成的。

网页美工的工作网页美工主要以设计网页为主，排版就网页中的重中之重，根据客户要求或者自己设计(根据客户产品来综合展现方式)。像网页风格、网页美化、产品美化、网站改版、网店设计更新等都是美工的工作。同时包括一些客户需要修改版本或者设计LOGO之类的工作。美工需要懂的基本代码做为美工，可以不需要性复杂代码编程，但是需要的，HTML与CSS还是要懂的，这个很基本的，一般认真学习一下就能掌握基础基本的代码的，这是网站美工设计最需要掌握的基础。

美工需要不停的学习；关于学习，这是与进俱进的知识，时代不断的在创新，发展也需要不断的更新，做为美工更要不断的学习，根据当下的潮流趋势设计客户想要的界面。空余之时，网站美工设计师多半都是在学习或者参考学习别人的网站设计，融入更多的设计理念。美工必须具体会使用图像处理软件，如photoshop图像软件，flash动画软件，，CorelDraw图像软件。特别是flash软件与photoshop软件这两个必须要懂哦，不然基本设计都不会了。

美工沟通能与客户的沟通，通常业务员接下订单后，即将交接给美工，需要美工自己与客户进行沟通，了解客户的需求。另一个在页面设计时一定要与程序员沟通，页面如何展现，展现的程序代码是否可以完成等一系列的工作沟通。网站美工设计师的沟通与表达能力也是很重要的，要把自己的设计理念很好的表达出来。

网站美工设计是有多种方式的，下面对网站美工设计所运用的几种方式做介绍。

网站美工设计之雾化效果

1 、打开图片，新建图层一，设前景色/背景色(黑色/白色)，执行滤镜-渲染-云彩，将图层添加图层蒙版

2、 重复执行滤镜-渲染-云彩，图象-调整-亮度/对比度(80，0，图层一模式改为滤色)

网站美工设计之照片底纹效果
1、 打开图片，执行选择-全选，然后编辑-复制，建新通道，编辑-粘贴将拷贝图象贴入新建通道中

2、 执行图象-调整-反像，回到RGB通道，编辑-清除，删除原图象

3、 执行选择-载入选区，调用新通道，执行编辑-填充(所需颜色)

网站美工设计之图象错位效果
1 、打开图片，新建一图层，选择视图-标尺，选择移动工具，分别从上方和下方拖曳出两条蓝色标线(9格) 　　

2 、利用矩形选取工具，填充方格(1，9暗灰，5，7黑，3亮灰)，以psd格式储存，然后关闭文件 　　

3、 执行滤镜-扭曲-置换，选择刚才储存的psd文件

网站美工设计之人物插画效果
1、 打开图片，复制背景层，执行图象-调整-通道混合器(灰色，+30，+60，+10，单色)，执行滤镜-风格化-查找边缘，用色阶去掉杂点 

2 、将混合模式设为“叠加”，填充不透明度打到50% 　　

3、 背景层上加一个色阶调整图层，调整输出色阶(0，+155)形色主义 　

4 、执行图象-调整-可选颜色，对色彩进行微调(红色，0，+100，+100，-75;黄色，0，-40，+100，-40)