分享12款最佳的Bootstrap設計工具

csdn發表於2014-03-13

  設計師總會渴望有一些新奇有趣的設計工具來提高工作效率,而Bootstrap就是您的不二選擇。2013年Bootstrap得到了廣泛普及,它是開發者較為常用的框架之一,本文我們將分享12款最佳的Bootstrap設計工具,幫助你做出特別清爽同時又專業美觀的頁面。

  12. Bootstrap Designer

  Bootstrap Designer是一款線上執行工具,無需下載和安裝。使用該工具你可以建立出令人驚歎的HTML5模板。

  11. Get Kickstrap

  如果你正在尋找與Bootsrap相匹配的Web技術,那你可以試試這款Get Kickstrap。該工具非常先進,無需任何後臺即可執行資料庫來驅動Web應用程式。

  10. Bootply

  通過Bootply可以非常輕鬆地基於Bootstrap來進行設計、開發原型、擴充套件和測試等。Bootply可與其他流行的Bootstrap外掛、微框架和庫進行整合。 

  9. Bootstrap Button Generator

  通過Bootstrap Button Generator,你只需輸入你想指定給新按鈕的樣式的CSS類,並簡單調整圖示的顏色,即可獲得新的圖示,然後複製程式碼,貼上在任意你想要的地方即可。

  8. Easel

 

  這款工具可在你的瀏覽器中執行,具有高保真的特性,幫助開發者和設計師提供真實的Web元素。

  7. Layoutit

  Layoutit是一個線上工具, 它可以簡單而又快速搭建Bootstrap響應式佈局,操作基本是使用拖動方式來完成,很簡單,而元素都是基於Bootstrap框架整合的, 所以這工具很適合Web設計師和前端開發人員使用,快捷方便。 

  6. Bootswatch

  該工具開源,極易安裝。

  5. Boottheme

  這是一款線上主題生成器,拖拽式的設計、所見即所得。

  4. Custom Font Tool

分享12款最佳的Bootstrap設計工具

  該工具允許你在命令列中建立個性化字型。

  3. WordPress Twitter Bootstrap CSS

  在WordPress中包含最新的Twitter Bootstrap Javascript庫。

  2. Bootmetro

  這是一款非常靈活且簡單的框架,能為你帶來類似Windows 8的視覺體驗。

  1. Flat UI Free–Framework and Bootstrap Theme Design

  這款工具擁有扁平化風格,最好的部分是其元件包括PSD檔案;同時還可建立免費的UI。

  英文出自:Inspiretrends

相關文章