BLOG 部落格

櫻桃樹網頁設計 > 部落格 > 響應式網站設計


響應式網站設計

所謂的響應式網站,是指一個網站能在多種不同尺寸的瀏覽裝置,有不同的呈現方式,使得瀏覽最佳化。Responsive Web Design(簡稱RWD)技術,就是我們所稱的”響應式設計,現在日新月異的科技時代,人們在網路上工作、社交、尋找資訊的工具,從原本的桌上型電腦、筆記型電腦轉移到平板電腦、智慧型手機這些行動力高的裝置。

從桌上型電腦轉移到行動裝置的操作模式,據我們所瞭解的電腦的顯示螢幕至少都13吋以上,並且使用鍵盤跟滑鼠做為輸入工具。相對的行動裝置的螢幕尺寸較小,使用觸控板或觸控筆當作輸入工具。不同的平台上,使用不同的操作工具,在網站的部分也需要有些改變,在手機瀏覽的時候,我們會判斷它在不同的螢幕解析度上會有不同的呈現方式,讓使用者瀏覽時更順暢。

響應式網站設計

但是,不見得每個網站都適合做響應式設計,例如比較複雜的網站、特效網站、大型商城購物網站、大量文字與圖片的網站….等等,這些在作響應式設計時會有一些複雜,且完成後效果也不盡理想,但是可以試往APP的模式發展。我們透過CSS3將整個網站切成大小不一樣的網格模式,並調整好比例、設定百分比,讓網站可以自動調整圖片、表格的大小,並且適合在各個大小尺寸不一的螢幕上瀏覽。

來自行動裝置上的網路流量漸漸得超越桌上型電腦和筆記型電腦,這說明了使用者在日常生活慢慢得習慣用智慧型手機或平板電腦來瀏覽網頁,RWD技術能讓使用者用在你的網站上有良好的用戶體驗。