網路世界發達,網頁製作已成為勢不可擋的趨勢,不過問題來了,「我想做一個網頁,但不知道要怎麼做⋯⋯」這是大多想找人做網頁設計的人會有的問題,要做網頁有六個重點:
多數人都會在不同裝置間瀏覽同樣的東西,所以現在設計網頁的領域有一個很大的重點:多裝置轉換。智慧型手機開始流行之後,許多網站紛紛開始配合使用者習慣,製作手機版網頁,提升手機使用者的體驗舒適度,但是這個方式有兩個缺點:
一、功能不完整
在螢幕尺寸較小因一次能呈現的東西總會比較少,許多手機版網頁會捨棄一些功能或按鍵,讓頁面正常顯示。
二、資訊不同步
有些手機和電腦版是分開的「兩個網頁」,想要兩邊看到的是的東西是一樣的,就必須更新兩次。
那麼,要如何讓使用者可以在不同裝置都有順暢的使用體驗,又避免上面兩個缺陷呢?
答案就是RWD,也就是「響應式網頁設計」,能夠讓網頁在瀏覽視窗大小有變化時,自動調整呈現的方式,取代了原先另外做出手機版的設計。
蘋果網頁設計營運長Mia説很多客戶都會想說:那我把舊的站拿去RWD化就可以啦!
這是個好方法,但不一定做的到。網頁設計台南牽扯到很多層面,很多工程領域的設定在創建往站的一開始就決定了,以前的網站沒有轉換裝置的需求,所以大多數沒有留可以做RWD的空間,想要做RWD只能重新做一個站。
RWD有五種模式:欄內容下排(Column Drop)、主體流動(Mostly Fluid)、版面配置位移(Layout Shifter)、畫布外空間利用(Off Canvas)、微小調整(Tiny Tweaks)。
怎麼知道網頁有沒有RWD設計?
使用電腦時想知道這個網頁是不是RWD,只要點擊網頁上方的「還原(縮小)」鈕,用游標按住視窗的邊邊,拖拉放大、縮小,看看網頁內容是否有任何改變。