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

2013-11-12    藍(lán)藍(lán)設(shè)計(jì)的小編

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

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

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

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

Simple Grid

 Simple Grid-Responsive Web Design Tool

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

Susy

Susy-Responsive Web Design Tool

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

Tiny Fluid Grid

Tiny Grid-Responsive Web Design Tool

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

Variable Grid System

Variable Grid System-Responsive Web Design Tool

Variable Grid System依據(jù)960柵格系統(tǒng),能夠自動(dò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

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

Gridpak

Gridpak-Responsive Web Design Tool

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

Adobe Edge Reflow

Adobe edge reflow

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

Adaptive Images

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

Retina Images

Retina Images

高分辨率圖像解決方案。

日歷

鏈接

個(gè)人資料

存檔