学习UI动效设计会用到什么软件
展开全部 UI设计课程会学习到Photoshop、llustrator(AI)、Axure RP、Flash InDesign 等相关软件。
UI 设计,全称 User Interfac,翻译成中文就叫做:用户界面设计。
用户界面根据用户和界面来分可分成四种:第一种:移动端UI设计移动端UI设计,也就是手机用户,界面指的就是手机界面,也就是说手机上的所有界面都是移动端UI,比如微信聊天界面,QQ聊天界面,手机桌面,手机上看到的所有图标界面点了后会有反应都可以理解成移动端UI设计。
第二种:PC端UI设计PC端UI设计,也就是电脑用户,界面指的就是电脑上的界面,也就是像电脑版的QQ,微信,PS等软件和网页的一些按钮图标等。
也就叫做PC端UI。
第三种:游戏UI游戏UI,用户也就是游戏UI用户,界面指的是游戏中的界面,游戏中的场景人物什么的就是不UI了,像手游王者荣耀,PC端游英雄联盟和一些其它游戏中的界面,像登录界面、个人装备属性界面也叫做游戏UI设计了。
第四种:其它UI像VR界面、AR界面、ATM界面、一些智能设备的界面,比如智能电视、车载系统等等,用户较少,但又需要,未来有可能很火,有可能保持现状。
...
UI动效图是用什么软件做的
主流的有Adobe系列工具。
介绍技能优缺点给大家:PS:最主流的设计工具,处理图片强大,调色功能强大,无论是图标设计还是设计界面一定是最佳的选择。
无论什么职位的设计师,都必须具备的基本技能。
运用熟练后,绘制3d强质感效果也不是问题。
缺点:需根据尺寸设计,无法绘制矢量图形(随意放大缩小),排版功能较弱。
A I优点:是量图设计工具,绘制logo,海报等极为优秀。
图标和界面功能很好,可根据尺寸放大缩小,矢量图输出。
可以用AI来设计交互草图。
运用熟练实现3D强质感无压力。
排版功能强大。
缺点:滤镜效果差,处理高质量界面和图标比ps和其他工具辛苦,从印刷尺寸变为像素尺寸较痛苦。
AE优点:视屏特效,交互动效功能强大,可以轻松实现界面交互动画及特效。
可以通过学AE来做视屏,加特效。
缺点:无法设计界面,图标,绘制图形。
只能做交互动效和视屏处理。
FI优点:矢量动画制作非常简单方便。
可以设计非常绚丽的交互网站,可简单快捷的设计卡通类图标。
缺点:UI设计功能较少,界面设计相对困难,图形处理效果少。
语言学起来相对高级,不建议UI设计师学习。
ID优点:排版神器。
杂志,书籍,报纸等排版快捷方便,上手简单,可绘制简单的矢量图。
缺点:平面设计师的工具,若不从事大量排版工作不建议UI学习使用。
DW优点: 网页设计工具,同事编写查看代码同时设计网页,嵌入flash,管理网站后台等,柯绘制图形。
缺点:网页设计师,代码编辑使用。
选择一款适合的软件更有利于做出好的作品。
UI动效用什么软件做?
1. Origami:Apple自己的QC结合FB出,很不错,sketch有插件输出到QC里,但QC学起来不是很容易,有代码基础的还好一点,不太适合设计使用,而且可以输出代码。
2. Keynote:非常容易上手,但一些精细的效果可能做不出来,适合快速展示。
3. Form:和QC类似,据说更容易,稍微试了下还是喜欢QC+Origami。
4. AE:这个不用多说,什么效果都能做,但能不能实现是另一回事。
5. Framer:纯代码编辑,更不适合设计了,效果还是不错的。
6. Principle:和sketch一样的界面,友好清晰,更适合设计师,目前在研究这个,有7. 间轴和快速布局等,未来估计和sketch很好搭。
8. Flito:和principle差不多,最近感觉比后者更好用,目前在用。
目前UI交互设计常用的软件有哪些?UI处理软件有哪些?
目前市面上确实蛮多的,建议学好一个,够用就好——学多而不精其实就是浪费时间!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,相对复杂一点的动效实现起来就有点不够。
UI设计中有哪些实用的动效设计技巧? 爱问知识人
组合动效 在大多数场景中,我们需要同时使用2种以上的动效,将它们有效地组合在一起,以达到更好的效果。
另外你仍需要让你的动效遵循普遍的物理规律,这样才能使它们更容易被用户接受。
动效不应该太慢 我认为理想的动效时长应该在0。
5-1秒之间,当你设计淡入淡出,滑动,缩放等动效时都应将时长控制在这个范围内。
如果动效时长设置得太短,会让人看不清效果,甚至更糟的是给用户造成压迫感。
反过来如果动效持续时间过长,又会使人感觉无聊,特别是当用户在使用App的过程中,反复看到同一动效的时候。
动效的开发 很多设计人员往往会遇到这样的困扰,他们看到的最终产品中出现的动效与他们在设计阶段定义的有很大出入。
那是因为,虽然作为设计师,可以定义非常酷炫的动效,但由于技术或成本上的限制,有些动效往往由于开发代价过高而被摈弃了。
所以作为设计师,你可能需要同时理解如何设计动效,以及动效背后所使用的技术。
这会帮助我们在整个项目的设计阶段就能作出明智的取舍,从而节省大量的开发成本。
。
ui设计常见的几种动效
1. 微交互 微交互是一个完成单个任务的一瞬间事件。
它给出了让用户清楚某种物理交互已经完成的提示。
比如,这可以是动画按钮、切换、触发等等。
微交互非常重要,事实上也是设计的未来。
2. 表示进度状态 这种 ui 交互显示 APP 的刷新和加载状态。
在移动端,下拉刷新动效目前算是最受欢迎的动效了。
在等待加载更多内容时,不仅可以告知用户状态,还可以为用户提供时尚、美观和趣味。
UI设计需要学习哪些软件?
工具软件推荐photoshop、AI、AE、Axure、Fireworks、CorelDRAW、Flash1、photoshop给各位最好的建议还是使用最新的版本的软件哦!因为一个最新版本的功能更加全面,不然的话更新的意义何在呢?你说是吧!2、AI全称Adobe Illustrator是一款多媒体、在线图像和出版的工业标准矢量插画的软件。
在生产多媒体图像的艺术家、专业插画家还是生产印刷线稿的设计者、或者是互联网页、在线内容的制作者,都不否认Adobe Illustrator不仅是艺术产品工具。
也为线稿提供了无与伦比的控制以及精度。
矢量图方大放小不会变形这是ai的优势,很适合扁平。
劣势是ai不能切图,对于虚拟化的图标处理不是很好。
3、AEAdobe After Effects在视频特技和设计的机构,如动画制作公司、电视台、多媒体工作室以及个人后期制作工作室。
AE是动效这块效率最高的软件但是劣势是不能用AE画图标做界面。
属于是一款层类型后期软件。
4、Axure是负责定义规格和需求、界面与设计功能的专家能够快速创建应用软件和web网站的流程图、线框图、规格说明文档和原型的一个专业的快速原型设计工具。
5、Fireworks是Adobe推出的一款网页作图软件,通过软件可以加速 Web 开发和设计,是一款优化与创建 Web 图像和快速构建网站与 Web 界面原型的理想工具。