上一页 下一页 返回列表

说一说前端开发工程师

藤可 2017-09-12 14:19:55
返回日记列表 返回顶部
在之前写过设计师在项目中的参与感,今天再写写与设计师对接的一个职位-前端开发的事情。同样在一开始说一说起因:公司事业部设计的官网这几天为上线了,不过效果和预期的很不一样,很多动效和细节尽管在前期做了沟

在之前写过设计师在项目中的参与感,今天再写写与设计师对接的一个职位-前端开发的事情。

同样在一开始说一说起因:公司事业部设计的官网这几天为上线了,不过效果和预期的很不一样,很多动效和细节尽管在前期做了沟通,但由于时间成本等因素未能实现,导致上线的时候体验较差,于是有了这篇类似感想的文章。

什么是前端开发

这里只做简述,在我任职及服务过的公司来看,这个职位如同设计师叫“美工”一样,有是五花八门,简单的有HTML+CSS+JS,复杂的有用户体验、人机交互。

用互联网来做比喻,凡是通过浏览器到用户端计算机的统称为前端技术。前端技术包括JavaScript、ActionScript、CSS、xHTML等“传统”技术与Adobe AIR、Google Gears,以及概念性较强的交互式设计,艺术性较强的视觉设计等等。

职位划分要求人员不但要具备岗位所要求的基础与核心技术以外,还涵盖了其它职位的职能

什么公司需要前端

一些比较热门的互联网领域的面邀接受率开始降低,比如移动互联网、互联网金融、生活服务、云计算等。其中,受部分金融平台负面新闻的影响,候选人在收到互联网金融类企业的面邀时,表现得更加谨慎。相比之下,受“互联网+”观念的影响,大数据、O2O、医疗健康等领域再次被炒热,面邀接受率开始上升。当然并不是所有IT行业的公司都需要前端开发人员,如我所在的公司是以软件产品的研发与销售为主的公司,由于业务和受众并不依赖与用前端开发去提高用户黏性,所以并不需要专业和专职的前端开发人员。

前端开发人员和设计师的合作

在如今的行业,单枪匹马的岗位已经不复存在,所有职位都是相互沟通和合作的。抛开刚才所说的那些不依赖前端开发人员的企业,当前端开发人员在接到项目的时候应当如何去与设计师进行有效的合作呢

(目前我们的涉及到的WEB项目设计,大多是PSD格式,移动项目有sketch,这里只讨论PSD,sketch雷同)

从设计师角度:

1、设计师需要有除了本职工作外的其它技能,如产品、UE,前端等。当拥有众多技能的时候,设计的东西才能考虑的更为全面。

2、规范自己的PSD文档,每一个独立模块作为一个文件夹,规范命名,这样可以提醒前端,这里是个什么样的。删除多余的图层,包括不需要和隐藏的图层。(我之前遇到过很多才进入WEB/UI设计行业的设计师,他们的PSD文档简直是不堪入目,这种PSD文档扔给前端工程师,估计他们都会发疯的。)

3、PSD文件内部元素切好图片交给前端工程师。前端不是设计师,更多的工作是实现效果,切图也会很慢很多。设计师先和前端工程师沟通效果图的实现方式,将对应方式所需要的图切好,以方便前端调用。

4、切图要保证清晰度的情况下,尽可能的压缩图片。当项目访问量比较大的时候,小图无疑可以加快浏览速度从而提高浏览时候的用户体验。

5、设计师如果需要修改设计方案,要立刻通知前端,让前端有个心理上的准备。有的项目的可变性和迭代性很强,在设计师处动一动鼠标就能实现的效果在前端工程师那里就是很多行的代码,这个时候提前沟通是很有必要的。

从前端角度:

1、在拿到项目时和设计师进行沟通,评估各项成本后,确定优先用哪一种方式实现。向设计师索要切图、标注等以及设计上游岗位传递下来的东西。比如:产品原型,需求文档,交互文档等等。

2、在实现设计师的设计稿时,如果有自己的一些想法怎么办?出现这种情况一个是设计师在设计的时候考虑不周全或者前端工程师自己有想法,这个时候是什么也不说,直接照着设计稿做;还是提出一些建议交流?

当然是有想法可以跟设计来交流。不过从工作经验来说,先将效果图的效果实现,因为既然进行到前端这个阶段,那说明设计师(交互)的东西是被项目通过了,这个时候盲目的修改或讨论是对时间的浪费。

综合角度:

项目碰头的时间段,如何碰头,使用远程工具?使用QQ?还是直接离开办公椅面对面?还是茶水间?是1天碰头一次?还是设计完某部分碰头一次?发现问题就可以及时修改,避免事倍功半。小团队基本上可以实现当面沟通交流,这种是最直接最有效的沟通交流方式。大企业也有自己的一套沟通与对接流程。

对于前端工程师而言,如果单单的只是还原设计稿,那无疑是枯燥无味的,也体现不了自己的岗位价值。前端工程师还原的应当是一份活的产品,包含了交互,动效,用户体验等要素。

不要怕沟通起来、或者随时跟着进度沟通协作麻烦,其实多沟通,大家都能开心的做好前端和设计,可以大幅度减少返修,减少加班,同时还有空一起去喝杯咖啡缓缓神!多了解一下设计师的设计和他的想法,对自己也是一个很好的提升!

以上是做为一个设计师在最近这个项目的一些想法和感想。在这项目中,为了前端开发人员(工程师)能够更好的工作,我提交了视觉设计文档、用例文档等,以便能够更好的实现和还原效果。