移動端網(wǎng)頁設計 PC端和移動端網(wǎng)頁設計的字體規(guī)范是什么?
PC端和移動端網(wǎng)頁設計的字體規(guī)范是什么?HTML5移動網(wǎng)頁的設計稿尺寸應該是多少?電腦網(wǎng)頁的默認字體是宋體。我們在重新設計時需要注意歌曲的字體。必須選擇最小12像素的漢字,字符屬性為“無”。因為宋體中
PC端和移動端網(wǎng)頁設計的字體規(guī)范是什么?
HTML5移動網(wǎng)頁的設計稿尺寸應該是多少?
電腦網(wǎng)頁的默認字體是宋體。我們在重新設計時需要注意歌曲的字體。必須選擇最小12像素的漢字,字符屬性為“無”。因為宋體中文只有12個像素,所以只能看得很清楚。當它大于12或14時,我們通常用黑體字。最小的英文宋體可以是9像素,很少使用。對于移動終端上的IOS,我們將字體設計為apple,對于Android,我們使用粗體字體。
TML5的移動端網(wǎng)頁設計稿,通常情況下,內(nèi)容區(qū)為750px或960px或者1080px的,一般不小于750px像素大?。▽挾龋?/p>
設計稿可以比750px大,但是絕對不能比750px小,這個主要是由于當前手機的分辨率相對較高(iPhone 6是375物理像素,但實際像素為其兩倍,也就是750,這個750就是這么來的)
如果設計圖稿過小,前端在實現(xiàn)圖稿的時候里面的圖片大小在高分辨率的情況下會顯得模糊不清,所以這也是為何要“大”分辨率
此外需要注意的是,要保證頁面的基準字體大小,在320px的設計稿當中,最小字體不宜小于12像素,其他像素的設計稿當中,等比例換算即可(12/320px*設計稿像素值)
HTML5手機網(wǎng)頁設計草稿,通常,內(nèi)容區(qū)域是750px或960px或1080px,一般不小于750px像素大?。▽挾龋?/p>
設計草稿可以大于750px,但絕對不小于750px,這主要是由于目前手機(iPhone)6的分辨率相對較高,是375個物理像素,但實際像素是750的兩倍,這就是750的來源)
如果設計草圖太小,在實現(xiàn)草圖時,在高分辨率的情況下,前端的圖像大小會變得模糊,所以我們需要“大”分辨率
此外,我們需要注意確保頁面在設計稿320px以內(nèi),最小字體大小不應小于12像素。在與其他像素的設計草圖中,可按等比例轉換(12/320px*設計草圖像素值)