設計響應式網站的十個熱門框架

2014-4-9    藍藍設計的小編

轉載藍藍設計(   m.820esy.cn  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 、平面設計服務

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

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

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

 

Bootstrap

Bootstrap

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

Foundation

Foundation

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

Skeleton

Skeleton

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

Golden Grid System

Golden Grid System

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

320 and Up

320 and Up

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

Less Framework

Less Framework

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

1140px CSS Grid System

1140px CSS Grid System

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

Frameless

Frameless

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

Wirefy

Wirefy

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

Gumby Framework

Gumby Framework

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://m.820esy.cn

存檔