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該類。
引導文檔
選項卡允許用戶在同一上下文中的同等重要的視圖之間切換。通過將內容分成有意義的部分,它們改善了組織結構,并使用戶易于瀏覽。
默認標記
使用標簽可以使用戶在一個上下文中快速輕松地訪問不同的部分。在默認設計中,當前選項卡突出顯示,這使界面清晰且用戶友好。
帶圖標的標簽
如果要使用視覺元素并使標簽內容更易于識別,請在標簽標簽中添加圖標。
僅帶有圖標的標簽
使用不帶標簽名稱的標簽可以節省空間,并使標簽內容易于國際用戶識別。
帶下拉標簽
將一個或多個標簽添加到下拉菜單中,以在一個元素中添加更多選項。