不久前,我收到了这样的一封邮件:
我们是一家北京的互联网公司,计划明年初网站上线。我们会提供所有的线框图、网站内容,和设计PSDs。我们只需要一个前端工程师来开发网站。虽然网站很简单,但是我们的基本要求还是有的:
- 加载迅速的轻量级网站;
- 用HTML+CSS,必要时用JS;
- 整个网站使用Bootstrap3编码;
- 支持Safari浏览器/Chrome浏览器/火狐/IE10,支持平板和手机(纵向/横向视图)
- 最终交付:HTML、CSS、JS文件
...
你可以帮我们招到这样的人吗?
实话说,这样的招聘需求真的不好满足,因为这家创业公司从一开始就把前端开发从设计过程中完全独立。显然,他们认为前端开发和设计过程可以完全不沾边,把设计的东西甩给前端就可以实现了。不幸的是,不是只有这一家公司这么认为。
因为他们没有意识到,程序员懂设计很重要。如果程序员懂一些设计,不仅可以让产品更优雅美观,从而影响到更多人;有了设计的意识,也会影响到开发的想法,拥有更高一层的全局意识。
1、拥有同理心,才能实现更好的团队合作
设计师拥有像素眼,重视外观和易用性,思维比较感性;而程序员写代码的时候更重视功能的实现和性能的提升,思维比较理性。如果程序员懂一些设计的基本原则,比如如何对齐、字体排印、配色和装饰元素,就能理解设计师提高产品观感的设计心理,和朝夕相处的设计师获得同理心。
如果一个团队的开发人员和设计人员视彼此为竞争对手,结果可想而知。如果程序员只盯着自己的一亩三分地看,遇到实现困难的时候就很容易对队友产生敌对心理。他认为设计师不懂自己,只会提出奇奇怪怪的需求。如果有设计的知识,便不会轻易产生这种想法,而会理解其实大家都是在为了共同的目标努力,设计师不是敌人。
小漫画:程序员和设计师-圆角引发的惨案没有同理心,团队是无法高效合作的。如果开发人员懂得设计师的语言,理解设计师的想法和思路,才可以降低沟通成本,在一起无缝衔接工作。只有工程师和设计师可以理解彼此的出发点和难处,才能有更密切的团队合作。
2、为了做出更棒的产品,影响到更多人
每一年,都有各种形状、尺寸和功能的设备推出,程序员不得不去适应它们。要讨论各种新的交付,包括设计系统、风格指南和模式库的挑战。还要改组工作流程,以响应式网页设计。这是一个自然的和积极的进程。
在这个快速发展的世界里,程序员越来越需要一双懂设计的眼睛:有审美,懂设计的基本组成,还会重新诠释它们。这一组设计作品的外观和行为大概是怎样?如何将为桌面设计的标签集用于移动端?设计人员和开发人员可以共同合作来解决这些问题,才能得出一个优雅、有效、合理的解决方案。
同时,如果你了解了一个设计系统是如何建立和运行的,你就可以写出更简洁、连贯和DRY的代码。你还可以识别设计模式,写出更加模块化、面向对象的CSS。这两点对开发网站至关重要,你才可以开发出更棒的网站/产品,从而改变世界。
Facebook拥有数百名设计师,Google有千余名设计师,而Apple的设计师只有100名左右。因为苹果公司的每一个员工,从工程师到市场,都在某种程度上保持设计师的思维模式。HR也用这样的要求来招人,能够把设计考虑进工作中的人会被优先考虑。苹果的工程师能够以设计为中心出发,所以设计团队可以依靠工程师直接开始造新的App接口,而不用自己先开始画模型。
所以,苹果的出色设计不是由于苹果拥有最伟大的设计师,而是因为那里的工程师文化和组织架构都非常欣赏和支持设计师。那里的每个人都在考虑UX和设计。这才是苹果的产品拥有完美设计的深层次原因。
3、理解设计等于理解用户
小漫画:程序员和用户眼中的彼此...无知的恐龙总是埋头码代码很容易忘了,我们在做的工作是为真实的用户服务的。程序员的工作是为了解决实际问题,而不是把过多的精力放在技术挑战上面。学习和理解设计有助于提醒自己,理解这样设计要解决什么问题,从而更贴近用户。
事实上,程序员才是一个产品最后的「设计师」,因为当他们开始参与一个项目的时候,将不得不用代码做出影响和修改设计的决定。在产品的前期规划阶段,单靠产品经理和设计师几乎没有时间可以考虑一个网站的所有细节,这些未被考虑到的细节就丢给了工程师。如果工程师懂一些设计知识,可以参与设计师团队最初的讨论,就会考虑地更加全面,及时指出和调整需要折衷设计方案,最大程度地实现用户需求。
在硅谷,在Facebook 和 Quora 这样的公司,程序员不是对代码之外的事情视而不见,设计师更不会提出荒谬的方案而对开发一窍不通。只有整个团队在产品设计和开发过程中的每一个步骤对用户负责,了解其他人在干什么,才能真正的保证产品的质量。
4、增加工作的乐趣
也许,学习设计的最好的理由其实很简单:提升工作的乐趣。换一换脑子,了解设计,能为开发工作带来一些不同的乐趣。如果一位程序员对一个项目的贡献超出了技术方面,是不是更能获得成就感和满足感呢?
所以,程序员们,无聊时逛逛Dribbble学学产品细节吧!和办公桌旁的设计师聊聊天,混一混设计圈子,理解他们的语言和思路,给平凡的生活增加一点新鲜感和好奇心吧!
最后,给有心学习一点设计知识的程序员推荐一些资源,其中有书,也有在线的教程,感谢@豆瓣zhouqun的分享:
1、《写给大家看的设计书》这本书简单易懂,介绍的也都是可以遵循的规则,很适合业余爱好者阅读,非常推荐。
2、 Type is Beautiful 很好的字体博客,里面的基础文章非常值得一看。
3、Thinking with type 关于字体设计的好书,可以在线阅读。
4、《色彩设计的原理》最近出的书,浅显易懂。
5、《版面设计的原理》和 《色彩设计的原理》 是同一个系列,能学到很多关于布局的知识。
6、Designing for the web 包含了字体排印、配色和版式设计等多方面内容,值得一看,可以在线阅读。
7、Twitter & Twitter Bootstrap. 如果你可以把 Twitter 整个网站自己写一遍,一定会受益匪浅。
参考:cognition.happycog.com
登陆[100offer互联网人才拍卖](http://www.100offer.com/join/jianshu?utm_source=jianshu&utm_medium=essay&utm_campaign=homapage&utm_content=sheji2),参与下周拍卖
网友评论