前端工程师跟UE设计师好比是两个物种,拥有完全不同的属性和意识,思维习惯不尽相同,而且更致命的是,设计师从来都是在设计师的环境中成长起来的,前端工程师多半是从理工科思维环境中成长起来的,所以这两个物种要在一起合作可谓是难上解难。作为前端工程师,假如我们能多理解设计师的思维习惯,那么在日常生活和工作中沟通起来应该会更加自如一下。
我作为这篇文章的作者,最初在学校学了六年半的设计,一直算是在文科生和艺术生的圈子中混的,工作以后一下子跳到了理工科的圈子,最初也是有些不适应,但是慢慢的我发现了这两拨人的可爱之处。比如设计师喜欢谈感受,善于表达情绪,谈话更有意思。而理工生喜欢分析数据,精于计算,不太在意情商方面的内容,说话可以随性一些,因为他们一般不会受伤。。。。下面我就站在设计师的角度为工程师介绍一下我们设计师的思维习惯:
感受,感受,我们要的是感受
我发现理工科类的学生,很难理解感受的含义。感受就是我感觉这个世界是怎么样就是怎么样?想当初笔者我自己,看到一篇新闻报道,说某大学教授出车祸身亡,附有视频,我看完以后就说,看这教授的开法,肯定是平时趾高气昂惯了,觉得全世界都要让着他都要对他低三下四,结果旁边的工程师惊讶的看着我说,难道你认识他?
不在一个点上,理工科生的习惯思维是我要有证据才有结论,文科生的习惯思维是,我觉得这个事情是这样的就是这样的。换在工作中就是,设计师觉得我这么做好看,我改一下更好看,工程师则说,你凭什么说这么改一下好看,你有数据支撑吗,你做过调研吗?
我想说的结论就是,理工科学生可以适当的相信自己的直觉,设计师之间也不是没有argue,但argue的重点在于,我认为和你认为,你认为你讲出你的道理,你甚至只要说,我认为这样的设计让我很舒服。不过趾高气昂的设计师通常可以回复你,究竟是你做设计还是我做设计。于是这里又出来一个本质的问题,设计师做设计的主要目的就是让自己设计出来的东西自己看着舒服,不难受,进阶点就是让大家和老板看着都舒服。
我们不关心技术实现,我们在乎美
http://29a.ch/sandbox/2011/neonflames/
这个随机粒子效果的例子是我在一个前端PPT里摘取出来的,作为前端技术的演示,当然侧重点在canvas画粒子效果上,而且这东西可以随着鼠标的移动产生动态效果,非常美。
是的,这很美。但工程师只要知道,哦,这很美就够了,然后他的思维流会马上转到,这是用什么技术实现的,这里的粒子算法是什么,这里不同颜色是通过怎样的随机产生的?
设计师则不同,他们第一印象感觉美以后,会喜欢表达自己的感受,比如这画出来的像星尘,黑色的背景就是宇宙,带给我一种未知的恐惧。或者这像是一种魔法,一种烟,战争,是的,你看那隐藏在背后的深红,分明是战斗溅起的血花。
所以,有时候你在跟设计师谈技术,是对牛弹琴,同样道理,设计师跟你谈美也有类似的感觉。
作为前端工程师,有时候要理解设计师对美的理解,尊重美,也尊重实现。
设计也是有原则的
设计不是纯艺,当然有很多原则,尤其是网页设计,市面上也有很多书。设计类本科前几门课程必须涉及一门叫做平面构成,简单的说就是一些理论,比如重复,比如特异,比如协调,比如韵律。
说实话这些东西很扯淡,理工科学生更会不屑于这些感性层面的归纳和总结,但是实践过程中我们可以发现有一些很简单很好理解的原则:
一个就是协调,结构的协调,色彩的协调。你不能给一个页面弄得花里呼哨的,一边是圆形一边是方形,一边是亮色,一边是暗色。颜色这个就比较复杂了,同色系的可以不同亮度,但一边是纯度很低的颜色,另外一个页面全是纯度高的颜色就会给人不协调的感觉。具体细节不谈,第一点就是协调,你可以跟设计师说,“你这样改起来一点不协调。”
二个是一致,平面构成里的重复。构成里所谓的重复,会给人带来力量和秩序。有一个经典的心理学实验是把人放在桌子摆放不规整的房间里,所有人都会把桌子调成一样,平行,并列,证明人天生喜欢秩序。人类喜欢一致和统一,你设计师设计一个模块,和其他模块全都不一样,你这就是有反人类倾向,请再三斟酌。
三个就是特异,是的,和一致是矛盾的,你摆一排娃娃,突然出来一个苹果,这就是特异。创造打破平衡的东西,就是艺术讲的创新。所以的确会有很多设计师搞出上面所说的反人类设计,这个时候就不是反人类,而是创意。都是平的,就一个是歪的,就是要这种视觉冲突,设计因冲突而美,或者说这是亮点。作为前端工程师,只能去尽可能的理解这种设计,谁让你不是设计师了。
好了,本来还想了几个小标题,发现说来说去都是这么几个点,总结一下,设计师在乎感受,视觉美和设计原则, 而这几点工程师很容易忽略或者不了解,如果在工作中增进彼此的理解,前端开发的过程想必会更加顺畅。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。