RWD跨平台
- 2015Mar.17
- RWD 自適應式網頁設計/響應式網頁設計
RWD Responsive Web Design 自適應式網頁設計(回應式網頁設計) , 解決多螢幕尺寸 , 跨平台瀏覽的最佳解決方案
考量到目前手機,平板,電腦的多尺寸 , 網站也開始有跨平台的夢想 , 因此開始有 RWD 的網頁製作手法出現 , 有的網頁設計師會以 Html5 搭配 CSS3 , 利用其互動的手法 , 再搭配 JS 的應用 , 讓網頁設計可以配合使用者的螢幕 , 自動顯示其最佳的呈現畫面 , 等同一個網站同時具有電腦版,平板電腦 , 手機版的呈現畫面. 當然 , 因為語法是都寫在同一個頁面中 , 原始碼的量與效能 , 都是搭載著基本的控制內容 , 所以效能上也會比分開處理 PC 手機版,比較沉重一些 , 但是在流行面上 , 此種方式的網頁設計 , 會以較簡單風格的方式呈現設計 , 是極簡風愛好者的最佳選擇..RWD 的網站設計 , 是符合現代也是未來的網頁設計標準...
提醒一下，通常 RWD 的網頁設計要考量流動式的佈局 , 所以在設計上不會有過多的材質或是特殊的造型或設計 , 這樣才能避免在不同瀏覽尺寸下產生不自然的銜接或破圖 , 所以喜歡比較花俏或是比較特殊造型的版型設計 , 就比較推薦以一般網頁設計為主 , 另外搭配手機版本的處理方式 。RWD 的網站通常會走比較簡單時尚的作法 , 因為也要考量網站在手機版本讀取的速度 , 所以考量的點比一般網站多出許多...
(Responsive web design 有人翻譯成自適應式網頁設計,或是響應式網頁設計,也有人翻譯為 移動式網頁設計或適應化網頁設計..)
