浅谈前端开发工程师和美工的区别

  • 作者:不详
  • 来源:56gee
  • 更新时间:2012-06-26 12:18:20
  • 点击:14330
[70分]

前言:现在的社会逐渐以信息化为发展主调,但很多公司甚至是多数以互联网为主要业务的公司却会把“美工”的概念搞混淆了。通常这些公司都会把网页设计或者网页制作的人员统称为“美工”。而一家成熟的互联网公司则会把网站方面的人才规划得比较详细,如UED团队(英文User Experience Design的缩写,译为:“用户体验设计”),其中详细划分成“交互设计”、“视觉设计”、“前端开发”、“用户研究”、“文案”等职位。今天就此话题与大家分享一下“美工”与“前端”之间的区别……

一、 什么是美工?

美工:意为美术工程师(Art Engineer),一般出身于艺术美术院校的艺术设计专业居多。根据工作性质的差异,美工一般分为平面美工、三维美工和网页美工三大类。平面美工是由美工用Photoshop、Fireworks 等专业软件设计出平面外观。三维美工是由美工用3DMAX等工具进行三维角色模型设计、道具模型设计、环境场景模型设计、包装设计等。而网页美工则是美工用Dreamwerver等网页编辑软件把已经设计好的平面效果图,制做成HTML静态网页文件。这里就要求美工用到CSS和DIV技术了(考虑到当前WC3标准的发展),也就是所谓的“切图”。说得具体一点的是,网页美工一般需要精通PHOTOSHOP/CSS/HTML等网络语言或工具进行网页框架、色彩、基调、创意等进行处理。而这里所说的网页美工,其实是Web1.0时代的产物,那时的网站多为静态的HTML页面,用户使用网站的行为多以浏览为主。而到了2005年以后,互联网进入Web2.0时代,各种拥有类似桌面应用的Web App大量出现。如Gmail GoogleReader 等等。因此,网站的前端与交互发生了翻天覆地的变化——网页不再只是呈现单一的文字和图片,各种富媒体让网页的内容变得更加生动,而软件化的交互形式也为用户提供了更好的使用体验,这些都是基于多种前端技术紧密协作实现的。由此,“前端开发工程师”这个职位油然而生!

二、 什么是前端开发工程师?

前端开发工程师是Web前端开发工程师的简称,是近五年才真正开始受到重视的一个新兴职业。Web前端开发技术是一个先易后难的过程,主要包括三个要素:HTML、CSS和JavaScript(现在也逐渐流行jQuery),这就要求前端开发工程师不仅要掌握基本的Web前端开发技术、网站性能优化、SEO和服务器端的基础知识,而且还要学会运用各种软件工具进行辅助开发以及理论层面的知识,包括代码的可维护性、组件的易用性、分层语义模板和浏览器兼容性及其分级支持等等。

前端开发工程师,简单地说就是将平面设计师的图稿变成在浏览器里真真正正呈现的HTML页面,并最终提供用户进行相关的操作交互,这个工作可以简单到用 Photoshop、Fireworks 点几下鼠标直接导出页面;也可以复杂到考虑每个标签的语义,整体的结构及其性能,浏览器的兼容,用户的交互,搜索引擎的优化等等。技能的基本要求是熟练使用各种图形图像处理工具,精通HTML/ CSS/JavaScript(jQuery)前端语言,最好还要了解一种服务器端语言如ASP、PHP等等。想入门前端开发这个行业很简单,买本HTML+CSS方面的书,自学个一两周的时间,也许就能找到一份“网页制作”的职业了,但想真正成为一名优秀的前端工程师却不是一朝一夕的事情了,关键是需要大量的实践经验。因为前端的几种技术都是入门易深入难的,多数人很容易上手但精通却很不容易。再加上很多公司的不重视等原因导致前端工程师的水平差异较大,并且普遍待遇较低,从而更多人不愿意去花费太多时间和精力去学习需要多种技术相辅的前端开发。

三、如何才能成为一名优秀的前端开发工程师?

