回應式網頁設計(Responsive Web Design)已成為當今網頁設計趨勢,但這樣會對設計師造成更多負擔,因為RWD起碼有3個break point,要測試網頁在三種大小之下能否正常顯示需要額外的時間。但Google 推出了Resizer網上工具,相信可省下各位不少時間。

Google Resizer 介紹及教學

Resizer 是Google一個簡單的網上工具,助各位測試回應式網頁的呈現方式。只要輸入網址就會在模擬在三種裝置(PC、平版 Tablet、智能手機)上的呈現方式。
值得一提的是網站的預覽結果並非單單是一張圖,事實上我們是可以與它們互動,例如捲動(Scroll)、把鼠標放上元素(Hover)等。
此外你還可以在右上角選擇PC版還是流動裝置版,之後你便可以選擇各種闊度,更仔細地測試各個break point。

網址:http://design.google.com/resizer/

Categories: 實用工具網頁製作

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *