返回
頂部
頂部
一般情況下，我們會將重要內容布置在稿紙為640×1136的812的高度之上。
手機端H5頁面的設計稿尺寸大小規范內容如下：
1、不要讓PS欺騙你，像素是沒有高度的，它只代表一個采樣的色值。
2、任何圖片作為數據信息被保存在存儲盤中時，只有寬高像素數是有意義的，此時的ppi對于圖片來說時沒有任何意義，也并不能描述這個圖片有多少英寸的寬度或者高度，而只有在被打印出來后才有ppi的意義，被打印出來才可以描述這張圖片有多高多寬。
3、平時制作手機頁面時設計原型時，產品經理出的原型稿建議屏寬為320px，用這個尺寸一是為了瀏覽方便（現在很多手機的屏寬達到1440px，用這個尺寸去模擬顯然不現實），
二是以iPhone5s為標準的手機屏寬較小，進行內容排版布局時屏寬應該向下兼容。
4、制作設計稿時，設計師應該把原型稿上的所有尺寸進行2倍處理。這樣設計稿在移動設備上預覽便可保證清晰。而前端切片時，按照現在流行的做法，可以直接使用原型稿上的尺寸，也就是設計稿上的1/2。
5、一般情況下，手機頁面設計稿做成640x1136px是最為穩妥的尺寸，在812px高度處增加一條安全線，重要內容在此線之上（網上有些文章說安全線是960px處，個人認為不太準確）。既保證了在移動設備上顯示清晰，也保證了素材的最小尺寸。
