10款設計師必備的響應式網頁設計工具

 　　隨著便攜設備用戶的指數級增長，網頁設計師采用響應式設計作為多平台布局解決方案，不但節省了設計師的時間，而且從長遠角度來講，響應式設計能夠為用戶提供更舒適的操作環境。

　　如果你毫無經驗，不知從何開始，那麼這份工具列表將大大的幫助你，能夠讓你的布局更有“彈性”。

　　Simple Grid

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

　　Susy

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

　　Tiny Fluid Grid

　　Tiny Fluid Grid 很棒的網頁應用，能幫你選擇柵格系統。一旦完成後，提供CSS文件下載。

　　Variable Grid System

　　Variable Grid System依據960柵格系統，能夠自動產生布局，在精確調整後，提供CSS文件下載。

　　Responsive Web Design Sketch Sheets

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

　　Style Tiles

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

　　Gridpak

　　Gridpak 免費工具，可在線創建響應式設計柵格。

　　Adobe Edge Reflow

　　專攻響應式設計，柵格系統，各種元素的慣例都非常得心應手。

　　Adaptive Images

　　讀取設備屏幕信息，自動調整優化圖像，無需標記。

　　Retina Images

　　高分辨率圖像解決方案。