Tabler

Tabler是一款表UI设计软件，软件基于Dashboard创建，可以帮助用户设计表单效果，让用户在构建页面内容的时候快速设计表单内容，快速添加数据表，软件提供多种表单组件，支持表单元素、表格助手、验证状态、图像、颜色、表单选择框、表单字段集等内容，您可以通过组件快速设计UI页面效果，加载组件调试参数就可以立即生成新的表单，从而将其应用到自己的项目；Tabler可以编辑的内容还是非常多的，您可以为自己的网站创建新的表单内容，可以为复杂的web系统创建表单，对于需要设计UI的朋友很适合！

Tabler软件功能

颜色

引导文档

网站或应用程序界面的颜色选择对用户与产品的交互方式以及他们做出的决定有很大的影响。调和颜色可以给人留下良好的第一印象，并鼓励用户与您的产品互动，因此，这是成功设计的一个非常重要的方面，需要仔细考虑。

基色

从基本调色板中选择一种可用的颜色，使您的设计对用户有吸引力。您可以使用颜色自定义组件的设计，指示不同的状态或建议用户要执行的作。

版式

字体印刷在创建有吸引力且清晰的界面设计中起着重要作用。良好的排版将使内容易于阅读并提高网站的可用。

标题

使用HTML标题来组织您网站上的内容，并使结构清晰且易于使用。

表单元素

表单是与网站或应用程序交互的最重要类型之一。由于其目的是使用户能够购买，订阅服务或注册以创建帐户，因此确保用户易于完成并帮助提高转换率非常重要。使用可用的元素来创建结构良好且用户友好的表单。

经典输入

使用经典的，用户友好的输入，对其进行适当标记，并包括输入占位符，这些占位符将帮助用户避免在填写表单时造成混淆。

表格助手

表单帮助器可用于为用户提供有关可能不清楚的表单元素的其他。

输入帮助

使用输入助手来显示有关表单元素的其他。一旦用户将鼠标悬停在助手上，文本标签就会出现。

图像

向您的表单添加图像，并为用户提供视觉上吸引人的选项供您选择。

表单选择框

添加选择框，通过为用户提供一系列选项供您选择，从而使您的表单更加直观。您可以添加带有标签的简单选择框，仅使用图标或带有标签的图标。另外，如果药丸选择框适合您的设计，则可以使用药丸选择框。

表单栏位

使用fieldset元素对表单的各个部分进行分组，以使其结构合理并为用户所用。

Tabler软件特色

我们已经为每个想要基于我们的预制组件创建模板的人创建了这个管理面板。我们的使命是提供一个用户友好，清晰易用的管理面板，既可用于简单的网站，也可用于复杂的系统。唯一的要求是基本的HTML和CSS（以及一些Liquid）知识-作为奖励，您将能够以最简单的方式来管理和可视化不同类型的数据！

1、响应式：有了对移动，平板电脑和台式机显示器的支持，无论您使用哪种设备都无所谓。Tabler在所有主要浏览器中都响应迅速。

2、跨浏览器：我们的主题可以与最新的Chme，Firefox +，最新的Safa，Opera，Edge和移动浏览器完美配合。我们努力为他们提供持续的支持。

3、HTML5和CSS3：我们仅使用现代网络技术，例如HTML5和CSS3。我们的主题包括一些微妙的CSS3动画，这些动画将帮助您吸引注意力。

4、干净的代码：我们认真遵循Bootstrap的准则，以使您的集成尽可能容易。所有代码都是手写的，并且W3C有效。

5、演示页面：Tabler使用各种组件提供超过20个单独的页面，使您可以自由选择和组合。所有组件的颜色和样式都可以变化，您可以使用Sass轻松地对其进行修改。天空才是极限！

6、单页应用程序版本： Tabler React具有适用于Tabler的React组件。

Tabler使用说明

头像

头像有助于自定义用户界面的各种元素，并使产品体验更加个化。它们通常用于通讯应用程序，协作工具和社交媒体中。

默认标记

使用该类可将头像添加到您的界面设计中，以进行更大的自定义。

头像图片

将图像设置为背景，使用户易于识别并创建个化的体验。

首字母缩写

您也可以使用缩写而不是图片。

除了图片和首字母缩写，您还可以使用图标使头像更加通用。

头像缩写颜色

自定义头像背景的颜色。您可以单击此处查看可用颜色的列表。

表是有用的界面元素，可用于可视化数据并以清晰的方式对其进行排列。因此，用户可以一次浏览很多，良好的表格设计将帮助您确保其清晰明了。

基本表

基本表设计具有浅色填充，显示的数据与水平分隔符分开。它有助于向用户提供所有必要的，而不会给他们带来视觉效果。

本.table类增加了基本的造型到表：

响应表

.table-responsive在每个断点处使用该类以进行水平动表。如果要创建直到特定断点的响应表，请使用.table-responsive{-sm|-md|-lg|-xl}。从该断点开始，该表将正常运行，而不是水平动。

没有包装

如果您不希望表格单元格的内容换行到另一行，请使用table-nowrap该类。

引导文档

选项卡允许用户在同一上下文中的同等重要的视图之间切换。通过将内容分成有意义的部分，它们改善了组织结构，并使用户易于浏览。

默认标记

使用标签可以使用户在一个上下文中快速轻松地访问不同的部分。在默认设计中，当前选项卡突出显示，这使界面清晰且用户友好。

带图标的标签

如果要使用视觉元素并使标签内容更易于识别，请在标签标签中添加图标。

仅带有图标的标签

使用不带标签名称的标签可以节省空间，并使标签内容易于国际用户识别。

带下拉标签

将一个或多个标签添加到下拉菜单中，以在一个元素中添加更多选项。