做前端开发,首先最基本的就是需要掌握HTML+CSS,有了这两项最基础的知识,就能得心应手将每一张美工原稿切成可用的HTML网页了。但做到这一点还不够,还必须得兼容各种各样的浏览器。虽然有些公司只要求对IE6/7/8+火狐兼容就行,但是作为一名好的前端,必须给自己的要求定得更高一些,除了常用的几个浏览器都必须兼容之外,最好还要兼容Chrome、Opera、Safari等浏览器——毕竟现在的网络产品发展越来越快,用户群也越来越广泛,兼容各种主流产品是必不可少的。而为了兼容这么多浏览器,必须要掌握CSS HACK方面的知识,这样才可以使用HACK技术来区别并兼容各种版本的浏览器。在这个过程中,更需要的是咱们的耐心调试。而在能够编写出优雅的HTML Code后,我们还需要尽可能符合W3C标准和语义化的规范。这方面虽没被硬性的去要求,但是做好这两项是很有必要的。一名优秀的网站前端工程师需要考虑到每一个HTML标签的语义。合理地使用HTML各种标签,让你的页面即使在网络不流畅的情况下也能保持良好的网页结构和可读性。

我们知道国内的网友中,IE浏览器的使用还是一大主流,但纵观全世界的上网用户来看,他们还会用其它一些浏览器来浏览网页内容的,如: Netscape、Mozilla、FireFox、Opera等等。如果你的网站不符合W3C标准,使用其它浏览器的用户就有可能无法看到你的网站,那么一些客户就无法看到你的企业资料或产品信息。尽管这部分用户群不算太大,但也毕竟是一部分客户,丢掉任何潜在客户,对企业来说都是一种损失。

而符合W3C的好处也有很多,如:文件下载与页面显示速度更快;内容能被更多的用户所访问(包括失明、视弱、色盲等残障人士);内容能被更广泛的设备所访问(包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等);用户能够通过样式选择定制自己的表现界面;所有页面都能提供适于打印的版本等等。

在充分掌握了HTML+CSS方面的知识后,接下去最艰巨的任务就是JavaScript。JS是前端必备的技能之一,也是最难精通的一部分。之所以把它放到这里来说,是让初学者有一个渐进的步骤。同时去学太多东西,会难以消化,这种循序渐进的方法会令大家学起来感觉容易一些。在这其中,前端开发需要掌握基本的DOM操作,了解AJAX,能写高效率的OOP代码,以降低维护成本。现在的JS框架也越来越多,如jQuery 、Prototype、Yui、Dojo等等。前端开发要基于各种需求,进行不同的开发,选择合适的框架,做到代码效率最高,用户体验最好,代码下载量最小,并且可以在单独甚至更多产品线中最大限度重用代码。

以上所说的是一名前端开发工程师必备的相关知识,接下来再来谈一下前端的拓展技能。

1、选择性地掌握一下Photoshop或者Fireworks等图像处理工具

学到什么程度可以根据你自己的需求来定。如果将来靠前端吃饭,去大公司是不需要前端开发做设计稿的,会分层切图就可以了。当然,如果对设计方面感兴趣的话,把PS玩的很牛,也是不错的事情(也为以后自己寻求出路提供有力的后备)。

2、至少了解一门后端语言

可以了解一下ASP+ACCESS或者PHP+Mysql等后端语言。职业的特殊性决定了我们需要跟后端工作者频繁的沟通,掌握这方面的一些知识有利于更有效的交流问题。提升前端在整个团队中的形象,进而提升自己的待遇。另外,掌握好这部分的技能,有企业找你做网站的时候,也可以做得更稳妥了。至于学PHP还是学ASP(或者.NET),根据自己的爱好来定。

3、SEO+UE(用户体验)

用户体验是王道,而SEO是吸引用户的王道。UE其实是前端开发不可缺失的一部分。玩好这一点,往上,可以晋升到产品经理、部门经理的位置;往下,可以博得自己客户的满意。况且这东西并不难学,多留神观察生活就是了。何乐而不为呢?

4.、前端性能优化

掌握这门手艺,可以使网站速度得到提升,从而为公司节约开支。有时间可以查询一下网站页面方面的优化法则,如:尽量减少HTTP请求次数、CSS Sprites 图片整合技术、合并CSS与JS、运用CDN技术、减少DNS查找次数、避免重定向等等。一个网站整体速度的优化提升,也是用户体验的重要环节。

看到这里的,你是不是对“前端开发工程师”和传统的“美工”有了深刻的了解呢?一些调查表明,有些做前端开发的,可以不去计较别人对他的称呼;但有些却很反感这一个名词。因为在如今的WEB2.0时代,“美工”这一称谓显得更加老土,更加OUT(过时),因为现在相对网站前端而言,体现出更多的专业开发方面的技能。所以无论是前端开发,还是视觉设计,都不喜欢这个称谓。今天在这里分享的只是“前端开发”中的一部分皮毛而已,有机会和大家更加深入的探讨这方面的理论。

收藏内容
评分

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途。若转载请注明来自56gee.com中的“来源”。

栏目精华