設計師必備的響應式網(wǎng)頁設計工具

2014-5-7    藍藍設計的小編

轉(zhuǎn)載藍藍設計(   sillybuy.com  )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網(wǎng)站建設 、平面設計服務

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點這里

隨著便攜設備用戶的指數(shù)級增長,網(wǎng)站設計師采用響應式設計作為多平臺布局解決方案,不但節(jié)省了UI設計師的時間,而且從長遠角度來講,響應式設計能夠為用戶提供更舒適的操作環(huán)境。
如果你毫無經(jīng)驗,不知從何開始,那么藍藍設計這份工具列表將大大的幫助你,能夠讓你的界面設計布局更有“彈性”。

 

更多響應式網(wǎng)站設計工具欣賞:http://sillybuy.com/

 

Simple Grid

 Simple Grid-Responsive Web Design Tool

Simple Grid是難以置信的CSS框架,無所限制的柵格布局,支持不同大小的屏幕。

Susy

Susy-Responsive Web Design Tool

Susy “語義變焦”的柵格系統(tǒng),無需額外標記和特殊的類,很方便使用Sass的人。

Tiny Fluid Grid

Tiny Grid-Responsive Web Design Tool

Tiny Fluid Grid 很棒的網(wǎng)頁應用,能幫你選擇柵格系統(tǒng)。一旦完成后,提供CSS文件下載。

Variable Grid System

Variable Grid System-Responsive Web Design Tool

Variable Grid System依據(jù)960柵格系統(tǒng),能夠自動產(chǎn)生布局,在調(diào)整后,提供CSS文件下載。

Responsive Web Design Sketch Sheets

 Responsive Web Design Sketch Sheets

Responsive Web Design Sketch Sheet 標記很方便,可以方便的選擇不同方案中元素的放置位置。

Style Tiles

Style Tiles-Responsive Web Design Tool

可以通過該網(wǎng)站制定完美的響應式設計流程。

Gridpak

Gridpak-Responsive Web Design Tool

Gridpak 免費工具,可在線創(chuàng)建響應式設計柵格。

更多響應式網(wǎng)站設計工具欣賞:http://sillybuy.com/

日歷

鏈接

個人資料

藍藍設計的小編 http://sillybuy.com

存檔