12 款最好的 Bootstrap 设计工具

作为一位设计师,会经常追寻新鲜有趣的设计工具,这些工具会提高工作的效率,使得工作更有效, 最重要的是使工作变得更方便。非常肯定的说,随着日益增长的工具和应用的数量,设计和开发变得越来越简单了。

其中最普遍使用的最终框架 之一是 Bootstrap,它在 2013 年特别流行。如果你是位设计师,你可能会接触过它,甚至是使用过它。如果你是 Bootstrap 的使用者或者是相关功能的用户,这篇文章非常的适合你!

这里总共列举了 12 款最好的 Bootstrap 设计工具,这些都能很好的简化大家的工作。

12. Bootstrap Designer

Bootstrap Designer 是一个在线工具,不需要下载就可以使用。用户可以使用它创建漂亮和迷人基于 Bootstrap 框架的 HTML5 模板。

11. Get Kickstrap

如果用户想结合先进高级的 web 技术和 Bootstrap,可以尝试一下 Get Kickstrap。这款特别的工具非常高大上,可以运行数据库驱动的 web 应用程序,而且还不用任何的后台哦 :D

10. Bootply

这个工具拥有非常多样化的库,集成了其他 Bootstrap 基础插件,框架和库。

9. Bootstrap Button Generator

这个特别的工具能帮助用户轻松创建各种类型的按钮,用户只需要输入 CSS 类到新的按钮中,并且选择相应的颜色值就可以了。当需要使用的时候,只需要复制粘贴就能轻松创建漂亮的按钮了。

8. Easel

这个工具能在浏览器中运行,这个非常基础的工具能帮助在小团队工作的开发者和设计者建立非常真实的 web 元素。

7. Layoutit

用户只需要使用拖拽界面构建器就可以轻松创建前端代码。

6. Bootswatch

这是一个开源的工具,而且非常容易安装和使用。

5. Boottheme

这是一款在线主题生成器和 Twitter Bootstrap 的 web 设计工具。用户可以在设计 webapp 时生成和预览主题。

4. Custom Font Tool

这个特别的工具允许用户创建非常个性化的字体,通过非常舒适的命令行方式。

3. WordPress Twitter Bootstrap CSS

这是另外一个基于 CSS 的 Twitter Bootstrap,让用户能很好的在 WordPress 网站上使用 Twitter Bootstrap JavaScript 库。

2. Bootmetro

这是个非常灵活和简单的框架,用户可以创建现代化和经典的 web 应用。同时,也可以定义类似 Windows 8 的风格和感觉。

1. Flat UI Free–Framework and Bootstrap Theme Design

这是另外一个基于 Twitter Bootstrap 的工具,可以运行一个平滑风格,组件可以包含 PSD 文件的 UI。使用这个特殊的工具可以创建出非常有创意的 UI。

via inspiretrends.com

时间: 2024-08-28 08:04:54

12 款最好的 Bootstrap 设计工具的相关文章

15个最好的Bootstrap设计工具推荐

摘要:Bootstrap不单单是一个框架,更确切的说,它改变了整个游戏规则.该框架使得许多应用和网站的设计开发变得简便许多,而且它将大量的HTML框架普及成了产品. Bootstrap是由前Twitter 设计师Mark Otto和Jacob Thornton开发的前端工具包,其提供了优雅的HTML和CSS规范.Bootstrap不单单是一个框架,更确切的说,它改变了整个游戏规则.该框 架使得许多应用和网站的设计开发变得简便许多,而且它将大量的HTML框架普及成了产品. 本文为你带来15款针对B

Android--五款国外APP原型设计工具的优缺点对比

1.Proto.io 基于Web界面,带有IOS和安卓下的调试器 Proto.io这个web应用强大得令人吃惊,它有很多很多的功能.不过,因为所有工作都是依靠拖放.点击按钮和选择列表的值,有时候想找到需要的设定会让人有点儿不知所措. 鉴于IF原型的本质特点——不同的对象以不同的速度移动——我不得不增加一些自定义的JavaScript计算脚本.Proto.io提供的单行文本框对于冗长的计算脚本来说太小了.为了能够概览脚本,我得把它们保存在我电脑上的文本文件里.特别需要注意是,这些JavaScrip

