RWD 網頁設計事項

1. 請至少提供三種尺寸;pc 1200px以上 pad 768-620 phone 320-480
2. phone 尺寸以實際大小製作,不需做1.5或2倍大
3. 多數情況圖片縮放以等比例縮放爲主,非等比縮放視為兩張圖
4. 文字不會縮放,以寬度區間設定大小。ex. 1200px以上 18px、1199-768px間爲16px、768px以下14px
5. 區塊排列請考慮內容延伸問題,如文字最大與最小量、圖片縮放是否影響區塊
5. 區塊列請考慮內容資料差異
6. 標題及內文盡量設定為自然斷行,若有自訂的截斷點,請確認不同尺寸下呈現方式。若標題為圖,請考慮縮放時與內文大小關係
7. ai 或其他多版面會比ps好用,rwd尺寸無法要求精準,請帶入比例觀念設
8. 背景底圖為填滿時請注意會被裁切,請確認裁切狀況。底紋為包裝紙或壁紙概念,請考慮重複及縮放狀況

最後提醒
rwd 網站不可預期狀況比固定尺寸式網頁多。遇狀況時請放下設計師堅持,與前端工程師共同討論最佳解決方法

發佈留言