代码整理工具_Ui设计中常用的6大工具

在ui设计中，我们会用到各种各样的设计工具，今天和大家分享的就是常见的几款工具，一起来看看吧。

　　1.Sketch及插件-矢量绘图软件

　　Sketch想必大家并不陌生了，另外两款被大家所熟知的矢量绘图软件还有Photoshop和Adobe Illustrator这两款工具。通常大家提到的Sketch是指与其相关的插件，比如ContentGenerator、Icon Stamper、Measure等等。不过，它只支持基于制作好的UI视觉图进行交互，而且只有MAC版本，对于Windows用户来讲不太友好。

2.蓝湖设计协作平台(自动标注切图)

　　品设计协作平台中文版、全免费，支持Mac、Web、iOS。支持从Sketch，ps一键分享、在线讨论、自动为设计图生成标注，而且只需简单几步就能将设计图变成一个可以点击的演示原型，支持分享给同事，让他也可以在手机中查看设计效果。蓝湖已经成为新一代产品设计的工作方式。

3.IconFinder

　　这是一个Icon素材站点，通过关键字进行搜索，同时根据需求(图标格式、价格、许可类型、图标尺寸等要素)来选择喜欢的图标。它宣称是目前世界上最大、最全的图标资源库网站。

4.Blocs-MAC网页代码编辑器

　　Blocs是一款针对Mac的视觉网页设计工具，提供Retina视网膜支持，可离线工作，且支持创建静态的网页。

　5.Pidoco-基于Web的原型设计软件

　　Pidoco是一个基于网页和云端的在线原型图、线框图制作工具，可以在浏览器、iOS、Android设备上实时演示原型。但它的不足之处在于，没有密码保护，而且内置的组件模板十分有限。

6.Framer-开源型原型工具

　　与其他原型设计工具有所不同，Framer允许用户以编代码的形式(Coffeescript-精简版的JavaScript)进行设计，对于大多数设计师来讲，上手难度和学习曲线相当高。尽管Framer凭借其强大的交互和动画优势逐渐在原型设计领域有一定热度，但所有设计只能通过代码才能实现这点，让它注定更受程序员的欢迎。

　以上是经常使用的工具，希望能对大家有所帮助。

有什么UI的问题欢迎私信我~期待你的到来。

学习是一个艰苦的过程，当然如果能把技术学成，最后也一定可以获得高薪工作。掌握一个好的学习方法，跟对一个学习的人非常重要。今后要是大家有啥问题，可以随时来问我，能帮助别人学习解决问题，对于自己也是一个提升的过程。自己整理了一份2020最全面UI学习资料，从最基础的PS+设计+到ui的项目实战的学习资料都有整理ui学习干货，各种视频都有整理，送给每一位UI小伙伴，想要获取的可以关注我的头条号并在后台私信我：UI，即可免费获取