打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
前端工程师如何与设计师合作?
原文出处: Chuckie Chang   欢迎分享原创到伯乐头条

如果你是前端,你可以给设计师提以下一些要求:

1.如果想要95%以上还原设计稿,你必须提供给设计师设计时的注意事项,当然如果设计师有前端功底,他的设计会考虑到更多的协作性,通俗点说:比如设计的PSD稿件的图层切图的形状不要太另类,不同的分辨率,元素布局上你能不能敲代码实现,容不容易做出来,不要太自我主义不考虑前端,到时候做出来的东西又返回头改死人,甚至前端出来后一塌糊涂,两败俱伤

2.你看过的或者项目交互上想要的效果,让设计师分析这种效果拆分后该设计些什么东西?设计量有多少?能不能用图形的方式直观的设计出来?等等

3.自己用铅笔在纸上画的草图,设计中的部分重要细节和你自己的想法要亲自提醒设计师

4.项目碰头的时间段,如何碰头,使用远程工具?使用QQ?还是直接离开办公椅面对面?还是茶水间?是1天碰头一次?还是设计完某部分碰头一次?发现问题就可以及时修改,避免事倍功半

5.让设计师准备好详细的设计说明文档,文档可以是直接套用html模板,可以是word,可以是图片或者思维导图,总之要让前端设计师一目了然知道为什么这么设计,这样设计让前端怎么用,怎么配合

6.如果设计师有前端功底,你还需要让他提供一些他设计时考虑到的插件或者代码(比如设计banner时他想要视差,3D,还是滑动等效果,要用到什么插件,用了什么框架等),这样能提高前端的质量和效率

同时,你需要让设计师给你提供:

1.完整的,规范的PSD分层文件,最好是要切图的部分就是一个图层或者 文件夹,使用photoshop的快速切图插件,单独导出图片,快速准确,不建议使用PS默认的切图工具

2.详细的,规范的设计说明文档,标注文档

3.对于有前端基础的设计师,需要提供他设计时考虑到的前端效果插件或代码,是否使用前端框架等

4.适合你们的沟通协作方式

5.如果是比较有经验的设计师,能给你提供一个demo(可以是视频,或者gif,甚至是用纸和笔画出的交互效果),能大大提高前端的质量和效率

最后的最后,前端攻城师和设计师互相提供这些需求和资源的同时:

不要忘记了产品经理或者老板或者你们部门的项目初衷,也要做好和上层的对接。

在过程中试错,在试错中体验,在体验中修改优化,在修改优化中培育协作能力和感情,在协作和感情中喝杯咖啡聊聊天泡泡妹子!

1 2 收藏 评论
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
当前端基建任务落到你身上,该如何推动协作?
浅谈如何成为一名强大优秀的全能设计师
这是一本“看透”前端的书
“老板让我学电焊!设计师要会多少技能才能过得好?”
学用系列|巧用协作文档,实现“微信读书”笔记管理
字节跳动技术面试官现身说法:我最想pick什么样的候选人
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服