ENsearch btn

2016-09-27
Eric Wang

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

幾年前的網頁設計只做單一寬度的版本,所以在不同裝置上瀏覽會發生不便的地方。這幾年出現了一種新的網頁設計方式來因應不同裝置的寬度。Responsive Web Design,簡稱RWD,中文稱為「響應式網頁設計」或「自適應網頁設計」。

 

main

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

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

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

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

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響應式網頁設計」的理念。

 

 

延伸閱讀:什麼是RWD響應式網頁設計?圖解說明讓你3分鐘搞懂手機版網站

 

 

 

cadiis

Eric Wang

凱士網頁設計公司 專案經理 Eric,擁有設計與理工背景,擅長和行銷、業務、管理、資訊、設計等專業人員進行跨領域溝通,樂於分享與討論,長期致力於網頁設計白話文運動。

 

 

 

好的形象網站設計,可以幫助提升品牌形象與企業價值,透過清楚的網站架構與視覺設計,造就良好的使用者體驗與企業形象。

 

需要形象網站設計嗎?

凱士為您設計優質形象網站
以及客製化網頁

 

立即填表諮詢

想進一步了解網頁設計服務?