UI界面设计 工具/插件 ·

推荐UI/UX设计师使用的四款最新设计神器

尽管Sketch,Adobe XD,Figma和Invision Studio都已经足够强大了,但是在使用过程中我们仍然会感到很多地方不能满足我们的工作需求,所以,这时候就需要新的一些工具,帮助我们处理工作上碰到的难题。今天推荐4个不错的软件或插件,能够让您的工作效率提升100%!

1. Whimsical.co

a,画流程图

大部分人的项目通常都是从一个一个图表开始。因为我们做的产品要充分考虑用户体验,而不仅仅好看就行了,所以,我们一开始要做大量的低保真图。

通常,UX设计师会在白纸上画流程图,也有些人尝试用sketch,不过这都没有 Whimsical.co 这个网站做得好。

Whimsical.co提供的工作原理很简单,在画板上,你可以插入任意您想要的形状,然后输入标注文本,并将其连接到下一个形状。

流程图界面

b,画线框图(测试版)

第二个功能是线框图。左侧一栏提供画线框图的各种元素,您只需要点选就可以了,非常简单。

线框UI图设计

2. Overflow.io

这是一个画流程图的利器,目前可以下载免费的测试版。

Overflow 相当于 Sketch 的一个插件,安装好他后,会在 Sketch 中自动出现选项:顶部菜单栏和右部操作面板。

Overflow 中的界面和 sketch 中的画板是一一对应的,如果在 Sketch 对某个画板进行了修改,导入 overflow 中时,会自动替换掉相应的界面。

3. Maze.design

inVision的一个扩展工具,可以帮助我们测试原型设计,而不是等到产品开发好了再进行测试,有效的缩短了开发时间。这个工具目前国内用得还比较少。

4.toybox

作为设计师,我们始终坚持设计的一致性。随着设计的更新迭代,我们越来越趋向于易于维护和更好地实现一致性的用户界面。

但是,事实却不是我们期望的那样,因为多个平台的存在,设计的一致性不能满意的处理好。

Toybox希望帮助您了解,如何在您的组织内使用您的系统,避免错误并改进。

Toybox是一个非常方便的Sketch插件,可以扫描文件以确定设计是否具有一致性。有点像开发者所说的那样:“这是Sketch的拼写检查器”。

导入你的颜色,按下“Lint My file”按钮,并确定你是否在设计中使用了不恰当的颜色。然后,插件将指导你修改图层并建议适当的颜色。

 在文件上生成不合适的颜色的列表

指出错误并建议更好的颜色

每个元素的颜色使用情况报告

参与评论