2014-4-9 藍藍設計的小編
轉載藍藍設計( paul-jarrel.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
來源:http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里
在設計一個響應式網站設計時,運用到的計算是費時費力的,不過還好,國外有一系列的響應式框架模板可以使界面設計過程變得更便捷。這些框架或模板都有現成的柵格,布局和媒介,然后你可以盡情填充自己的設計理念。藍藍設計這篇文章匯總了國外UI設計師所推崇的大量熱門框架模板,收藏之前,先來瞧瞧吧:)
Bootstrap, 是由Twitter 的設計師開發的應用最廣泛的框架,這上面的應用通俗易懂(這也是優設哥第二次推薦咯)。
Foundation是先進的響應式前端框架,其具有一套根據你實際需求可調節的柵格系統. 這方便在移動設備和臺式設備上使用同樣的標識。
Skeleton最簡單的運用柵格系統的網站框架之一,涉及尺寸范圍從960像素屏幕到平板電腦甚至手機移動設備。
如果你對柵格系統有狂熱情結,你一定會喜歡 Golden Grid System,初始狀態是整齊留白的16行間距,然后對于平板電腦或手機移動設備就縮減成8行或4行間距。
相對于對精美細節的糾結,一些設計師更喜歡積極的突破創新. 這就是 320 and Up 網頁框架的起源. 它專門為小屏幕設計, 而不是先設計臺式屏幕, 從而確保內容第一。
Less是一個具有簡易可調節柵格系統的經典網站. 它包括4個布局設計和3個排版預設, 可以應用到臺式,平板,移動設備和流動景觀視角。
創意的響應式設計不意味著你只能從事小屏幕設計,而是同樣可以做得很寬泛的領域,像是普通的臺式電腦設計 1140 grid能制出適于1280像素設計,這也可以很好的適用于更小的設備。
Frameless實在不應該出現在這個匯總里,因為它既不是響應式也沒有框架模板。這個網站的主要意圖是為設計提供靈感,當必要時可自行添加柵格系統的分欄。
這種響應式設計對客戶而言不一定能接受,但向他們展示這種界面設計理念卻的確花費時間。進入 Wirefy網站,模板框架會提供幻燈片,圖片庫,菜單和格式的元素版式設計。