联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

ui设计师最常用的ui设计工具有哪些,插件哪些好用

Time: 2021-01-08

ui设计是现在最火的设计工作。当然作为互联网时代的工作,ui设计很多时候离不开相关的软件和设计工具的。那ui设计师最常用的ui设计工具有哪些?今天就让小编为大家介绍。

  常用的ui设计工具

  1、Sketch是一款强大的界面设计工具,专为UI设计师打造的软件,可让你的界面设计变得更简单,更高效。在Sketch中用户能轻松地设置图层面板,可批量命名图层、智能标注页面、填充头像和文字等,可实现多层式填充、渐变、噪点等操作功能;Sketch提供“全部导出”功能,因为它是基于矢量的,所以可导出PDF,JPG和PNG(可选择2x)等格式。

  2、Photoshop是最流行的图像编辑器之一,UI设计师入门的必备界面设计工具。PS作为UI界面设计神器,有着强大的图片编辑和处理功能,想要什么的图形都可以用PS来实现,可用于摄影的后期制作,可给图像添加各种滤镜,调整亮度,对比度等,生成高分辨的图形。借助图层面板可非常简单和高效的处理修复图片;并且PS提供了不同文件格式保存的选项,调整图像大小和分辨率也不会丢失图像质量。

  3、摹客原型是能快速的在线原型界面的设计工具。强大的高保真原型设计,和协作平台完全融合。快速产出和精细设计两不误:产品经理、UX设计师可快速完成交互原型设计,轻松制作流程图;UI设计师可做到像素级的保真度。

ui设计工具

ui设计工具(图片来自网络)


  4、Zeplin是最强大的协作工具。Zeplin操作很简单,设计师直接从Sketch上传制作的UI界面设计,应用会自动生成一些注释,在面板右侧会直观的看到每个元素的大小,颜色,边距甚至是某些元素的代码信息。另外,UI设计师还可以直接在UI界面上给开发人员添加注释,标记,备注等。填补了开发与设计之间的沟通障碍,为设计师和开发人员节省了大量宝贵的时间。

  5、Adobe After Effects简称“AE”,是一款关于图形和视频处理的界面设计工具,如今动效设计在UI界面设计中的应用已经越来越广泛。可以帮助UI设计师对图像视频进行任何特效处理,是一个灵活的基于层的2D和3D后期合成软件,包含了上百种特效及预置动画效果,可与Premiere,Photoshop,Illustrator等软件无缝结合,创建无与伦比的视觉效果。

  常用的几款插件

  1、AE插件:GifGun

  目前,我所知道的最简单高效的视频转GIF的插件。这款插件完全傻瓜式操作,还可以导出高质量的GIF文件。

  2、AE插件:Motion 2

  MG动效神器。软件提供了九个位置的锚点选择。无论是做MG动效还是UI动态演示稿,在确定中心点位置的时候非常好用。而且其他功能也非常丰富。

  3、AE插件:Bodymovin

  可以通过Bodymovin这款插件导出JSON格式文件,让工程师放入APP项目中,就可以百分百还原AE中所制作的效果了。虽然插件还并不是十分的完善,一些复杂的效果还无法实现。但项目中90%的效果都是可以转化导出的。

ui设计工具

ui设计工具(图片来自网络)


  4、PS插件:Cutterman、GuideMe、Parker、Psmirror四件套

  Cutterman切图工具;GuideMe自定义参考线工具;Parker支持全方位标注的插件;Psmirror个人最常用的实时预览工具。以上几款插件有三款是收费软件。但可以购买永久且免费升级,还是非常划算的。

  5、PS插件:蓝湖

  蓝湖本身的功能就非常强大。插件主要功能包括上传设计稿和标记切图。制作完成的设计稿上传之后可以和团队其他成员共享。并且网页端会自动标注,十分方便。标记切图功能也很简单。将要切图的元素添加标记,上传之后开发人员可以一键下载切图,非常高效。

  6、Sketch插件:AutoFixiOSTextLineHeight

  在公众号中找到的一枚插件,充分解决了开发与设计图在行高上不统一的问题。为了使字体行高更加精准,也为了避免反复调节。

  7、Sketch插件:Sketch Measure

  高效的切图标注工具,和sketch软件十分匹配。有各种标注功能和切片功能,可直接导出html格式,里面包含全部规范细节和css格式等。可以很好的降低沟通成本,提高效率。

  以上就是小编为大家介绍的关于ui设计工具的相关内容。ui设计师需要用到的工具类型很多,但是只有经常使用才能更好地运用其功能,达到最好的ui设计效果。


合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开