现在前端工程师都在推全栈工程师,指掌握多种技能,并能利用多种技能独立完成产品的人,通俗的说能前后台同吃的人,其实设计师也需要全栈的概念。

在很多人理解里的全栈设计师,可以用另一个字“站”去替代。全站,指能完成一个产品的视觉和交互。在大公司里面,设计师分很多种,有视觉设计师,交互设计师,插画设计师,平面设计师,甚至也有专门画icon 的设计师,一个产品需要很多人协同合作才能完成,很多时候设计师之间的观念是不不同的,比如交互设计师,着重点肯定在产品交互上面,交互设计已经不仅仅是审美学的选择问题,更多的是基于用户和认知原理的理解,所以他们画设计稿的时候,会更多的从逻辑以及认知的思考问题上着手,输出设计稿的时候,也不需要用多余的颜色去表示一个功能,因为多余的颜色会增加视觉设计师的负担,他们肯定也先考虑的是功能的问题,而不是颜色,如果交互设计师连基本的功能都没有完善,那也就无法交给视觉去做页面的。相比的视觉设计师的着重点就在视觉上了,交互交给他们的是白板,没有多余的效果,视觉就需要在这里开始展开天赋异禀的设计,把简单枯燥的界面赋予生命。

一般来说,交互设计师和视觉设计师之间也有一个横沟,两种角色在想一个问题的时候,会从不同角度去出发,所以全栈设计师最重要的是,一定要中和这两种角色带来的差异化,不能单一的从一个角度去思考问题,如果自己给自己制造矛盾体,那也就无法进行下去了,所以全栈设计师可以说是一个纠结体,要综合多种角色去思考一个问题。

在两种角色的工具使用上,差异也比较大,交互设计师考验的是逻辑能力,肯定不能用Photoshop 这类大型的视觉工具去制作,一般用来画交互稿子用一个叫Axure 的软件,它的能力能把你脑海中的界面马上画出来,支持控件库,最关键是可以马上导出html到浏览器上去看,但是缺点就是局限性比较大,比如你画一个很简单的圆形进度条就要好好思考下如何去拼接。而视觉设计师用的PS 等工具,多数用来视觉工作,他们对颜色的处理是先天的,但是也有很多缺点,就拿PS来说,大型,耗资源,一般的电脑运行起来比较吃力,最关键的是它很贵,贵到你作为个人用户一点都不想买,尤其是如果你是一个UI设计师,拿ps 来做的东西的时候,你会突然发现这个老爷爷已经out好久了,他的年龄居然和你差不多,不够轻量,不够快速,最无法忍受就是连打开软件都需要泡杯茶的时候。

所以这个时候有了新型的设计工具,那就是Sketch ,它的诞生,可以说很好的把这两个矛盾体完美结合了。这是一个轻量的矢量设计工具,它的好处几乎可以把两个角色的工作统一化,当然我这里说的是UI设计师,如果你是只做banner,那还是无法用Sketch来贴图,相比如果你是UI设计师,完全可以通过这个工具来快速画出交互稿子,Sketch 有很多插件,其中就有一个html导出的插件叫Blade,他也可以把你设计的稿子导出到html 版本,顺带提下这个是好友加缪写的,不知道更新了没有。所以你可以通过Sketch 快速导出你画的交互稿子,接下来,视觉稿,那就更不在话下了,Sketch强大的视觉处理能力,你需要做的就是在交互的基础上,赋予颜色,赋予生命。

相比交互设计师的Axure,Sketch 有几个好处,

  • 插件支持很多
  • 可以画很多特殊的组件
  • 更快的演示能力
  • 提高设计速度

相比视觉设计师的PS也有很多好处,

  • 轻量,快速反应
  • 批量工作很给力
  • 快速标注
  • 能够快速自定义页面的规范
  • 软件收费相对便宜
  • 矢量,导出快
  • 软件迭代开发快速,更新快

其实比较下来,Sketch 的优点还有很多很多,当然也有不满足的地方,用了之后我想很多人最宽心的是终于不用做着做着就崩溃了。有了Sketch以后,更加的促进了一批全栈设计的诞生,当然全栈设计师不仅仅需要你懂得交互和视觉,其实还有很多很多,比如基本的前端代码能力也是一个全栈设计师所具备了,只有你自己了解了如果去实现一个产品,拥有一个产品的全局观的的时候才会让这个产品更好的落地。

我相信经过一年两年后,国内会有很多全栈设计师诞生,Sketch 在这里功不可没。当然这条路也很远