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

Bootstrap

Bootstrap, 是由Twitter 的設計師開發的應用最廣泛的框架，這上面的應用通俗易懂（這也是優設哥第二次推薦咯）。

Foundation

Foundation是先進的響應式前端框架，其具有一套根據你實際需求可調節的柵格系統. 這方便在移動設備和臺式設備上使用同樣的標識。

Skeleton

Skeleton 是最簡單的運用柵格系統的網站框架之一，涉及尺寸范圍從960像素屏幕到平板電腦甚至手機移動設備。

Golden Grid System

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

320 and Up

相對于對精美細節的糾結，一些設計師更喜歡積極的突破創新. 這就是?320 and Up 網頁框架的起源. 它專門為小屏幕設計, 而不是先設計臺式屏幕, 從而確保內容第一。

Less Framework

Less 是一個具有簡易可調節柵格系統的經典網站. 它包括4個布局設計和3個排版預設, 可以應用到臺式,平板,移動設備和流動景觀視角。

1140px CSS Grid System

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

Frameless

Frameless 實在不應該出現在這個匯總里，因為它既不是響應式也沒有框架模板。這個網站的主要意圖是為設計提供靈感,當必要時可自行添加柵格系統的分欄。

Wirefy

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

Gumby Framework

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

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