主页 > 设计师中山人才网

目前UI交互设计常用的软件有哪些?UI处理软件有哪些?

74 2023-04-29 21:22

PS:PS软件在UI设计工作中主要来用做UI设计界面设计、图标设计、图片处理的

AI:AI软件在UI设计工作中主要用来做UI界面设计、图标设计、字体设计、插画设计的

AE:AE软件在UI设计工作中主要用来做动效设计的

XD:XD或者sketch软件,Sketch(只能在苹果电脑上安装)XD软件可以在双系统上安装

Sketch和XD这两款软件功能是差不多的,XD的话是一款非常适合做UI设计工作,XD做图会非常快,因为XD的工具特别少,里面的工具是专门为做UI设计工作开发的一款软件,而且XD软件特别小,不会卡。

ARP:ARP或者默刀软件,ARP和默刀软裤森消件功能差不多二选一学习就可以了,这两款软件都是做原型设计的

UI设计是由很多很多界面组成的,这些界面每一步之间去交接的这个界面,如果说我们只做一个界面,UI设计师是可以做出来的,但是要做几十个上面个界面,如果我们一个个做是肯定会出问题的,所以需要先制作原型,我们根据原型再制作界面,这就是我们的前后联系,原型是不用做这个颜色,胡知图标,细节的,只需搭建一个基础的版式就行,这个就是我春悄们用ARP或者默刀软件做的。

C4D:C4D软件在UI设计工作中主要用来做建模的

蓝湖:蓝湖软件在UI设计工作中主要用来做标注设计的

就是我们做好了页面,这个页面的高底,宽度,包括页面的色值我们都需要标注出来,为什么需要标注呢,因为我们做的图,做完之后他就是张图片,这个图片我们用手机是点不了的,我们手机APP上的那些图之所以能点,那是因为有程序猿做了一个二次开发,这个东西我们不用懂,但是我们要标注出来,标注出来让程序猿知道你的颜色,你的色值,你的尺寸到时是多少,他才能开发出来。

目前市面上确实蛮多的,建议学好一个,够用就好――学多而不精其实就是浪费时间!

1. Adobe After Effects

AE这个软件我想大家都知道,火得一塌糊涂,如果没猜错的话,它目前属于设计师学动效的首选。

它的特点就是强大且牛逼,基本上要的功能数凳亮都有。UI交互设计其实只是用到了这个软件很小的一部分功能而已,要知道很多美国大片都是通过它来进行后期合成制作的,配合PS和AI等自家软件来说,更是得心应手。dribbble上炒鸡多的大神都是用这个软件在show哦,毕竟这个软件做demo那是很厉害的~

但是有些效果程序猿不见得能够帮你实现出来, 因为实际的项目产品受太多的制约,木有那么多程序猿会没事给你做动效的!

2. Adobe Photoshop

可能很多人都认为ps只用来作图和处理图像的,并不知道ps可以做gif~然而当AE没有火起来的时候,我们这些老ui设计师们都是用ps做gif,用flash做demo(过去我们只需要做PC桌面的动效)。如果没记错的话,ps从cs6之后开始进一步加强了动效的模块,现在的版本能够实现很多相对复杂的动效~

而笔者喜欢用ps来制作简单的表情动画,逐帧动画用得居多。

3. Adobe Flash

Flash可以说是过去的王者,也是由于时代的发展原因,现在基本被淘汰了,这里不多做解释,具体可以百度――据说特别耗费cpu和占用内存,软件里面有都爆卡~不淘汰才怪,现在很多很low的网页游戏还在用这种技术~

4. Pixate

这个软件被大牛Google收购了,然而被收购一年后,Pixate Studio宣布于10月31号被停止更新了~凄凄惨惨戚戚。

Pixate是图层类交互原型软件,优点是可交互,共享性强,和Sketch结合相对高,同时对Google Material Design的支持比较好,有许多MD相关预设;缺点是没有时间线,层级管理不是很明确,图层一多就会非常的繁杂。

5. Origami

这个软件可以用一句话来形容――超强大的高难度原型工具,要是没点代码知识做压惊~~建议远处观望就好~

6. Hype 3

hype 3也算是火了一小段时间的,号称无代码动效神器,像AE一样使用时间轴就做可互动的动画。PC、手机、pad端都可以直接访问(以web的形式),也可以导出视频或者GIF。3.0版还有物理特性和弹性曲线,可以发挥更强大的动画效果。对中国人来讲,它原生支持中文这一点也非常棒!配合sketch效果也是杠杠的!

