在設(shè)計一個響應(yīng)式網(wǎng)站時，運(yùn)用到的計算是費(fèi)時費(fèi)力的，不過還好，國外有一系列的響應(yīng)式框架模板可以使設(shè)計過程變得更便捷。這些框架或模板都有現(xiàn)成的柵格，布局和媒介，然后你可以盡情填充自己的設(shè)計理念。本篇文章匯總了國外設(shè)計師所推崇的大量熱門框架模板，收藏之前，先來瞧瞧吧：）

Bootstrap

Bootstrap, 是由Twitter 的設(shè)計師開發(fā)的應(yīng)用最廣泛的框架，這上面的應(yīng)用通俗易懂（這也是優(yōu)設(shè)哥第二次推薦咯）。

Foundation

Foundation是先進(jìn)的響應(yīng)式前端框架，其具有一套根據(jù)你實(shí)際需求可調(diào)節(jié)的柵格系統(tǒng). 這方便在移動設(shè)備和臺式設(shè)備上使用同樣的標(biāo)識。

Skeleton

Skeleton 是最簡單的運(yùn)用柵格系統(tǒng)的網(wǎng)站框架之一，涉及尺寸范圍從960像素屏幕到平板電腦甚至手機(jī)移動設(shè)備。

Golden Grid System

如果你對柵格系統(tǒng)有狂熱情結(jié)，你一定會喜歡 Golden Grid System，初始狀態(tài)是整齊留白的16行間距，然后對于平板電腦或手機(jī)移動設(shè)備就縮減成8行或4行間距。

320 and Up

相對于對精美細(xì)節(jié)的糾結(jié)，一些設(shè)計師更喜歡積極的突破創(chuàng)新. 這就是?320 and Up 網(wǎng)頁框架的起源. 它專門為小屏幕設(shè)計, 而不是先設(shè)計臺式屏幕, 從而確保內(nèi)容第一。

Less Framework

Less 是一個具有簡易可調(diào)節(jié)柵格系統(tǒng)的經(jīng)典網(wǎng)站. 它包括4個布局設(shè)計和3個排版預(yù)設(shè), 可以應(yīng)用到臺式,平板,移動設(shè)備和流動景觀視角。

1140px CSS Grid System

創(chuàng)意的響應(yīng)式設(shè)計不意味著你只能從事小屏幕設(shè)計，而是同樣可以做得很寬泛的領(lǐng)域，像是普通的臺式電腦設(shè)計?1140 grid 能制出適于1280像素設(shè)計,這也可以很好的適用于更小的設(shè)備。

Frameless

Frameless 實(shí)在不應(yīng)該出現(xiàn)在這個匯總里，因?yàn)樗炔皇琼憫?yīng)式也沒有框架模板。這個網(wǎng)站的主要意圖是為設(shè)計提供靈感,當(dāng)必要時可自行添加?xùn)鸥裣到y(tǒng)的分欄。

Wirefy

這種響應(yīng)式設(shè)計對客戶而言不一定能接受，但向他們展示這種設(shè)計理念卻的確花費(fèi)時間。進(jìn)入?Wirefy網(wǎng)站，模板框架會提供幻燈片，圖片庫，菜單和格式的元素版式設(shè)計。

Gumby Framework

如果你是新手， Gumby Framework 是個不錯的開始。這個網(wǎng)站簡單明了，不像其他的模板，上面會提供PSD和UI的源文件，使你模仿起來得心應(yīng)手。

翻譯：SDC翻茄匠，@小米粥8711
原文地址：http://line25.com/