UI設(shè)計關(guān)于字體的一些事

好記性不如爛筆頭

移動端的設(shè)計字體選擇:

iOS設(shè)計中中文字體常用冬青黑體或華文細黑

安卓設(shè)計中英文字體:Roboto,中文字體:Noto

移動端的設(shè)計字體字號:

導航主標題字號:40-42px排龄,在內(nèi)文展示中大的正文字號32px, 副文是26px扮宠,小字20px

像新聞類的APP或文字閱讀類的APP更注重文本的閱讀便捷性自赔,正文字號36px,會選擇性的加粗。如今日頭條

列表形式、工具化的APP普遍是正文32px装畅,不加粗。副文案26px,小字20px沧烈,如微信列表

26px的字號還會用于劃分類別的提示文案掠兄,因為這樣的文字希望用戶閱讀,但不要搶過主列表信息的引導锌雀。

36px的字號還經(jīng)常運用在頁面的大按鈕中蚂夕。為了拉開按鈕的層次,同時加強按鈕引導性汤锨,選用了稍大號的字體双抽。如退出登錄百框。

網(wǎng)頁端的設(shè)計字體:

網(wǎng)頁中文字字號一般都是宋體12px或14px(無狀態(tài))闲礼,大號字體用微軟雅黑或黑體。大號字體是18px铐维、20px柬泽、26px、30px嫁蛇,一般使用雙數(shù)字號锨并,單數(shù)的字體在顯示的時候會有毛邊。

各字體的常用場景:

方正正中黑系列:中黑系列的字體筆畫比較銳利而渾厚睬棚,一般運用在標題文字中第煮。

方正蘭亭系列: 整個蘭亭系列的字體有大黑解幼、準黑、纖黑包警、超細黑等撵摆。因筆畫清晰簡潔,這個系類的字體就足以滿足排版設(shè)計的需要害晦√芈粒可以通過對這個系列的不同字體進行組合,不僅能保證字體的統(tǒng)一感壹瘟,還能很好的區(qū)分出文本的層次鲫剿。

漢儀菱心簡/造字工房力黑/造字工房勁黑

在這幾個字體中,他們有著共同的特點稻轨,字體非常的有力而厚實灵莲。基本都是以直線和斜線為主殴俱。適合廣告和專題使用笆呆。在使用這類字體的時候我們可以使用字體傾斜的樣式,讓文字顯得更為活力粱挡。在這三種字體中赠幕,菱心和造字工房力黑在筆畫、拐角的地方采用了圓和圓角询筏。而且筆畫也比較的疏松榕堰,更多的有些時尚而柔美的氣氛。而勁黑這款字體相對更為厚重和方正嫌套。這類字體使用在大圖中偏多逆屡,效果比較突出。

相關(guān)用色:

在界面中的文字分為三個層級踱讨,主文魏蔗、副文、提示文案等痹筛。

在白色的背景下莺治,字體的顏色層次其實就是黑、深灰帚稠、灰色谣旁。常用的色值是#333333;#666666滋早;#999999榄审。在界面中還經(jīng)常會用到背景色#eeeeee。

分割線則采用#e5e5e5或#cccccc的顏色值杆麸,一個深一些搁进,一個淺一些浪感。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市饼问,隨后出現(xiàn)的幾起案子篮撑,更是在濱河造成了極大的恐慌,老刑警劉巖匆瓜,帶你破解...
    沈念sama閱讀 212,816評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件赢笨,死亡現(xiàn)場離奇詭異,居然都是意外死亡驮吱,警方通過查閱死者的電腦和手機茧妒,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來左冬,“玉大人桐筏,你說我怎么就攤上這事∧磁椋” “怎么了梅忌?”我有些...
    開封第一講書人閱讀 158,300評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長除破。 經(jīng)常有香客問我牧氮,道長,這世上最難降的妖魔是什么瑰枫? 我笑而不...
    開封第一講書人閱讀 56,780評論 1 285
  • 正文 為了忘掉前任踱葛,我火速辦了婚禮,結(jié)果婚禮上光坝,老公的妹妹穿的比我還像新娘尸诽。我一直安慰自己,他們只是感情好盯另,可當我...
    茶點故事閱讀 65,890評論 6 385
  • 文/花漫 我一把揭開白布性含。 她就那樣靜靜地躺著,像睡著了一般鸳惯。 火紅的嫁衣襯著肌膚如雪商蕴。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 50,084評論 1 291
  • 那天悲敷,我揣著相機與錄音究恤,去河邊找鬼。 笑死后德,一個胖子當著我的面吹牛抄腔,可吹牛的內(nèi)容都是我干的理张。 我是一名探鬼主播绵患,決...
    沈念sama閱讀 39,151評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼落蝙,長吁一口氣:“原來是場噩夢啊……” “哼筏勒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起厨埋,我...
    開封第一講書人閱讀 37,912評論 0 268
  • 序言:老撾萬榮一對情侶失蹤荡陷,失蹤者是張志新(化名)和其女友劉穎迅涮,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體叮姑,經(jīng)...
    沈念sama閱讀 44,355評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡戏溺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,666評論 2 327
  • 正文 我和宋清朗相戀三年旷祸,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片骚烧。...
    茶點故事閱讀 38,809評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡赃绊,死狀恐怖羡榴,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情忠售,我是刑警寧澤,帶...
    沈念sama閱讀 34,504評論 4 334
  • 正文 年R本政府宣布,位于F島的核電站泰佳,受9級特大地震影響逝她,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜吗跋,卻給世界環(huán)境...
    茶點故事閱讀 40,150評論 3 317
  • 文/蒙蒙 一跌宛、第九天 我趴在偏房一處隱蔽的房頂上張望积仗。 院中可真熱鬧寂曹,春花似錦、人聲如沸隆圆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至弧腥,卻和暖如春潮太,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背抛蚤。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評論 1 267
  • 我被黑心中介騙來泰國打工寻狂, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蛇券,地道東北人。 一個月前我還...
    沈念sama閱讀 46,628評論 2 362
  • 正文 我出身青樓塘慕,卻偏偏與公主長得像图呢,于是被迫代替她去往敵國和親骗随。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,724評論 2 351

推薦閱讀更多精彩內(nèi)容