美工！我不得不说

实在是非常非常的郁闷，美工，我真的不得不说。

缘于近期一个项目，找个2个美工，基本都是首页效果图设计得不错，其他页面稍次，但基本还能接收。等到转HTML了，开始问题一箩筐了：CSS不熟，DIV不熟，FRAMESET不懂，图切的不到位，无法实现...最后还只能自己搞了，更不能奢侈他们能做JS的动态交互了。

 

这里要讨论几个问题：

首先是美工的职责，美工到底要做多少东西？总结一下前端设计有以下一些步骤：

1、设计

2、画图

3、切图

4、转HTML

5、DIV+CSS

6、JS+CSS的Widgets（滚动公告，ToolTip等）

 

...剩下的就是跟后端动态代码的整合，至此整个Web前端才算完成。

 

设计：“你们要设计好啊，我按你们的设计画啊！”，囧

画图：“我是按你们的要求画的，你上面没说要画成什么样”，囧

切图：“怎么我的表格头是一个静态图片？！”“因为表格线无法做成样式”，囧

转HMTL：...算了，我自己来吧

DIV...

JS...

 

大家现在都热衷EXT，是否跟这有关呢？起码我就不用再“麻烦”美工了...

欢迎大家都来说说！

 

PS：听别人说原来还有一种人叫UI工程师，美工只负责画图，切图转HTML都是这些人搞的...

评论

163 楼 zhaodidong 2011-09-08  

输出json格式不会 输出xml格式不会
难道只会ul li repeater
字数不限制
标记不过滤
页面乱了问什么
输出的html个静态页查十万八千里
class id 弄丢了 问为啥效果不一样

162 楼 sonicluo3 2009-08-24  

看来还是Google请美工省钱...

161 楼 ulear 2009-07-17  

我搞前端开发的，现在画图到静态页面都是我做的，还要搞FLASH。。。

160 楼 jackiezhu 2009-07-17  

其实真正的流程是

美工  PSd  图形设计

WEbUI工程师是 {可以用兼职Psd图形设计 } PSd转Html Or div  Js动态页面交互

程序员 WEbCode是程序代码了

最后才是测试工程师-真正的大公司是由一批专门测试的人员！这些人员通常要比程序员拿得工资高 因为真正的测试你从WebUI开始一直到代码整个测试完成 并且有一套完整的测试方案！和自己写的测试工具！




就目前来说 一般的公司都是美工和程序员！没有专门测试人员测试人员都是程序员本身 ！ 程序员的工资还是比WEbUI框架 拿的工资高！！！

159 楼 okwxj 2009-07-13  

懂艺术又懂技术是极其稀缺的人才。。。！

158 楼 eclipse2008 2009-07-09  

美工一般分为平面美工和网页美工。
平面美工是由美工用Fireworks 或者 Photoshop 设计出平面外观。
网页美工是美工用Dreamwerver等网页编辑软件 把已经设计好的平面图，做成HTML静态网页文件。这里就要求美工用到CSS和DIV技术了。

LZ请的是第一种。

157 楼 syboy211 2009-07-09  

潜水这么耐，这贴子真能反映现在我的心声！
1、设计

2、画图

3、切图

4、转HTML

5、DIV+CSS

6、JS+CSS的Widgets（滚动公告，ToolTip等）

7、网站页面动态化

8、网站架构设计

8、网站高级语言开发

9、网站性能优化

10、网站稳定性运营

11、打杂

真的除了第1，其他都会，我是开发工程师

156 楼 yuting_lv 2009-06-19  

偶1、2不会，其余凑合能写，有时兼职写正则和servlet，大体还算前端吧。
目前在学ps，不过不打算学到美工那样能出psd。 我的想法是，既然最终还是要做成页面，那用ps把页面的图片组件完成，直接作出符合web标准的静态页面，不是也可以吗？
有看过一些国外web designer的博客，感觉前端设计者多是精通ps/xhtml/css/javascript/flash(actionscirpt),当然还有服务器端技术，不过貌似很少有人会出整张的psd，我是指在他们发表的博客上的东西。
觉得美工的确是只画ps图的，但总觉得做web的话最好还是有点web基础的好，我们这儿的美工就有flash,css,html知识，但是不会真的让她们去写html,css，只是协同起来方便沟通。

