UI设计必备工具之活学活用

UI设计必备工具活学活用

工欲善其事,必先利其器。一个优秀的设计师,相关软件的熟练使用是一个重要的因素。随着移动端设备的普及,产品开发速度越来越快,相应的UI设计软件也层出不穷。下面让我们认识一下最经典的UI设计使用工具和最近的软件新秀。

PS - Adobe Photoshop

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。PS有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。不但是最受欢迎的图像处理软件,同时也是目前最主流的UI设计软件,适合界面设计、图标设计、手绘。

AI - Adobe Illustrator

Illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件,作为一款非常好的图片处理工具,Adobe Illustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。作为一款专业的矢量图形软件,在UI设计中,illustrator一般用于图标设计,手绘插画设计。

Sketch

Sketch是目前最火的UI设计工具。Sketch的界面非常棒,是为想要设计图标或界面的用户而特制的,支持多个文件分层,使用了最佳的文字渲染和文字样式算法,画布具有无限尺寸,而且切片工具非常棒。遗憾的是,Sketch目前只有Mac版。

XMind

XMind 是一款非常实用的商业思维导图软件,应用全球最先进的Eclipse RCP 软件架构,全力打造易用、高效的可视化思维软件,强调软件的可扩展、跨平台、稳定性和性能,致力于使用先进的软件技术帮助用户真正意义上提高生产率。XMind一般用于制作流程图与架构图。市面上同种类的软件有很多,像Mindmanage、Visio等等。但是我个人比较喜欢使用这款软件,不但界面美观、操作方便,还有很多美观的模版。更重要的是它有中文版,并且是免费的。

Axure - Axure RP

Axure是一款专业的快速原型设计工具。是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。

AE - Adobe After Effects

After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。AE在UI设计中主要用于动效设计。

PR - Adobe Premiere

Premiere是一款编辑画面质量比较好的软件,有较好的兼容性,且可以与Adobe公司推出的其他软件相互协作。目前这款软件广泛应用于广告制作和电视节目制作中。 也是视频编辑爱好者和专业人士必不可少的视频编辑工具。它可以提升您的创作能力和创作自由度,它是易学、高效、精确的视频剪辑软件。Premiere提供了采集、剪辑、调色、美化音频、字幕添加、输出、DVD刻录的一整套流程,并和其他Adobe软件高效集成,使您足以完成在编辑、制作、工作流上遇到的所有挑战,满足您创建高质量作品的要求。

ID - Adobe InDesign

InDesign主要用于各种印刷品的排版编辑,可以将文档直接导出为Adobe的PDF格式,而且有多语言支持。它也是第一个支持Unicode文本处理的主流DTP应用程序,率先使用新型OpenType字体,高级透明性能,图层样式,自定义裁切等功能。它基于JavaScript特性,和与兄弟软件Illustrator、Photoshop等的完美结合,界面的一致性等特点都受到了用户的青睐。

InDesign作为PageMaker的继承者,定位于高端用户。Adobe已经停止了PageMaker的开发,全面转向InDesign。它最初主要适用于定期出版物,海报和其他印刷媒体。一些长文档仍使用FrameMaker(操作说明书,技术文档等)或QuarkXPress(书籍,商品目录等)。随着相关数据库的合并,InDesign和使用相同格式引擎的文字处理Adobe InCopy的共用,已经使它成为报刊杂志和其他出版环境中的重要软件。

XD - Adobe Experience Design

Experience Design是一站式UX/UI设计平台,在这款产品上面用户可以进行移动应用和网页设计与原型制作。同时它也是唯一一款结合设计与建立原型功能,并同时提供工业级性能的跨平台设计产品。设计师使用Adobe XD可以更高效准确的完成静态编译或者框架图到交互原型的转变。能高效率轻松完成线框图、视觉设计、交互设计、原型制作、实时预览和共享。

CutterMan

Cutterman是一款运行在photoshop中的插件,能够自动将你需要的图层进行输出, 以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出,方便你在pc、ios、Android等端上使用。 它不需要你记住一堆的语法、规则,纯点击操作,方便、快捷,易于上手。能够让你只需要点击一个按钮,就自动输出你需要的各种各样的图片,快到没有朋友!

Cutterman - 最好用的切图工具

Parker

Parker最高效的自动标注工具,能够自动计算尺寸、距离、文字大小、阴影等信息,并按照你的需要进行标注, 它极大节省你标注的时间,大幅度提升设计效率。

Parker - 最高效的自动标注工具

PS Mirror  /  PS Play

在手机上实时预览PS中的设计稿, 支持android/iphone, 链接稳定速度快。

PS Mirror是收费版,60元终身!

Design Mirror - 设计稿实时预览 

蓝湖

蓝湖是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图。蓝湖可以在线展示Axure,自动生成设计图标注,与团队共享设计图,展示页面之间的跳转关系。

作为计算机出身的我,被HR为了太多次为什么要转行,其实之前对于计算机专业的人来说,还是有些优势的,至少不用频繁的考各种证,现在想想,还是太年轻,学校里学的东西,PS,AI,DW这就顶天儿了,除了一步一个脚印扎扎实实学好所学之外,还发现,软件的层出不穷和目前的所学并不能够完全胜任,就必须一头扎进去学习更多的知识!终身学习才是王道!

插件的使用

1.安装好插件面板后, 打开PS, 窗口 -> 扩展 -> Ps Mirror - 实时预览 打开插件面板


2.设置连接

登录APP之后,将PS与App连接到同一个Wifi网络,可自动连接,可手动连接,连接到设备后会显示当前连接的设备。


你可能感兴趣的:(UI设计必备工具之活学活用)