【html】前端页面可视化设计工具总结

在进行网站设计时，我们可以通过借助现有的html模板，在适当地修改后，变为适合需求的web界面。因此，对于一个后端的程序员来说，找到一个合适的html模板就变得非常重要。 

目录

1. 源码之家

2. Bootstrap Designer

3. bootswatch

4. Bootsnipp

5. Layoutit

6. 表单代码生成器

---

1. 源码之家

一般来说，我们可以通过一些源码网站搜索，找到大量的模板，尤其是对于bootstrap来说，有大量的后台管理信息系统的模板可用。例如，您可以直接在源码之家里面搜索到大量的后台管理系统的模板，因为后台的界面风格较为单一，所以基本的布局都是差不多。

2. Bootstrap Designer

一个在线设计工具，可以帮你生成漂亮的基于Bootstrap框架的HTML5模板。

3. bootswatch

一个在线的html代码生成网站

4. Bootsnipp

相传是一个针对Web设计师和开发者的前端元素库，任何使用Bootstrap框架的开发者都可以找到所需的Web元素。

5. Layoutit

一个在线可视化拖动布局工具， 它可以简单而又快速搭建Bootstrap响应式布局，操作基本是使用拖动方式来完成，很简单，而元素都是基于Bootstrap框架集成的， 所以这工具很适合Web设计师和前端开发人员使用，快捷方便。

这里，中文有一个类似的网站，因为该工具是开源的，所以笔者在自己的github上部署了一份：入口。

6. 表单代码生成器

因为这个工具也是开源的，所以笔者也在自己的github上部署了一份：入口。