隨著現在人手一隻手機，使用電腦桌機瀏覽網頁比例下降，因應手機版本網頁，製作rwd響應式網頁設計，手機板和電腦版都能順暢觀看網頁，隨使用者瀏覽器調整版型，方便閱讀和吸收資訊，進入頁面的使用者裝置不同，自動調整畫面，分享介紹玩轉芋圓的日系網頁設計範例。

玩轉芋圓旅遊手札的網站有SSL和RWD通用，手機板和電腦版都能順暢觀看。

分享充滿日本味設計 (Japanese style)，由芋圓設計製作的RWD 響應式網頁設計，在電腦上看文章，與使用手機看文章，畫面會不同喔，同一個網址，不同的版型效果呈現。

傳統的網頁設計製作，相同圖片不會等比例縮放，當使用者使用不同裝置(手機、平板、電腦)的相容性差，舊網站要改為新網站，需要重新設計切版，在rwd技術未成熟時，許多大型官方網站採許一個電腦版本，一個手機版本，而如果採用響應式網頁設計，可以是同一個網址，自適應瀏覽器裝置。

以手機畫面來說，玩轉芋圓的繼續閱讀像這樣擺放。

點開單篇文章內容

預約按鈕

本篇文章的示範成果連結

河口湖住宿推薦 河口湖溫泉飯店 全評比

使用電腦或是平板觀看

秀峰閣湖月
Shuhokaku Kogetsu

住宿心得 | 早餐 | 晚餐 | 溫泉

湖南莊
Konansou

住宿心得 | 早餐 | 晚餐 | 溫泉

風之露台
KUKUNA

住宿心得 | 早餐 | 晚餐 | 溫泉

富士吟景
Fuji Ginkei

住宿心得 | 早餐 | 晚餐 | 溫泉

河口湖新世紀飯店
New Century Hotel

住宿心得 | 早餐 | 晚餐 | 溫泉

大池飯店
Oike Hotel

住宿心得 | 早餐 | 晚餐 | 溫泉

以上是響應式網頁設計 rwd 日系網頁設計範例

玩轉真心覺得也太美，搭配實際住宿美照與心得，讓日式旅館的優點展現出來了呢！

風格多變、超厲害設計，推薦黃師父 huang master，可直接寄信詢問合作內容 nickhuang1121@gmail.com

討論網站內容並提供報價，來信請註明:公司名稱、產業類別、名字、連絡電話、參考網頁、喜歡的網站風格、補充說明事項。

延伸閱讀

網頁設計推薦 台北免費諮詢報價 商業攝影(網站多範例參考)

看更多 芋圓語法教室 教學示範文章

延伸閱讀>>

agoda查詢台灣台北住宿

Klook客路 門票、票券、一日遊

台灣
台灣4G上網SIM卡
台北雙層觀光巴士
台北101觀景台門票
佳德鳳梨酥伴手禮
新豪釣蝦
泡湯
北投春天酒店 室內湯屋
陽明山天籟度假酒店
烏來雙人景觀湯屋泡湯

回到玩轉芋圓旅遊手札