9個響應式網頁設計所須注意的事項

1. 設計以螢幕為主，而非設備本體：身處一個充滿智慧型產品的年代，光在市場上你能找到無數種不同尺寸、品牌的智慧型產品。在設計網頁時，應該以螢幕尺寸做為區別，而非以智慧型設備為主，讓網頁應當在各種尺寸的裝置下，都可以呈現最佳的畫面。

2. 所有螢幕相容：每當市場上推出新設備時，不同螢幕、不同尺寸，就需要不同的設計。然而，隨時都有新產品上市，若網頁無法即使在新設備上做使用，使用者則會停止拜訪其網頁。因此，製作一個能自行縮放、通用各種設備的設計也相對地重要。

3. 考量大螢幕使用：儘管最大流量是來自智慧型手機，但桌機的流量也佔有42％。在進行響應式網頁設計時，如果你想為網站吸引更多流量，除了關注在小螢幕的使用者外，也別忘記大螢幕的使用者們。

4. 所有設備所觀看的內容需一致：早期，工程師傾向在手機版網頁隱藏某些內容，因為他們認為手機使用者求快，不會看完所有內容，但其實不少使用者會使用手機閱讀全文。這些人若發現電腦版資訊量較多時，他們將會減少使用手機版閱讀。因此，建議所有內容皆需一致。

5. 內文分享的連結，也要有良好的設計：如果網站提到其他網站，或連結其他文章連結，你應該也要注重該分享的網頁是否有優良的網頁設計。如此一來，使用者也不會因為在其設備無法閱讀，而放棄閱讀所有資訊。

6. 優化頁面加載速度：建立網站時，必須對其進行優化，以便增加加載頁面的速度，讓使用者能輕鬆開啟網站。如果需要，你也可以減少圖像，或減少HTTP請求數，那也會加速開啟你的頁面。

7. 網頁排版隨螢幕尺寸改變：為了方便使用者瀏覽，網站必須針對各螢幕尺寸做調整。在設計時，除了顏色，字體、連結需保持一致外，按鈕大小及視覺佈局則需隨著螢幕大小做變化。如果您網站形式都一樣，那可能會造成某些用戶在使用上產生不便。

8. 觸控功能的位置設計：在設計響應式網站時，工程師經常無法正確設計觸控功能。必須注意，設計於小型設備時，觸控功能應設計在左下角，而對於平板電腦，則該設計在上方。

9. 上架前必須測試：在公開網站前，應該要使用不同的設備及不同的使用者做各種可能性測試，以便解決各種UX問題。