什么是ui,ui设计通常都用什么软件和语言?
UI即User Interface(用户界面)的简称。
泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。
UI设计主要指界面的样式,美观程度。
而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。
好的UI不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单
目前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设计一般使用什么软件?
对于UI设计师来说,一般Photoshop就足够了。
Photoshop主要处理以像素所构成的数字图像。
使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。
ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
有时也会用ai、cd之类的做一些矢量类的辅助工作。
另外现在也有些人喜欢用GUI Studio或者Axure RP之类的。
交互设计应该学习哪些软件
交互设计应该学习Axure RP软件Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。
作为专门的原型设计工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks要快速、高效。
它同时支持多人协作设计和版本控制管理。
Axure RP目前已被一些大公司采用。
Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。
产品经理常用的软件可推荐的有哪些
1、Axure RP(Rapid Prototyping) Axure(读音为Ack-Sure)无疑是目前最受关注的原型开发工具,其能通过组件的方式帮助网站或软件设计师快速建立带有注释的原型(流程图、线框图),并凭借自定义可重用的元件、动态面板以及丰富的script能够建立基本功能或页面逻辑的动态演示文件。
Axure借鉴了office的界面,能够让用户快速上手,并且提供了丰富的组件样式修改,使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。
然而最让人称道的是,Axure的丰富的脚本模式,可以通过点击和选择能够快速完成界面元素的交互,如链接、state切换、动态变化等效果,使得Axure能够生成十分接近于真实产品的原型。
另一方面,Axure能够导入其他人创建的元件库,使得Axure能够满足绝大多数类型产品的设计。
但Axure仍然有一个让人头痛的问题:对于中文的支持不太友好。
在小部分元件上输入中午的时候,经常需要像碰运气似的反复切换输入法,破坏了咱们设计师的用户体验。
瑕不掩瑜,Axure仍然是交互设计师的首选原型工具。
2、Microsoft Office Visio Visio在2000年被微软收购,并在2002年成为office2003套件中的一个组件,最新版本是2007。
Visio能够获得推荐的原因是因为Visio的适用性非常之广,从网站界面、数据库模型,到平面布置图到工艺流程图,Visio都提供了相应的元件库和模板来进行快速创建。
相较Axure而言,Visio更适合于传统行业的生产或流程设计,或者软件及互联网行业中的信息、数据和流程的说明,而不太适用于web界面。
因为其的基于web的元件库还是比较少,并且形式和结构也更类似于word中的图形工具,因此在原型开发效率上都有所不足。
3、Balsamiq Mockups 这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件。
其提供了丰富的手绘风格的web常用元件,包括常用的html控件、以及一些组合控件,如多媒体控制器、标签页、列表、Iphone界面元件等。
Mockups最值得赞赏之处在于其提供的多数组件都可定制外观,对于中文的支持也不错(选择View > Use System Fonts)。
4、Mockflow Mockflow和以上工具最大的不同在于Mockflow是一项基于Adobe Flex技术开发在线服务,提供了与Balsamiq Mockups基本相似的功能,甚至更丰富的组件,虽然其元件定制化不够强大,但其提供的元件库默认样式却非常适合用来做商业产品原型的搭建。
有一个让我爱不释手的功能是模板,可以设置基于任何页面的模板来进行新的页面设计。
与其他模板工具相比,mockflow有一个非常特色的功能,基于web的存储可以在任意电脑上联机打开,同时可以其他人进行快速的分享,并收集在线反馈意见,非常适合虚拟团队的原型设计交流。
虽然在线服务的基本帐号只能创建一个文件,但单个文件却没有限制页数,因此也基本上足够使用。
5、Pencil sketch Pencil 是一款基于Firefox的扩展组件,安装之后即可在Firefox的工具菜单中打开Pencil的绘图面板。
功能比较简单,仅能用以日常简单工作的辅助 说明。
提供的默认元件都是基于软件工程,因此更适合用于windows桌面程序的简易界面搭建,或者是基本的页面功能说明,并不适用于严肃的原型开发,但 好在体积小、又轻便,能够方便将网页中的元素直接拖到或者复制到当前的画布中,这也是Pencil安装在Firefox所带来的便利之一吧。
更多工具...在以上列举的原型开发工具都是较为常用的,也是在国内的交互设计师们比较常讨论的,但其实和Axure功能相似的软件还有很多,下面也就一些简单说明:6、GUI Design Studio 这 是一款真的非常强大的原型制作工具,没有在上面推荐的原因是因为我还没有实际体验过,但冲着这工程级的界面设计就没有去尝试的冲动,但是从官方网站的截图 和视频演示来看,这款软件的操作模式和前面的原型工具大有不同。
Axure之类多是基于页面的原型设计,对于web网站尽管很实用,但是对于软件界面的流 程设计却略显繁琐。
而GUI Design Studio却另辟蹊径,直接以建立元素与元素之间的关联的方式来自动化的创建动作流程,而从视频演示来看,这样的确很大程度上提升了软件界面原型搭建的 效率。
7、Prototype Composer Serena 公司免费提供的原型开发工具,功能确实强大,提供了基于项目管理主要流程的产出物文档模板、原型工具以及开发流程控制,这个软件的开发理念非常好,用这一 款工具来满足项目开发流程中各个环节的沟通和决策。
但软件的学习和使用成本比较高,要了解其中的全部功能,貌似需要花不少时间。
另外软件的效率和稳定性还 有待提高,试用的过程中多次出错及停止响应。
8、Lucid Spec 由 Elegance科技推出的Lucid Spec是一款很类似Pencil的原型工具,仅仅是提供了更多控件。
不过Lucid Spec强调了生成干净的说明文档的功能,这可能是针对于多数原型工具的自动化生成规范的冗余而言的,不过老实说Lucid Spec提供的原型界面太过简陋,并且生成的说明文档也未见优化有怎样的提升。
视频介绍9、Irise Professional Edition Irise与其他原型工具相比其中一个...
app ui交互设计用的什么工具
app ui交互设计用的工具有很多:WebFlow是一款 web app,你可以直接在浏览器中完成网站的视觉和交互设计,还包括实时预览和代码编写功能。
WebFlow的编辑器界面友好,所见即所得,设计师拥有完全的控制权。
WebFlow一直在持续更新功能,包括Web字体,视频支持,交互的状态,W3C标准化,乃至于主机托管。
Marvel是一款免费的原型设计 Web 应用,可以进行网页设计和移动端的UI设计。
和WebFlow一样,你可以使用Marvel完全在线完成设计,并且可以和你的Dropbox同步,可以方便你进行共享或者分享。
值得一提的是,Marvel 支持PSD格式文档,也就是说你的视觉稿无需转换格式就可以使用。
Macaw 是一款桌面端的所见即所得的设计工具,实时代码预览,便捷输出。
比较独特的是Macaw可以创建响应式设计,内置的断点编辑器可以帮你轻松地在不同尺寸的屏幕上实现完美的响应式显示。
尽管Macow中的代码编辑功能并没有太大必要,但是最新版的Macaw在HTML和CSS代码编辑上体验还是蛮好的。
UXPin 是一款比较著名的设计类的web应用,用户可以借助UXPin在线协作完成线框图和原型的设计。
UXPin旨在帮设计师快速便捷地进行线框图和原型设计,拥有完备的版本管理,支持响应式设计,通过拖拽预制控件进行UI设计。
做UI设计师需要学哪些软件?
UI的全称是user interface,即是用户界面。
从通俗易懂的角度来说,UI是视觉上的东西,包括图标、APP界面、软件、网页按钮、网页导航、凡事我们肉眼看得到的通过设计师的设计和绘图得到的视觉产品,都是属于UI。
UI设计师指对软件的人机交互、操作逻辑、界面美观的整体设计。
UI设计主要是图形设计和交互设计。
图形设计就是传统意义上的美工,以前UI设计不受重视,所以美工地位不高,现在随着UI设计的兴起,美工也被称为UI设计师。
其实UI设计师不是单纯意义的美术工人,而是软件产品的“外形”设计师。
交互设计主要设计软件的操作流程、树状结构、操作规范等。
刚才已经介绍过了UI设计的概念,现在我们再来了解一下UI设计需要学习的课程。
视觉设计基础:通过Illustrator软件图形应用系统的学习,使学员掌握图形视觉设计基础。
光影结构视觉应用技术:通过Illustrator软件光影结构体系的学习,使学员掌握物体光影结构表现技法。
UI设计:通过Illustrator与Photoshop软件图形图像系统学习,使学员掌握高品质UI图形设计的方法。
超写实应用与表现:通过Illustrator软件超精度表现系统学习,完成超写实制作技巧。
构成与视觉语言:学习构成视觉语言,使学员掌握设计应用视觉表现技术。
视觉艺术表现与应用:通过色彩艺术与视觉表现形式的结合应用,使学员的设计能力达到商业级别的要求。
Flash平台应用:通过Flash软件系统学习,使学员掌握Flash动态应用基础。
超媒体综合应用技术:通过Flash软件高级应用学习,使学员掌握动态结构表现语言技术。
交互式平台应用技术:通过Flash ActionScript 3 软件程序系统学习,使学员掌握高级别交互结构表现。
UI设计的原则应该遵循简易性、反应用户语言、记忆负担最小化、一致性、清楚、用户的熟悉程度、从用户习惯考虑、排列、安全性、灵活性、人性化。
转载请注明出处51数据库 » 交互设计师一般使用什么软件