APP UI在設(shè)計(jì)的時(shí)候,對(duì)字體的運(yùn)用還是需要經(jīng)驗(yàn)積累的,不是隨便往上一擺就行了,其中還有很多的技巧和技法,今天為大家整理出來了*簡(jiǎn)單明了的app界面設(shè)計(jì)字體規(guī)范。
一、字體選擇
1、IOS:蘋果 從ios 9系統(tǒng)開始,系統(tǒng)*新的默認(rèn)中文字體是:蘋方。 英文字體是: San Francisco
2、Android:英文字體:Roboto,中文字體:Noto
二、案例分析
1.以今日頭條界面為例,
導(dǎo)航主標(biāo)題字號(hào)為40px,正文標(biāo)題為36px,輔助性說明文字為24px,小字(視頻長(zhǎng)短,標(biāo)題欄按鈕名)為20px,頭像名為28px。
字體大小代表的層級(jí)關(guān)系一目了然。
因app性質(zhì)不同,今日頭條作為閱讀類型的app,會(huì)更注重文本的閱讀便捷性。所以字號(hào)選擇上會(huì)偏大一些。
3.再以微信為例,導(dǎo)航欄標(biāo)題文字為36px,內(nèi)容標(biāo)題文字為34px,內(nèi)容為28px,輔助性說明文字為24px。
4.*后以豆果美食為例,
豆果美食是我認(rèn)為界面閱讀很漂亮的一個(gè)app界面設(shè)計(jì)。文字閱讀給人一種很精致舒服的感覺。
同閱讀類型的新聞app和工具類型的app在字號(hào)選擇上相比,它的文字選擇的要稍小一些。
如導(dǎo)航欄的字號(hào)為30px,頁(yè)面*大字號(hào)為34px(分類標(biāo)題),其次是32px,28px,24px,20px