Contents ...
udn網路城邦
入門必看!網頁設計師們的救星 教你2分鐘搞懂「響應式網頁」
2019/02/21 13:35
瀏覽55
迴響0
推薦0
引用0

對於許多剛入門網頁設計的新人來說,聽到前輩們說可以多學習「響應式網頁」,這樣對未來很有幫助時,是否心裡有點疑慮,那是什麼?其實小編不得不說~這可是創世紀的發明啊~解救工程師、設計師們的作業時間,也優化不少數據整合,目前也有許多企業使用這樣的網頁設計,是未來的趨勢,因此身為新手的你,今天就讓我們先來了解何謂「響應式網頁」吧~




圖片來源: Taras Shypka on Unsplash

網址:https://unsplash.com/photos/iFSvn82XfGo


誰發明的?

  以前因為手機裝置興起,所以傳統設計來說,都會分別設計手機板、電腦版兩種版本網站來維護、處理系統、網站,有響應式網頁這樣的概念出現,是在2010年時,由國外著名網頁設計師Ethan Marcotte所提出,使用CSS3 Media queries來處理、適應不同裝置大小,大幅減低網頁設計維護的時間成本。


什麼是響應式網頁設計?

  首先響應式網頁設計簡稱RWD,或稱「自適應網頁設計、回應式網頁設計、對應式網頁設計」,只要使用RWD,網站就能透過CSS,自動在不同的解析度下改變網頁的排版,能夠輕鬆地讓使用不同裝置的使用者,例如使用平板、手機、桌機等,都能夠正常地瀏覽網站,視覺並不會有所衝突改變。


為何要使用響應式網頁?

  對管理者來說,數據能夠優化不必重複更新,對設計、工程來說,不需要為了各形各色的裝置,設定各種版型、程式,並且使用RWD對於SEO來說,是非常有利於提升的。此外,品牌也不用擔心每個裝置的風格不一致,對於品牌的形象而言,很加分喔~


      智慧型手機推陳出新的速度越來越快,未來一定會有更多不同的裝置出現,加上低頭族越來越多,順應現代潮流,學會響應式網頁設計是新手不可或缺的技能!


你可能會有興趣的文章:

限會員,要發表迴響,請先登入