155 楼 qhf723255 2009-06-10  

其他都罢了，让美工掌握js强人所难了吧，这是编程的东西，再则么简单也是隔行如隔山啊。

154 楼 littcai 2009-06-10  

毕加索搞家装设计，他老人家画出来的东西你能造出来吗？！

153 楼 lonlyleo 2009-06-09  

cheerfull 写道

那个做http://www.spdbccc.com.cn的假美工
在chrome下的显示不是一般的烂啊

要兼容chrome也不太难，前提是，chrome要2.0以及以上才行，这种问题有时候不一定是美工的错，浏览器也是重要原因。

152 楼 lonlyleo 2009-06-09  

1-6其实我都可以做好，但都做不到很好，能看而已，因为我更擅长还是编码，所以通常没有美工+前端的时候就忍了。。。

美工+前端，这样才能做得满意，否则楼主就忍了吧。

151 楼 cheerfull 2009-06-08  

那个做http://www.spdbccc.com.cn的假美工
在chrome下的显示不是一般的烂啊

150 楼 fdcube 2009-06-06  

3-6还可以凑合，感觉ps就有点要求过高了，做div+css+js的都是代码，一下子转到图片制作上就有点悬了。

149 楼 delino 2009-06-04  

evabibi 写道

delino 写道

evabibi 写道

好吧。。。我这就有个全能的美工.
正常情况下是她做1.2.3.4.5.(简单的6基本她能搞定,逻辑复杂的基本搞不定) ...

当然她忙不过来的时候.我来做(效果图和切图没尝试过,一般在脑子里直接出html)5.6.7.8.9...一直到分工写代码(写代码也有我份我是程序员.悲哀啊。。。)

会的多点也不错。最少能自己找bug 嘿嘿

有了效果图。。html 谁不是在脑子出的。。。

难道谁还需要做个笔记。。呵呵

...我是指 无效果图的情况= =! 当然这种直接出html的情况相当少（就做过2回,都是后台页面）.

....无效果图的情况做 html ，95%的情况下出来的页面都是很恶心的。。http://www.bundlerank.com 这个就是我在无效果图的情况下 做得页面。。。呵呵

148 楼 evabibi 2009-06-03  

delino 写道

evabibi 写道

好吧。。。我这就有个全能的美工.
正常情况下是她做1.2.3.4.5.(简单的6基本她能搞定,逻辑复杂的基本搞不定) ...

当然她忙不过来的时候.我来做(效果图和切图没尝试过,一般在脑子里直接出html)5.6.7.8.9...一直到分工写代码(写代码也有我份我是程序员.悲哀啊。。。)

会的多点也不错。最少能自己找bug 嘿嘿

有了效果图。。html 谁不是在脑子出的。。。

难道谁还需要做个笔记。。呵呵

...我是指 无效果图的情况= =! 当然这种直接出html的情况相当少（就做过2回,都是后台页面）.

147 楼 delino 2009-06-03  

evabibi 写道

好吧。。。我这就有个全能的美工.
正常情况下是她做1.2.3.4.5.(简单的6基本她能搞定,逻辑复杂的基本搞不定) ...

当然她忙不过来的时候.我来做(效果图和切图没尝试过,一般在脑子里直接出html)5.6.7.8.9...一直到分工写代码(写代码也有我份我是程序员.悲哀啊。。。)

会的多点也不错。最少能自己找bug 嘿嘿

有了效果图。。html 谁不是在脑子出的。。。

难道谁还需要做个笔记。。呵呵

146 楼 evabibi 2009-06-03  

好吧。。。我这就有个全能的美工.
正常情况下是她做1.2.3.4.5.(简单的6基本她能搞定,逻辑复杂的基本搞不定) ...

当然她忙不过来的时候.我来做(效果图和切图没尝试过,一般在脑子里直接出html)5.6.7.8.9...一直到分工写代码(写代码也有我份我是程序员.悲哀啊。。。)

会的多点也不错。最少能自己找bug 嘿嘿

145 楼 ulear 2009-06-03  

我做前端开发的，美工不能和前端开发比的。美工只出图，别的都是我搞的。

144 楼 volcanom 2009-06-03  

我以前公司的美工 就全都会  ， 不过人家从业9年了。 
非常拜服他。。