本文首发于饿了么前端-知乎专栏
如果大家对于前端知识感兴趣,可以通过点击文章下方的阅读全文,来访问专栏地址
在此处再次感谢原作者——王钊 Dzinlife.com
程序员跟设计师之间并不总是能顺畅沟通,这导致了软件开发中的很多问题,理解对方的工作不总是一帆风顺,有时甚至是非常困难的。作为一枚设计出身的开发,天然获得了两种视角,得以让我从不同视角的去审视这个问题。
设计师是一群什么人
“你才是美工,你全家都是美工!”
每一个设计师都讨厌别人叫他美工,这就像是一种侮辱,抹杀了他们在创意、品位、眼界、情怀,以及努力工作灌注在产品之中的思想与情感。作为互联网公司里跟艺术最接近的一个角色,触犯了他们最引以为豪的身份认同,当然是要跳脚的。
工程师怎么看待设计
“就画了几张图,也好意思说设计了一个网站/应用?”
在工程师眼里,一个网站/应用能够 work,牵扯到交互、内容、视觉、前后端对接等多个环节,每个环节之间都互相影响,而几张静态设计图远远不够表现一个产品的完整形态,甚至,将会是漏洞百出的。
所以设计师应该学习编程吗?
刚才举了两个较极端的例子,现实中我合作过的绝大多数设计师还是非常 nice 的,毕竟我们的目标都是共同打造出色的产品。虽然这个行业从来不要求设计师懂得代码,但在从设计向开发的转型过程中,我真切感受到了代码能力对设计思路带来的巨大促进和提升。
曾看到一个比喻非常贴切,设计师好比一个不会画画的艺术家,每天早上,他把自己的想法告诉助手,然后助手尝试着在画板上重现出来。一天结束后,艺术家看一眼最后的成品,要么满意要么不满意,然后给出新的指示。
的确,大部分设计师的工作流就是如此:交付设计稿,等待成品,然后列出一长串的修改清单,再接着等待下一个版本的测试。这个过程之恼人,很多细节历经多次修改依然难以令人满意。而且这还不够糟糕,当很多瑕疵被置之不理而上线,对于视细节如魔鬼的设计师来说简直抓狂。
而原型设计改变了这一点,我不再只是输出设计稿,而是制作各种真正可操作的原型去验证各种脑洞的合理性。这样做会让人感到自然还是感到困惑?什么样的动画过渡可以让界面更加流畅充满质感?什么样的速度曲线可以令触摸交互更加「跟手」?我想要的一切效果,直接在浏览器中设计和打磨,输出为可交互的产品,不用去隔着屏幕一遍遍解释「应该」是怎样。
那么工程师应该学习设计吗?
“此处不要写死,将来必改。”
后来我走上了职业前端的道路,工作流随之回到了曾经:等待设计稿,交付成品,然后收到一长串的反馈清单,开始新一轮的迭代。所幸的是,不需要经历恼人的反复修改了,因为我清楚的知道怎样让对方满意,更不会让对方抓狂。
Alan Kay 曾经说过: A change in perspective is worth 80 IQ points / 视角价值 80 点智商。学会站在对方的角度考虑,就能提前预判需求,大大减少沟通成本,提升效率和质量。
另外,随着 Sketch 等工具的出现,使得设计的门槛不断降低,就初级水平而言,工程师学习设计所要付出的时间成本远小于设计师学习编程,这真的是一件能够迅速获得成就感的事。
最后透漏一个小秘密
如果你是一个会开发的设计 or 会设计的开发,最好不要让一起合作的设计 / 开发察觉到你的「越界」,别问我怎么知道的。