3種熱門的RWD響應式網頁設計開發工具(Framework)

隨著行動裝置的普遍，幾乎人人都有一台行動裝置。

各品牌的手機、平板、筆電、桌電螢幕等...都有不同的尺寸。

幾年前的網頁設計只做單一寬度的版本，所以在不同裝置上瀏覽會發生不便的地方。

因此，這幾年出現了一種新的網頁設計方式來因應不同裝置的寬度。

Responsive Web Design，簡稱RWD，中文稱為"響應式網頁設計"或"自適應網頁設計"。

 

 

 

響應式網頁設計有哪些常見的Framework？

 

目前網路上有Framework提供給大家去使用，這樣一來就可以省下許多設計的時間。以下介紹較熱門的3種RWD Framework。

 

1.Bootstrap | 自由度高、最多人使用的RWD Framework

Bootstrap官網

由Twitter出品，包含Javascript、CSS等...相關檔案，自由度高。

 

2.Foundation | 以Mobile為優先的RWD網頁框架

Foundation官網

由ZURB出品，推廣Mobile First的概念，適合以Mobile為優先考量的網站。

 

3.Pure | 適合大量客製化的RWD CSS 框架

Pure官網

由Yahoo出品，單純只使用CSS，適合大量客制化的網站。如果需要Javascript Framework需要額外載入。

 

響應式網頁設計的最終理念

科技始終來自於人性，技術會因應人的需求去進化或改變。

RWD的出現，正是因為科技的進步而衍生出的技術。

讓人可以在不同裝置上瀏覽同一網頁，同時也可以有順暢的瀏覽體驗，這就是「RWD響應式網頁設計」的理念。

 

 

延伸閱讀：

延伸閱讀：

 

 

 

Eric Wang 凱士網頁設計公司 專案顧問 Eric，擁有設計、理工、管理等跨領域背景，樂於和不同領域的專業工作者進行分享與討論。在專案工作外，同時也兼任大學行銷系業界講師及企業內訓課程講師，長期致力於「網頁設計白話文運動」。