哪些響應式布局框架是設計師使用的?

2021-09-07 22:11:54 字數 824 閱讀 1663

**:

目前流動網路領域發展越來越快,為了在移動裝置上有良好的閱讀體驗,很多**都開始使用響應性布局設計(responsive web design),但是製作乙個響應性布局的**是一件非常費時的事情,所以很多設計選擇了使用響應性布局框架(responsive frameworks),今天達人收集很多流行的響應性布局框架,這些都可以方便設計師或前端人員來製作支援多裝置不同解析度的自適應的網頁設計作品。

bootstrap是twitter推出的乙個開源的用於前端開發的工具包。它由twitter的設計師mark otto和jacob thornton合作開發,是乙個css/html框架。bootstrap提供了優雅的html和css規範,它即是由動態css語言less寫成。 bootstrap一經推出後頗受歡迎,一直是github上的熱門開源專案,包括nasa的msnbc(微軟全國廣播公司)的breaking news都使用了該專案。

foundation 乙個優秀的前端框架,你可以利用這個框架為你的**製作出不同裝置的響應性布局。

skeleton 是乙個輕量級的響應性布局框架,其實是乙個簡單的柵格系統,從960px至平面再到移動手機裝置~

乙個不錯的柵格系統,用它也可以方便製作從240 至 2560px的螢幕解析度。

less framework 是乙個自適應柵格系統,內建3個預置模板,以滿足台式電腦、平板電腦以及手機等移動裝置。

使用1140px css 柵格系統可以很好的在1280px以及更低的解析度展示你的網頁。

如果你是新手剛剛才開始製作響應性布局,哪麼gumby框架很適合你了,因為他自帶了psd ui工具包,讓你很容易製作出乙個漂亮的響應性布局的網頁設計作品。

免費響應式模板

與前端設計師談響應式設計

昨天下午,我突然冒來乙個想法請教下前端設計工程師,我問能否設計乙個規避終端的 也就是不受終端限制的通用性前端框架。前端工程師告訴我,那叫響應式設計。我繼續問,既然有這個技術,現實中,為什麼要搞pc一套,手機一套,平板一套呢,多累啊。前端告訴我,現實情況複雜很多,做個簡單的響應式設計的還可以,複雜的就...

與前端設計師談響應式設計

昨天下午,我突然冒來乙個想法請教下前端設計工程師,我問能否設計乙個規避終端的 也就是不受終端限制的通用性前端框架。前端工程師告訴我,那叫響應式設計。我繼續問,既然有這個技術,現實中,為什麼要搞pc一套,手機一套,平板一套呢,多累啊。前端告訴我,現實情況複雜很多,做個簡單的響應式設計的還可以,複雜的就...

與前端設計師談響應式設計

昨天下午,我突然冒來乙個想法請教下前端設計工程師,我問能否設計乙個規避終端的 也就是不受終端限制的通用性前端框架。前端工程師告訴我,那叫響應式設計。我繼續問,既然有這個技術,現實中,為什麼要搞pc一套,手機一套,平板一套呢,多累啊。前端告訴我,現實情況複雜很多,做個簡單的響應式設計的還可以,複雜的就...