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

2014-5-7    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.820esy.cn  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)

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

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

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

 

更多響應(yīng)式網(wǎng)站設(shè)計(jì)工具欣賞:http://m.820esy.cn/

 

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è)計(jì)流程。

Gridpak

Gridpak-Responsive Web Design Tool

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

更多響應(yīng)式網(wǎng)站設(shè)計(jì)工具欣賞:http://m.820esy.cn/

分享本文至:

日歷

鏈接

個人資料

存檔