Bootstrap 最佳 UI 工具
当浏览一个网站时,最吸引眼球的是它的设计和页面元素的布局。它看起来很容易实现且吸引人,但设计带来的痛苦只有设计师才能体会。市场上提供了许多 UI 工具包,可以通过提供现成的框架和布局来帮助减少这种痛苦。
Twitter Bootstrap 是最流行的 HTML5 网页框架之一,并已证明是稳定且使用最广泛的框架。它非常易于实现和理解。Twitter Bootstrap 可以帮助使用包中提供的 CSS 和 JS 文件创建漂亮的网页。
基于 Twitter Bootstrap 的 UI 工具可以通过提供现成的图形文件、组件和 CSS 文件来节省时间。本文将重点介绍使用 Bootstrap 的各种 UI 工具,并进行比较。其中一些工具可免费下载,还有一些是付费工具,提供各种皮肤和模板。
其中一些工具可免费下载,还有一些是付费工具,提供各种皮肤和模板。
Get Shit Done 工具包
Creative Tim 的 Get Shit Done 工具包是一个为 Bootstrap 3 设计的精美资源。Get Shit Done UI 工具包现代、简洁、易于使用,并具有打造出色用户界面的功能,提供了许多选项。Get Shit Done 工具包的专业版拥有超过 150 多个组件,但免费版只有大约 20 个组件。UI 工具包的组件完全独特且新颖。设计质量非常流畅和真实,为网站带来出色的外观。专业版售价 40 美元。
Bootflat
Bootflat 也基于默认的 Bootstrap 样式,并为其增添了一些额外的光彩。这个现代 UI 工具包包含一组精美的组件,可以为您的设计增添亮点。
Bootflat 中提供的颜色样本、进度条和各种调整为您提供了简洁的设计。
它可以自由选择所需的组件,并可以放弃不需要的组件。它可以在 GitHub 上找到。
Explore our latest online courses and learn new skills at your own pace. Enroll and become a certified expert to boost your career.
Tron
Tron 是一款现代 Bootstrap UI 工具包,它在 LESS(一种非常流行的 CSS 预处理器)的支持下构建而成,使 UI 工具包更具可扩展性和灵活性;LESS 允许您快速更改每个组件/元素的大小、形状和颜色。
Tron 使用扁平化设计方案。由于 Bootstrap 本身已完全响应移动设备,因此 Tron 也是如此,只是添加了触控友好功能来扩展移动设备的使用。
Paper Kit
Paper Kit 又是 Creative Tim 的另一个 UI 包,它是为 Bootstrap 构建的精美资源。我们使用浅色方案和纸质过渡重新设计了其所有组件。我们为这款新的 Bootstrap 皮肤及其自定义可能性感到自豪。
使用它非常简单,它可以让您刷新应用程序的经典外观。为了获得预期的效果,您还需要集成 JS 插件,这需要多一点努力,但很容易获得。
Bootstrap Material Design
Bootstrap + Material Design 是一个致命的组合。BMD(Bootstrap Material Design)是一个将包含 Material Design 的 Bootstrap UI 工具包。事实证明,它也是所有选择中最好的之一,兼具两者的优点。
一些功能确实使这款皮肤脱颖而出,例如各个元素的动画、独特的组件,使网站感觉更原创和真实,但也将元素真正地融入网站设计本身,并带来真正最先进的感觉。
BMD 不仅仅是一个皮肤,因为它不仅包含 Bootstrap 组件,还包含 Material Design 组件,例如 MD 调色板、MD 加载动画、MD 浮动操作按钮 (FAB)、MD 表单输入、MD 导航选项卡、MD 卡片、MD 提示消息、MD 侧边栏菜单。此外,它还具有动画功能,并包含启动模板和文档。
随着 Bootstrap 的普及,这些 UI 工具包也越来越受欢迎。Bootstrap 的发展非常明显,随着社区对 Bootstrap 4 发布的期待,我们仍然有足够的时间和机会从头开始学习该框架。更多 UI 工具包正在涌现,为我们的网页提供更多功能和设计特性。