UI设计在线网站工具软件-快速矢量轮廓图工具-非常简单和方便，轻松制作按钮和表格

在UI设计过程中，往往需要设计灵感的起发，力求最低的创作成本和更多的人性化设置，几款快速线框图工具可以给设计师雪中送炭。

https://wireframe.cc/是一款最轻量的框线图工具，采用的是极简风格，界面极其简洁，甚至没有典型绘图应用程序的工具栏和图标。只需要在画布上移动鼠标就可绘制想要的形状。最大的特点正是专注于最基本操作。目前支持网页、手机横屏和手机竖屏三种模式。但Wireframe CC只适用于做最基础的框线图设计，无法进行任何的交互和动画设计，功能比较有限。分享模式也是生成一个URL，比较单一。

https://www.mockplus.cn/?hmsr=twx致力于让设计更快、更简单，致力于快速构建和迭代原型，为设计师提供简洁高效的设计方式，能在最短时间里创造出最优的设计成果。

Mockplus拥有200多个高度封装的交互组件，3000个矢量图标，以及大量可供直接使用的模板、例子项目以及模板页面，并且支持在Sketch中直接导出MP文件，为快速设计提供了有效支持。

Mockplus还是快速交互的不二选择。只需使用封装可见的交互组件，用鼠标进行拖拽即可完成交互，不需要任何一行代码或者参数的设置。Mockplus目前支持3种交互方式：页面交互，组件交互和属性交互。交互命令还可一键自动还原，贴切而周到。

Mockplus拥有8种快速测试和演示方式，支持手机端、浏览器及桌面端的原型测试。在线预览和离线演示都可轻松实现，不受终端和网络限制。

Mockplus团队推出了一系列别出心裁的设计，例如Microsoft Office风格的可视化格式刷，可快速进行批量复制，简单直观。最新的3.2版本增加了格子功能，可轻松复制页面布局，并且可自定义属性，非常人性化。Mockplus还支持脑图设计模式，能快速完成项目的所有页面构架，然后一件转化为原型项目。

https://balsamiq.com/是一款备受青睐的线框图工具，是一个软件工程师开发的，能帮助设计师更快地进行线框图设计。首先，Balsamiq拥有可以直接进行拖拽使用的元素，包括一些按钮和列表，值得一提的是，这些元素都是手绘风格。设计师还可在编辑器里提前准备好需要使用的小部件。此外，官方网站提供了很多模板，包括桌面App、移动端App以及网站模板等。可供点击下载，使用起来快速便捷。

Balsamiq不适合做超大型项目的工具，虽然它也以用于做一些设计，但想要加入一些动态效果就比较局限，所以Balsamiq专注于简洁粗略的线框图设计而非原型。

http://pencil.evolus.vn/是一款明星工具，支持草图绘制，还可制作图形化的原型绘制，甚至可以像Balsamiq Mockups具有手绘风格。支持连接器，可以用于在图中将“形状”链接在一起，甚至流程图形状的合集也可以用于绘图。

此外，pencil Project支持图形元素的链接，可以将元素链接到同一文档的特定页面，有助于设计师创建运用程序或网站模型时定义UI流程。但如果不是火狐的用户，Pencil Project的吸引力会大大减弱。

https://www.fluidui.com/是一款基于网页端的线框图设计工具，支持添加手势，并且具有动画效果，可以制作高保真的线框图。

Fliud UI有16个用于iOS，Android，Windows8的用户界面库，包含超过2000个可定制的小部件和图标，可以直接从这些内置库里拖拽元素创建页面，简洁高效。

以上5款能真正意义上能够实现快速设计的线框图工具，每款工具各具特色，也各有不足，但总体上都能满足快速线框图设计需要。

近两天发布链接，菜单“历史发布”可浏览全部发布

1. AI矢量平面软件绘制的3D卡通角色形象，比3D软件效率高，形象设计必备技术

2. 好看的书籍设计包括内容编辑，开本尺寸，版式设计，封面设计，色彩选择，材料选择，装帧方式和印刷技术

3. 2款好用不火的平面设计软件，可商用的模板、素材，无版权图片

4. 新手如何自学平面设计？要掌握哪些基本知识，和行业知识