前言

作者以前做过设计师,现在是前端工程师。今天想闲聊一下作为前端工程师如何与设计师合作(今天下午实在不想干活儿),主要分为两个方面:
    1、 带着尊重多多沟通,千万别叫人家“美工”。
    2、 一个优秀的前端工程师应该懂些设计(包括UX和UI)。

几条小建议

1、充分理解原型/设计稿

工作之间的良好交流是建立在互相尊重的基础上的,尤其是尊重对方的工作成果。原型是设计师所有工作的最终产物,如果你像尊重自己的代码一样尊重他们,那么我相信你和设计师会成为朋友。
    除此之外,理解原型对工程师的职业发展也是有好处的。我们不应该只是为了完成一个需求而编写代码,应该站在更高的层面上去思考为什么要这么做。

2、事先多沟通

这一点尤为重要,工程师大多内向,好多问题设计稿也没有表达清楚,而工程师也就稀里糊涂的做。当设计师看到时工作已经做完了,这时候要么是你删掉代码重来,要么是逼设计师妥协。不管那种结果,都会对你的名声和业绩产生影响。可能还会惊动你的领导,让他觉着你做事不靠谱。
    更好的做法是你不断的向设计师展示你的工作进度,这是设计师希望看到的,展示给她进度的同时也是你们彼此沟通的机会,你可以趁机询问一些你不太确定的事情。况且设计师妹子居多,何乐而不为呢……

3、最后实现细节

频繁更改设计稿的设计是令人头疼的,对付这些设计师,我们一方面要通过公司的工作流程规范他们,另一方面就是我们应该优先实现UX。避免出现我们花了一个小时画了一个漂亮的按钮,结果第二天它的样子变了。
    有些时候也不是设计师故意要改,可能项目基于用户反馈快速迭代,这种情况下保持一颗平常的心态就好了。想想自己拿着公司的工资,这点儿小事儿就忍了吧……

4、大胆提出意见

有些时候设计师的方案并不一定细化到了方方面面,这时候就是你发挥的时候了,你可以天马行空的实现自己的设想。有的时候设计师提出的方案实现起来会花费大量的时间,这时候工程师可以根据技术提出一些替代方案,跟设计师讲明利弊。比如说:现在需求中有一个特别复杂的交互,团队对工期要求又紧,这时候你就可以主动找设计师沟通,问他能不能把这个体验上的优化放在下个需求里做,这次优先实现功能需求。其实这样做还有个好处,如果这个体验需求不是特别重要,估计下个需求他也就忘记了(haha)……
    其实,好多设计师的审美不一定有前端工程师要高,只不过他们熟悉设计方法而已。前端工程师是真正实现产品的人,对每一个细节的体会更深。加上使用过好多优秀的UI框架非常成熟,前端工程师要相信自己。

5、关注设计趋势

前端工程师虽然不是美的创造者,但却是美的实现者。在这个全民关注体验的时代,美已是刚需。所以前端工程师还是需要提升自己的美感的。给大家推荐几个不错的网站:

https://www.behance.net/; 全球领先的创意设计类聚合平台
https://dribbble.com/; 动效设计师必上的一个超级牛逼的设计网站
https://www.pinterest.com/; 一个受世界瞩目的,全球最大的创意灵感图片分享网站
http://huaban.com/boards/28789790/; 国内优秀的图片分享社区
http://www.zcool.com.cn/u/13690550; 国内综合设计网站

6、努力修炼技术

努力提升技术,提升个人影响力是最有效的手段了。如果你已经是前端大牛,以上的建议统统不适合你,你只要对设计师说:“这个现在先不做”,就可以了……

总结

文章最后,引用一位大家的名言:大部分程序员、设计师合作不顺利的前提,是双方都太傲慢了。

