APP UI字體設(shè)計規(guī)范线定,這些或許你還不知道
APP UI在設(shè)計的時候?qū)ψ煮w的運(yùn)用還是需要經(jīng)驗積累的早芭,不是隨便往上一擺就行了,其中還有很多的技巧和技法涧至,今天為大家整理出來了2017年最簡單明了的app界面設(shè)計字體規(guī)范腹躁。
一、字體選擇
1南蓬、IOS:蘋果 ??
從ios 9系統(tǒng)開始纺非,系統(tǒng)最新的默認(rèn)中文字體是:蘋方。 ?英文字體是: San Francisco
截止到今天發(fā)文章為止赘方,ios系統(tǒng)最新版本是:iOS 11.
2铐炫、Android:英文字體:Roboto,中文字體:Noto
android最新系統(tǒng)的版本是:Android 8.0
上面我們告訴了各位APP設(shè)計師選取最新的APP設(shè)計字體的標(biāo)準(zhǔn)以及最新的系統(tǒng)版本上面應(yīng)用的字體蒜焊。
下面我們就要通過實際的APP案例來跟大家講解如何應(yīng)用APP設(shè)計字體規(guī)范倒信。
二、案例分析
1.以今日頭條界面為例泳梆,
導(dǎo)航主標(biāo)題字號為40px鳖悠,正文標(biāo)題為36px,輔助性說明文字為24px优妙,小字(視頻長短乘综,標(biāo)題欄按鈕名)為20px,頭像名為28px套硼。
字體大小代表的層級關(guān)系一目了然卡辰。
2. ?以環(huán)球APP為例:
正文部分,導(dǎo)航欄標(biāo)題文字為36px邪意,內(nèi)容標(biāo)題為48px九妈,正文為36px,小字為22-20px雾鬼。
(因app性質(zhì)不同萌朱,今日頭條作為閱讀類型的app,會更注重文本的閱讀便捷性策菜。所以字號選擇上會偏大一些晶疼。)
3.再以微信為例,導(dǎo)航欄標(biāo)題文字為36px又憨,內(nèi)容標(biāo)題文字為34px翠霍,內(nèi)容為28px,輔助性說明文字為24px蠢莺。
4.最后以豆果美食為例寒匙,
豆果美食是我認(rèn)為界面閱讀很漂亮的一個app界面設(shè)計。文字閱讀給人一種很精致舒服的感覺浪秘。同閱讀類型的新聞app和工具類型的app在字號選擇上相比蒋情,它的文字選擇的要稍小一些埠况。如導(dǎo)航欄的字號為30px,頁面最大字號為34px(分類標(biāo)題)棵癣,其次是32px辕翰,28px,24px狈谊,20px
5喜命、我們再來看看之前分享過的APP設(shè)計規(guī)范里面的案例
網(wǎng)易APP界面設(shè)計當(dāng)中的字體設(shè)計規(guī)范;擴(kuò)展閱讀app設(shè)計規(guī)范
最后總結(jié)一下:具體看下下面的圖
選擇字體大小時應(yīng)根據(jù)app的性質(zhì)河劝,風(fēng)格壁榕,定位來進(jìn)行選擇,應(yīng)通過文字大小表現(xiàn)出內(nèi)容的輕重赎瞎,層級劃分牌里,做到層級關(guān)系明顯。