ui与前端的爱恨情仇 (前端与ui大打出手)

前端和ui怎么沟通,前端和ui设计有什么区别

本文系职场135原创,部分内容来源于知乎,转载请后台联系我们!

矛盾真的是哲学中一个十分有趣的话题,

其实,除了哲学,生活中的矛盾也很有意思。

尤其当我们置身职场时,总是被各种矛盾包围。

前端和ui怎么沟通,前端和ui设计有什么区别

你和领导之间观念的矛盾,

你与同事年龄不同沟通的矛盾,

还有你和同事工作中的矛盾,

比如,UI设计师和前端之间的矛盾。

其实,相比“矛盾”这个词,湿姐觉得“羁绊”更为妥当。

不信,你们看。

↓↓↓

前端和ui怎么沟通,前端和ui设计有什么区别

设计师与前端谁更苦逼?

UI设计师(视觉设计师),如果用一个比喻来形容他们的工作,那就是丰满的理想。

前端(程序员),同样用一个比喻形容他们的工作,就是骨感的现实。

当理想撞见现实,结果可想而知。

前端和ui怎么沟通,前端和ui设计有什么区别

因此,我们常常看见这样的现象,在完成了一件网页设计后,设计师的一些想法和设计,无形中给前端在创建网页代码时,造成繁重的任务。

前端和ui怎么沟通,前端和ui设计有什么区别

可UI设计师在设计时又必须要站在用户角度考虑,尽量多的满足用户需求,有时忽略了可行性。

而站在现实端的程序员们为了实现这一切不得不展开没日没夜的写代码工作。

前端和ui怎么沟通,前端和ui设计有什么区别

因此,UI设计师与前端之间的矛盾,其实就是现实与理想间的羁绊。

这份矛盾中既有UI设计师的天真,又有前端人员的无奈。

前端和ui怎么沟通,前端和ui设计有什么区别

他们眼中的彼此

据说前端眼中的设计师长这样:

前端和ui怎么沟通,前端和ui设计有什么区别

设计师眼中的前端:

前端和ui怎么沟通,前端和ui设计有什么区别

看到这里湿姐心里默默许下一个愿望:

前端和ui怎么沟通,前端和ui设计有什么区别

如何平衡设计与前端间的矛盾?

1认清现实

设计师交出的东西在前端那里不可能100%实现,因为设计本就不可能面面具到,而一些细节最终都要工程师自行定夺。

前端和ui怎么沟通,前端和ui设计有什么区别

2确立共同目标

有了一个共同的目标,那么设计师和前端就有了沟通的前提,沟通过程中必须明确分工(特别在有第三方沟通的情况下)。

作为一个前端工程师,在实现设计师的设计稿时,如果有自己的一些想法,要主动提出来,但也要做好被拒绝的准备。

前端和ui怎么沟通,前端和ui设计有什么区别

一位资深前端表示,做好前端要注意弄清需求,文档,功能是否容易实现,还要谨慎评估时间。

3不是成本越高的表达方式越具体

这点设计师必须要清楚,你想要前端帮你实现的东西,你需要自己搭建个桥梁。

比如,你想要实现一个复杂动图效果,那么你需要告诉前端:

方*论法** | 135

① 有效的切图、有效的标注;

② 在界面上加入动效之后,也同样需要设计师输出切图和标注:

  • 属性变化(位置、透明度、大小、颜色...)

  • 时间变化(开始时间、持续时间)

  • 缓动函数

湿姐知道这些意见都只是凤毛麟角,也只能帮大家到这里了,我真的尽力了。

前端和ui怎么沟通,前端和ui设计有什么区别