10款設(shè)計師必備的響應(yīng)式網(wǎng)頁設(shè)計工具

2013-11-12    藍藍設(shè)計的小編

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

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

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

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

Simple Grid

 Simple Grid-Responsive Web Design Tool

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

Susy

Susy-Responsive Web Design Tool

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

Tiny Fluid Grid

Tiny Grid-Responsive Web Design Tool

Tiny Fluid Grid 很棒的網(wǎng)頁應(yī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 標(biāo)記很方便,可以方便的選擇不同方案中元素的放置位置。

Style Tiles

Style Tiles-Responsive Web Design Tool

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

Gridpak

Gridpak-Responsive Web Design Tool

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

Adobe Edge Reflow

Adobe edge reflow

專攻響應(yīng)式設(shè)計,柵格系統(tǒng),各種元素的慣例都非常得心應(yīng)手。

Adaptive Images

讀取設(shè)備屏幕信息,自動調(diào)整優(yōu)化圖像,無需標(biāo)記。

Retina Images

Retina Images

高分辨率圖像解決方案。

分享本文至:

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.sillybuy.com

存檔