移動(dòng)端字體字號(hào)及顏色的使用規(guī)范
一、字體的使用:
字體分為兩種:襯線和非襯線
襯線:字型方正,棱角分明,有極強(qiáng)的筆畫(huà)規(guī)律,從而使人在閱讀的時(shí)候有一種舒適醒目的感覺(jué),結(jié)尾或開(kāi)頭有裝飾性的筆畫(huà),中文如 : 宋體, 英文如 : Caslo;
非襯線:樸素簡(jiǎn)潔,無(wú)裝飾,視覺(jué)相等,黑白均勻,
IOS 的如 : 蘋(píng)方,英文如:San Francisco,Helvetica,
Andriod的如:思源黑體,英文如:Roboto。
手機(jī)上的文字,網(wǎng)頁(yè),日常生活文字,98%都是非襯線字體。
二、字號(hào)的使用:(2倍圖為例說(shuō)明)
導(dǎo)航欄主標(biāo)題40-36px,
正文(主要現(xiàn)實(shí)的內(nèi)容)34px,
副文(備注及內(nèi)容)28px (32px),
輔助說(shuō)明文字(一般是日期,時(shí)間)24px,
圖標(biāo)文字:20px
大按鈕文字:36px
三、文字顏色的使用:
一級(jí)文字#333333
二級(jí)文字,#666666
副文(備注及內(nèi)容)#999999
輔助說(shuō)明文字(一般是日期,時(shí)間)#999999
反白文字:#FFFFFF
——————以上只是參考,具體請(qǐng)以實(shí)際視覺(jué)效果為準(zhǔn)。
想了解更多?現(xiàn)在就開(kāi)始免費(fèi)體驗(yàn)