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