比较流行和常用的那些设计UI界面设计工具以及插件

用户体验   2021-01-09

随着ui界面设计行业的蓬勃发展离不开那些设计工具,他们功不可没,在提升了工作效率的同时,不断探索设计师和行业的体验,不断更新迭代发展,呈现出更好,我们离不开的工具。

1、通用ui设计工具

Sketch是一个功能强大的界面设计工具,是专门为UI设计师设计的软件,可以让你的界面设计更加简单,更加高效。使用Sketch,用户可以很容易地设置图层面板,可以批量命名图层,智能标注页面,填充头像和文本等等,还可以实现操作功能,如多层填充,渐变,噪声点;Sketch提供了“全部导出”功能,因为它基于矢量,可以导出诸如PDF,JPG和PNG(可选2x)等格式。

2、Photoshop是一款最受欢迎的图像编辑软件,用户界面设计师必备的界面设计工具。PS是UI界面设计的神器,具有强大的图片编辑和处理功能,想要什么图形都可以用PS来实现,可用于后期摄影,可为图像添加各种滤镜,调节亮度,对比度等,产生高清晰度图形。通过图层面板可以非常简单、高效地处理修复图片;而且PS可以提供不同文件格式的保存选项,可以在不损失图像质量的情况下调整图像大小和分辨率。

3、摹客样机是能够快速实现在线样机界面的设计工具。高逼真度的原型设计,与协作平台完美结合。输出速度快,设计精巧,UX设计师能快速完成交互原型设计,容易绘制出流程图;UI设计师能做到像素级的逼真。

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

5、AdobeAfterEffects简称AE,是一种界面设计工具,主要用于图形和视频处理,目前动效设计在UI界面设计中的应用越来越广泛。它是一款基于图层的2D和3D后期合成软件,可以帮助UI设计者对图像视频进行任意效果处理,包括数百种特效和预设动画效果,可以与Premiere、Photoshop、Illustrator等软件无缝组合,创造无与伦比的视觉效果。

再看看几款常用的插件:

AE插件:GifGun

现在,我知道的最简单有效的视频转GIF插件就是这个。这个插件完全是个傻瓜操作,而且还能输出高质量的GIF文件。


AE插件:Motion2

mgmotives动效该软件提供九种定位点选择。不管是制作MG动画还是UI动态演示稿,都可以在确定中心点位置时使用。其它功能也十分丰富。


AE插件:Bodymovin

JSON格式的文件可以通过Bodymovin这个插件导出,让工程师把它们放进APP项目中,100%的还原AE制作的效果。尽管插件还不够完美,但一些复杂的效果仍然无法实现。但是项目中90%的影响都可以被转换出来。


PS插件:Cutterman,GuideMe,Parker,Psmirror四件套

Cutterman切图工具;GuideMe定制参考线工具;Parker插件,支持全方位标注;Psmirror常用的实时预览工具。这些插件中有三个是收费软件。但是买到永久免费的升级仍然是很划算的。


PS插件:蓝色湖水

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


Sketch插件:AutoFixiOSTextLineHeight

公众号内找到的一个插件,充分地解决了开发设计图的行高不统一的问题。为使字体行高更精确,还可避免重复调整。


Sketch插件:SketchMeasure

有效的切图标注工具,非常适合sketch软件。具有多种标注函数和分片函数,可以直接导出html格式,其中包含所有的规范细节和css格式等等。能很好地降低沟通成本,提高工作效率。

大部分都是Adobe公司的产品,期待有一天能看到来自中国的设计产品,加油。


维好维可-用户体验体验创新设计
合作咨询
+86-21-51115850
© 2010-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码