前端工程师如何与设计师合作能提高效率相关推荐

  1. 前端工程师:交互设计师应具备的基本知识架构

    如果你也是一枚刚入门的交互设计师,是不是常有这样一种感觉:不知从何下手,闷头读了一大堆书.学了一大堆软件.画了一大堆图之后还是感觉心里不踏实,总害怕自己还缺点什么,恨不得要有本<交互设计学习大纲 ...

  2. 写给初学前端工程师的一封信 (转于Kejun)

    大家好: 应波波的邀请写一写我对这个话题的想法.从去年开始不少朋友让我帮忙介绍前端工程师,绝大部分忙都没帮上,原因是真找不到人.我当时是这么跟他们分析的:过去的客户端以browser为主,所以HTML ...

  3. 感悟:web前端工程师该如何定位

    给前端工程师的工作下个一句话定义:运用前端技术,实现体验的良好传达.如果在前面加上 Web,那么是针对 Web 这个领域的,主要是互联网,也可以将移动通信网络和其他传媒网络(比如IPTV)包含在内,因 ...

  4. 谈谈Web前端工程师的定位

    原文地址:http://www.360doc.com/content/10/0708/17/1277406_37692580.shtml 2010-07-08  锋子chans   阅 1116  转 ...

  5. 想转行做web前端工程师,必学这6大技能!你都知道吗?

    web前端工程师是近几年才发展出来的新兴职业,也是目前火爆且高薪的职业. 大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如设计师.后台程序员.网虫.大学其他专业.策划.编辑等等. 要 ...

  6. web设计师和前端设计师的互动—前端工程师应该具备的三种思维

    如果你是一个天才工程师(马上可以离开),可以独立完成一个很多事情,你可以是一个怪咖,因为我相信没有一个人不会不佩服你.但现实归现实,多数人都不是天才,而我们在职场上也不是单打独斗,我们需要团队合作,需 ...

  7. 前端工程师如何和UI设计师做好有效的沟通

    大多数人认为,前端的工作只是简单的实现UI设计师的界面效果,然而却忽略了,前端担负的不单单有技术的积累沉淀,还有产品UI的设计思维,为什么这么说呢?可以对于刚入行的技术来说,他们的责任或者义务都是根据 ...

  8. 《Web前端工程师修炼之道(原书第4版)》——Web设计师是做什么的

    本节书摘来自华章社区<Web前端工程师修炼之道(原书第4版)>一书中的Web设计师是做什么的,作者Jennifer Niederst Robbins,更多章节内容可以访问云栖社区" ...

  9. 前端工程师和设计师必读文章推荐【系列三十三】

    <Web 前端开发精华文章推荐>自2011年6月20号发布第一期以来,历经三年半,总共发布了30多期.今天这篇是2015年第2期(总第33期),希望你能在这里发现有用的资料. 梦想天空专注 ...

  10. 前端工程师和设计师必读文章推荐【系列三十六】

    <Web 前端开发精华文章推荐>自2011年6月20号发布第一期以来,历经五年半,总共发布了30多期.今天这篇是2017年第2期(总第36期),希望你能在这里发现有用的资料. 梦想天空专注 ...

最新文章

  1. mysql innodbuffer修改_mysql参数之innodb_buffer_pool_size大小设置
  2. python下载完以后是什么样子_python下载后怎么用
  3. spring boot自定义配置文件
  4. MVC5网站部署到IIS7
  5. Jinja的基础知识
  6. 【转载】asp.net中弹出确认窗口(confirm),实现删除确认的功能
  7. opencv 梯度幅值_OpenCV学习:图像边缘检测
  8. mysql2008完全卸载教程_完美卸载SQL Server 2008的方法
  9. 淘淘商城项目mysql,idea搭建淘淘商城项目
  10. vs2013产品密钥(所有版本)
  11. 用puttygen工具把私钥id_rsa转换成公钥id_rsa.ppk
  12. SQL Server安装失败,SQL Server卸载不干净
  13. Charles 模拟慢网络
  14. [书籍精读]《移动WEB前端高级开发实践》精读笔记分享
  15. python在手,天下我有!
  16. for循环里面的break;和continue;语句
  17. 18个人生潜规则,你必须知道
  18. C语言 二分查找(循环实现)
  19. Ubuntu20.04安装POCO
  20. uniapp开发短视频系统仿哔哩哔哩

热门文章

  1. python 获取excel文本框_python学习-excel读取
  2. python中通过index删除list中的多个元素
  3. 2018年第九届 蓝桥杯 java B组 部分题解
  4. php 去除空余字符,PHP 删除字符串末端的空白字符(或者其他字符)
  5. 常用滤波算法(转载)
  6. 网站访问计数器 php,用PHP生成访客计数器
  7. tomcat 严重: Could not contact localhost:8005. Tomcat may not be running.
  8. Web 前端小白入门(一):心路历程,非技术指南
  9. 【Python】导入类
  10. RabbitMQ SSL安全认证