UI设计必备工具之活学活用基础软件+插件

唐山/UI设计师/5年前/293浏览
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网络,可自动连接,可手动连接,连接到设备后会显示当前连接的设备。


账号,密码登录即可!

有时候有效的工具在我们操作过程中会节省大量的时间和精力,更好的提高效率!


希望可以帮到你!

0
Report
|
9
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
ui教程
ui教程
ui教程
ui教程
作品收藏夹
懒人图库软件下载
懒人图库软件下载
懒人图库软件下载
懒人图库软件下载
作品收藏夹
ui插件
ui插件
ui插件
ui插件
作品收藏夹
ui设计教程
ui设计教程
ui设计教程
ui设计教程
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
大家都在看
Log in