海淘科技編者今日為你推出《app界面設(shè)計(jì)字體規(guī)范》
通過(guò)對(duì)不同類(lèi)型的app進(jìn)行總結(jié)，總結(jié)出app的字體規(guī)范。
1.IOS:蘋(píng)果ios 9系統(tǒng)開(kāi)始，系統(tǒng)最新的默認(rèn)中文字體是：蘋(píng)方。英文字體是： San Francisco
2.Android：英文字體：Roboto，中文字體：Noto
1.以今日頭條界面為例，導(dǎo)航主標(biāo)題字號(hào)為40px，正文標(biāo)題為36px，輔助性說(shuō)明文字為24px，小字(視頻長(zhǎng)短，標(biāo)題欄按鈕名)為20px，頭像名為28px。字體大小代表的層級(jí)關(guān)系一目了然。
2.正文部分，導(dǎo)航欄標(biāo)題文字為36px，內(nèi)容標(biāo)題為48px，正文為36px，小字為22-20px。
(因app性質(zhì)不同，今日頭條作為閱讀類(lèi)型的app，會(huì)更注重文本的閱讀便捷性。所以字號(hào)選擇上會(huì)偏大一些。)
3.再以微信為例，導(dǎo)航欄標(biāo)題文字為36px，內(nèi)容標(biāo)題文字為34px，內(nèi)容為28px，輔助性說(shuō)明文字為24px。
4.最后以豆果美食為例，豆果美食是我認(rèn)為界面閱讀很漂亮的一個(gè)app界面設(shè)計(jì)。文字閱讀給人一種很精致舒服的感覺(jué)。同閱讀類(lèi)型的新聞app和工具類(lèi)型的app在字號(hào)選擇上相比，它的文字選擇的要稍小一些。如導(dǎo)航欄的字號(hào)為30px，頁(yè)面最大字號(hào)為34px(分類(lèi)標(biāo)題)，其次是32px，28px，24px，20px
這是豆果美食的內(nèi)容詳情頁(yè)，在正文標(biāo)題用到了36px，正文內(nèi)容為32px，次要文字為28px，其次是24px，22px，20px。
總結(jié)如圖，選擇字體大小時(shí)應(yīng)根據(jù)app的性質(zhì)，風(fēng)格，定位來(lái)進(jìn)行選擇，應(yīng)通過(guò)文字大小表現(xiàn)出內(nèi)容的輕重，層級(jí)劃分，做到層級(jí)關(guān)系明顯。除了對(duì)字體進(jìn)行字號(hào)大小的區(qū)別，還可對(duì)文字進(jìn)行樣式(加重字體)和顏色的區(qū)分。
以上就是上海APP開(kāi)發(fā)公司——海淘科技為你推出《app界面設(shè)計(jì)字體規(guī)范》的全部?jī)?nèi)容找，也app軟件開(kāi)發(fā)服務(wù)，可直接聯(lián)系海淘科技客服。接下來(lái)海淘科技編者再為你推出一款app開(kāi)發(fā)案例：愛(ài)錢(qián)進(jìn)理財(cái)金融app手機(jī)開(kāi)發(fā)