7. Flinto

界面跟Sketch很像,如果会用sketch那么上手很快薯宽。它能够快速实现各种滚动、转场、点击反馈效果,手机和电脑端的预览都非常的流畅,貌似现在用的人不少~

8. Principle

这个软件的和上面的flinto有点类似,界面和sketch类似,同时配合sketch也是非常方便。它主要是做2个页面间过渡专场特效,元素切换,细节动效的工具。优点很明显,效率高,质感好,缺点就是不能做整套原型。

9. CINEMA 4D

说到C4D或者大家第一反应是它粗搭是三维软件啊~没错!但是它做起动效来也是帅破天际的~~下面是网络上用C4d做的一些demo。

10. keynote

keynote相当于windows的powerpoint,是个幻灯片软件。但是!或许你并不知道,据说苹果的UI交互设计师都是用keynote做交互演示的......只要能够熟练掌握这个软件,目前app里的绝大多数动效都是可以做出来的~但是相对复杂一点的动效实现起来就有点不够.......但是已经很帕撕冒~~笔者经常为了省事直接都是用它做个简单demo给程序猿看的,快捷方便啊~要知道时间就是金钱啊!

好啦~由于笔者也并不是全部了解目前市面上的动效软件,按照自己的理解基本上一些相对主流的动效制作软件就是上面这些,如有漏或者不对的地方还请指正~

总结:

1、AE属首选。

2、PS制作简单动效比较方便。

3、Flash被ADOBE爸爸抛弃了。

4、Pixate优点是可交互,共享性强,和Sketch结合相对高;缺点是没有时间线,层级管理不是很明确,图层一多就会非常的繁杂。

5、Origami,使用此软件还是有点代码知识为好。

6、Hype3配合sketch效果很好。最近也比较火

7、Flinto界面跟Sketch很像,能够快速实现各种滚动、转场、点击反馈效果。

8、Principle,优点很明显,效率高,质感好,缺点就是不能做整套原型。

9、C4D攻可三维,受可动效。

10、keynote相当于windows的PPT,相对复杂一点的动效实现起来就有点不够。

分享几个我比较熟悉的:Mockplus、Sketch、Adobe XD、Axure RP、iDoc。

Mockplus:Mockplus是一款简单、便捷的国产原型工具,可以快速将你的想法以线框图形式展现出来。软件内封装好了常用的一些组件及素材图标,拖出即可用,非常方便。同时Mockplus也支持多人协作设计 。

Sketch:相对于PS,SKetch定位更加精准,操作更简单及轻量化。“设计,修改、演示”的一站式功能,可以帮助UI设计师快速卖锋完成界面设计,元素批量修改及快速演示等。但是目前只支中坦晌持在Mac上使用。

Adobe XD:XD可以进行APP和网页的原型设计。

Axure RP:信誉Axure是一款非常老牌的原型设计工具,组件和功能都非常丰富,不过这款工具比较复杂,学习门槛高,自带的很多组件也已经过时了,可能百分之九十的功能和组件你都用不上。

iDoc:在Sketch、PS、XD完成设计后,可以用摹客iDoc的插件上传,快速转为可交互的高保真原型,也可以快速标注和切图,帮助设计师快速完成交付。

现在市场上的软件很多,从用户体验和工作效率来看,建议选择Pixso协同设计进行工作或学习。

作为交互设计师具体的工作内容包含几个方含和型面,一是绘制线框图,二是制作动态Demo,三是团队协作。网络上每天都会推出新的工具,能留在电脑里面的不过几款,能经得住时间考验的才是最好的。Pixso协同设计是当之无愧的是一款值得留在电脑里的工具。

Pixso协同设计不仅是一站式产品设计协作工具,更是一款专业的UI/UX设计工具。更多矢量网格、布尔运算、样式创建、智能排版等高阶功能,组件级自动布局,增加或删除内容都无需手动调整,智能排版,且自适应不同屏幕尺寸。使设计师真正专注于创造本身。棚御

想要了解更多关于UI设计的相关信息,推荐选择Pixso协同设计。该工具无缝衔接以往工作,支持Sketch、XD、SVG等文件导谈猜入导出,自由进行Sketch的文件格式转换。并且,文件自动保存到云端,一键回溯到任意历史版本,再也不用担心文件丢失。素材库集成众多大厂优秀的设计系统,所有UI设计师均可直接拖拽复用,从此省去大量模块化设计环节的重复劳动。

ai、ps、c4d、蓝湖。