推荐15款最好的 Twitter Bootstrap 开发工具

Twitter Bootstrap 自从2011年最初发布到网上后,迅速成为 Web 领域最流行的响应式前端开发框架之一,是网页设计的优秀实践.Twitter Bootstrap 框架包含了众多的预定义风格的组件,插件和加载项. 在这篇文章中,我们想向大家介绍15款最好的 Twitter Bootstrap 开发工具以更好地满足要求以及帮助提高他们的 Web 开发的生产力. 您可能感兴趣的相关文章 10大流行 Metro UI 风格 Bootstrap 主题和模板 推荐12款优秀的 Twitte

【转】2016你一定要试试这8款原型设计工具

以前,Photoshop在交互设计领域扮演着主要角色.最近一份调查显示, Photoshop的地位有所下降.一共有来自200个国家4000人参与了这次调查, 结果显示,设计师更加倾向于一些新型的工具, 因为这些工具简化了原型设计,设计数字产品的过程. 我们可以轻易的从网上获得各种各样的原型设计工具,例如众人皆知的Axure和新发布的Mockplus.下面为大家推荐8款原型设计工具. 1. Axure PR 价格 l 标准版-$289一个注册码 l 专业版-$589一个注册码 Axure RP是美

UX/UI设计工具的选择:对设计师的重要选择标准

原作者信息:Tom Koszyk    资深设计师,自由的产品设计师, Pixology 艺术总监 . 音乐爱好者. 游戏爱好者. 原作者Medium地址:Tom Koszy的Medium 原文地址:The Perfect UX/UI design tool. 译者:UI设计爱好者一只,欢迎交流.第一次试译,欢迎指错. ||  Adobe Photoshop, Affinity Designer Sketch 3?-?UI设计三工具 多年之前,不管是做简单的网页,还是做复杂的原生APP,Phot

2018年网友说最好用的设计工具都有哪些?

软件对于设计师的作用,就如同用筷子子吃饭,无器不成术.这些实用的好工具,间接性的让我们的工作效率蹭蹭猛涨. 一. Adobe CC 2019 全家桶 软件王者, Adobe CC 2019 当之无愧. 在今年 10 月份的 Adobe Max 大会上,官方宣布 Photoshop CC,Lightroom CC,Illustrator CC,InDesign CC,Premiere Pro CC 和 Adobe XD 将进行重大更新. 对于 PS/AI 等使用频率与微信持平的软件,无论出什么新功

12款程序员们最爱的Bootstrap模板

如果你还没有开始使用Bootstrap模板,那你可真是有够OUT,这是一个帮助你快速开发的工具,Bootstrap是基于jQuery框架开发的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件.Bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮.功能完备的网站.其中包括以下组件:下拉菜单.按钮组.按钮下拉菜单.导航.导航条.面包屑.分页.排版.缩略图.警告对话框.进度条.媒体对象等. 今天我们带来的

15款优秀移动APP产品原型设计工具

一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个PM狗一起用) ⑤.手势操作.转场动画.交互特效-(这些都不需要,留给专业的交互.视觉,搞那么虚的不如多想想产品流程逻辑做做减法.写写xxRD啥的) 这些年,产品狗们折腾过的原型工具: 1. POP(Prototyping on

Web开发人员不要错过的60款用户界面设计工具(上)

Web开发大师们,干货再次来袭!小编为大家盘点了60款功能丰富类型各异的用户界面设计工具,本系列将以上中下三篇分别为大家呈现.今天盘点的这20款工具囊括了大量界面原型设计工具,有免费的在线原型工具,有iPhone/Android/Facebook应用原型设计工具,还有各种综合型的UI原型工具,应用尽有,绝对能满足你的日常工作需求. 1. ForeUI 一款非常简单易用的界面原型设计工具,可以创建任何应用程序或网站的线框和原型. 2. LivePipe UI 这款工具是构建在Prototype J