|
響應式設計在2012年被提的比較多，但是響應式設計仍然在不斷變化，不斷創新。比如，新的設備不斷出來(iPadMini)，這(zhè)讓以前的設計想法土崩瓦解。而各種(zhǒng)Web的響應式設計也獲得了越來越多的注意，“讓人們忘記設備尺寸”的理念將(jiāng)更快地驅動響應式設計，所以Web設計也將(jiāng)迎來更多的響應式設計元素。
一、響應式網站設計的常用工具
1、UIKit
UIkit是一個輕量級、模塊化的前端框架，可快速構建強大的web前端界面(miàn)。它根據不同的屏幕分辨率與上網設備，會(huì)自動做出響應，提供一緻的體驗。
2、Bootstrap
由兩(liǎng)個Twitter員工開(kāi)發(fā)并開(kāi)源的前端框架，已經(jīng)更新到了v4.1.2版本，在Github上非常火爆，在國(guó)内也有很多粉絲，值得一試。
3、AdobeEdgeInspect
對(duì)移動開(kāi)發(fā)者尤其有用的工具，其前身是AdobeShadow，用于幫助設計師和開(kāi)發(fā)者同時(shí)在多個移動設備上預覽應用設計，發(fā)現和解決跨平台問題。
4、ResponsiveWebDesignSketchSheets
如果你還(hái)在用紙和筆來創建你的實體模型，你可以用這(zhè)些現有的草圖來設計你的交互網站了。
5、Foundation
号稱是世界上最先進(jìn)的響應式前端框架。
6、SimpleGrid
輕量級的響應式CSS網格系統，讓你可以快速創建适應于手機和平闆電腦的網站。
7、ResponsiveTesting
這(zhè)個工具可以讓你預覽你設計網頁在不同設備上的效果，隻需要訪問它的網站并輸入你網站的地址就(jiù)可以看到了。
二、響應式網站設計十大開(kāi)發(fā)框架
1、GumbyFramework
Gumby2是建立在Sass基礎上的。Sass是一款非常強大的CSS預處理器，允許用戶自主快速的開(kāi)發(fā)擴展Gumby，同時(shí)提供很多新的工具來自定義和擴展Gumby框架。Gumby2是一個非常棒的響應式CSS框架。
2、GetUIKit
GetUIKit是一款輕量級、模塊化的前端框架，可快速構建強大的web前端界面(miàn)，而且，它是一款開(kāi)源的前端UI界面(miàn)的框架，可以無任何限制的使用UIKit來創建自己的風格。
3、Foundation
Foundation是一個易用、強大而且靈活的框架，用于構建基于任何設備上的Web應用。提供多種(zhǒng)Web上的UI組件，如表單、按鈕、标簽等。
4、Semantic
UI是Web的靈魂！Semantic是爲工程師而制作的可複用的開(kāi)源前端框架。提供各種(zhǒng)UI組件，使得開(kāi)發(fā)更加直觀、易于理解。
5、52Framework
52Framework主要用于優化HTML5和CSS3的跨浏覽器兼容性的框架，可在所有主流浏覽器上運行。
6、PureCSS
Pure是一組小的、響應式CSS模塊，可用于任意Web項目中。它可作爲每個網站或Web應用的起(qǐ)步工具，幫助開(kāi)發(fā)者處理應用程序所需的所有CSS工作，同時(shí)不會(huì)讓每個應用千篇一律。
7、Responsablecss
Responsable使用最少的Sass，帶給你最合适的響應式框架。
8、TukTuk
TukTuk支持代碼重用功能(néng)，提供更加快速、高效的樣式列表，易于添加與維護。
9、Kube
Kube是全球最爲流行、最靈活的CSS框架之一。其帶給你最強大的功能(néng)選擇，極具創意性與美觀性。
10、Ivory
|
