2023-12-06 分類: 網站建設
一般情況下,以現有市場上流行的移動智能手機,單頁翻轉(非延伸向下的長頁面)設計稿尺寸為640×1136,在高度為812處設置一條安全線(參考線),將重要的內容布局在這條安全線之上。
手機端H5頁面的設計稿尺寸大小規范內容如下:
1、像素是沒有寬高的(不要被photoshop中的像素格欺騙),它只代表一個采樣的色值。
2、任何圖片作為數據信息被保存在存儲盤中時,只有寬高像素數是有意義的,此時的ppi對于圖片來說時沒有任何意義,也并不能描述這個圖片有多少英寸的寬度或者高度,而只有在被打印出來后才有ppi的意義,被打印出來才可以描述這張圖片有多高多寬。
3、平時制作手機頁面時設計原型時,產品經理出的原型稿建議屏寬為320px,用這個尺寸一是為了瀏覽方便(現在很多手機的屏寬達到1440px,用這個尺寸去模擬顯然不現實),
二是以iphone5s為標準的手機屏寬較小,進行內容排版布局時屏寬應該向下兼容。
4、制作設計稿時,設計師應該把原型稿上的所有尺寸進行2倍處理。這樣設計稿在移動設備上預覽便可保證清晰。而前端切片時,按照現在流行的做法,可以直接使用原型稿上的尺寸,也就是設計稿上的1/2。
5、一般情況下,手機頁面設計稿做成640x1136px是最為穩妥的尺寸,在812px高度處增加一條安全線,重要內容在此線之上(網上有些文章說安全線是960px處,個人認為不太準確)。既保證了在移動設備上顯示清晰,也保證了素材的最小尺寸。
分享題目:手機網頁設計尺寸規范具體是多少?
網頁鏈接:http://m.newbst.com/news46/299496.html
成都網站建設公司_創新互聯,為您提供網站制作、網站排名、關鍵詞優化、面包屑導航、網站設計、網站收錄
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容