手段之设计软件

今天这一节,我纠结了很久,还是决定写出来。为什么交互设计师要会设计类的软件?有人说既然你是个画原型的,那就用好你的原型工具就够了,剩下的事情交给视觉设计师去完成不好吗?为什么你连视觉设计师用的软件也要学?我觉得也有一定道理,所以这一节算是选修的吧。之所以我说有道理,是指我不希望新入行的交互设计师把过多的精力花在学各种设计软件上,毕竟本职的交互逻辑和产品思维才是正道,先精通一两款原型软件就够了。但我还是希望有志于提高自己综合水平的交互设计师,如果你希望有朝一日成为全栈设计师,如果你希望以后能够独立管理一个设计团队,如果你希望以后能够自己创业做独立软件,那还是很有必要学习一下这几类设计软件的。而且有一个秘诀,学过这类设计软件的同学应该都知道,那就是一旦你能够精通一款Adobe系列的平面设计软件,那以后再学其他的设计软件或者原型工具,那上手起来都是再轻松不过了。这就是一法通,则万法通吧。因为他们家的软件历史悠久,整体的交互和操作方式都已经成体系化,非常规范,用户也是最多的。其他软件厂商与其重新发明轮子,不如按照大家的习惯来,所以现在只要和设计相关的软件,总是会带有一点他们家的痕迹。

设计类的软件,比起原型工具来那可是多了不止一个数量级,并且又是选修的,这节我就简单讲讲三种类型吧,不具体展开了。而且说实在的,我自己很多也只是略懂,还有很多需要学的。

1.平面设计

传统的平面设计三巨头:Photoshop、Illustrator和CorelDRAW,相信学过设计的同学至少会其中的一个吧。PS可以说是万能的图形软件了,无论是P照片、画图标或者做UI都行,而Illustrator更擅长的是矢量插画和Logo设计,CorelDRAW则更适合传统的平面排版输出。后两者所谓的擅长也只是相对而言而已,其实能做的事情也还是很多。

除了这三个,还有Mac平台的强劲新锐Sketch,它其实最开始是作为取代PS在UI设计界的定位而出现的,只是用着用着,现在还可以作为原型工具使用了,除了它的功能确实强大之外,上手容易、操作方便也是一个重要原因。

不仅有Sketch挑战PS在UI设计界的地位,在它擅长的图像处理和插画方面也有另一个对手——Affinity Designer。相比PS那每年高昂得吓人的正版授权费,它只要328元的价格可谓是厚道到家了。同时AD的功能也同样强大,在分屏预览、响应式设计以及画板等功能上都有很不错的表现。

对于交互设计师的意义

作为一个设计师的基本素养,你说你不会用PS?

画原型的时候可以自己P个图标、处理个插图;

做高保真原型的时候,可以自己拿着PSD切图和导出;

会做UI的交互设计师是强大的,可以单枪匹马完成一个APP的所有设计工作。

2.动效设计

说到做动效,最经典的软件就是Adobe家的After Effects了吧。我的同事Nefish就是使用这款软件的动效大神,腾讯电脑管家小火箭的很多动效都是他在AE里先做出Demo,确定最终效果后,然后我们才写出动画说明书,给到开发进行还原的。比如我们小火箭的深度加速功能,可以让用户选择几个需要关闭的进程,然后就会有一个加速的过程,我们将这个过程和小火箭这个概念结合起来,包装成一个坐在小火箭内部,在宇宙中加速穿梭的感觉:

如果没有AE这样方便的工具在,想要实现这种如丝般顺滑的动画效果是千难万难的。一些很复杂的动画,可以在开发的时候,直接使用AE导出的序列帧来还原动画效果,这样就一定能够保证百分百还原设计了。不过相应的,也会增加一些图片的数量和体积,这里需要做一个平衡和优化。对于交互设计师的意义

交互不应该只有逻辑跳转,还需要有过渡动效,掌握一个强大的动效工具可以加深我们对交互动效的理解;

也可以作为高保真原型的一种补充,很多团队的高保真直接就是用AE做的;

它还可以用来做产品的宣传视频,当团队中没有这样的人才的时候你可以果断补位。

3.三维设计

如果你的平面功夫已经很好了,动效也会了,是不是就没有可以挑战的东西了?当然不是,你还可以挑战更高的维度——3D动效!我的好基友,QQ音乐的高级视觉设计师Geeco就做过这种事情,从零开始学Cinema 4D,最终做出了屌炸酷爆炫的QQ音乐7.0新版闪屏,你可以感受一下:

完整视频可以看这里:

除了Cinema 4D,你的选择还有Rhino(犀牛)、3DMax这种3D建模软件,如果有编程基础,想挑战更高维度的,还可以去试试Unity 3D和Unreal Engine 4(虚幻引擎4)这样的游戏引擎。它们都有各自的应用场景,比如我们的3D小火箭就是用Rhino建模出来的:

关于游戏引擎,我们设计中心的设计师们还真的用虚幻引擎做出了很酷炫的大数据可视化产品,展示效果已经秒杀竞争对手几条街,获得了领导层和市场的强烈好评。由于还是在起步阶段的To B产品,我就不放图了,敬请期待它的爆发吧。对于交互设计师的意义

有些动效如果用3D来实现,会更酷炫;

比别人多一个维度的思考空间;

游戏交互设计师对游戏引擎的了解是必须的;

装逼,装逼,装逼!

今天的这篇文章比较短,毕竟是选修项目嘛。对于交互设计师来说,软件的体验和学习是永无止境的,你精通的软件越多,就越有可能比别人多一点竞争力。前提是,你得先有一个牢固的专业理论基础。系列文章题图的图片授权基于:CC0协议【书斋小笺】今天的发文时间又创记录了,现在已经是晚上7点多。原因是我已经想通了,文章该写,但是时间不用限制得那么死。毕竟生活不能耽误,该做的事情就去做好了。每日一篇,不见不散。这篇文章编号214,首发于2018年6月2日。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180602A1C2QC00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

同媒体快讯

扫码关注云+社区

领取腾讯云代金券