當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>設(shè)計(jì)知識>教程內(nèi)容

APP界面設(shè)計(jì),IOS字體規(guī)范與多屏幕適配(1)(3)

來源:站酷 作者:Victor_J_C 學(xué)習(xí):10486人次

先說一般規(guī)律(72像素/英寸下的字號大小規(guī)律):

導(dǎo)航欄標(biāo)題:大概34px-42px;現(xiàn)在標(biāo)題越來越小,一般34或36比較合適。

標(biāo)簽欄文字:20-24px。ios自帶應(yīng)用都是20px。個人認(rèn)為標(biāo)簽欄時(shí)(圖標(biāo)+文字)形式的的話不要大于22比較合適。

正文:28px-36px,新聞類基本都在用36,比如網(wǎng)易新聞?wù)牟糠帧?/p>

下面是IOS人際界面指南上的具體要求:

1)正文樣式在大字號下使用 34 px字體大小,最小也不應(yīng)小于 22 。

2)通常來說,每一檔文字大小設(shè)置的字體大小和行間距的差異是 2 px。一般為了區(qū)別開標(biāo)題和正文字體大小差異要至少為4px。

3)標(biāo)題和正文樣式使用一樣的字體大小。為了將其和正文樣式區(qū)分,標(biāo)題樣式使用中等效果。(注意:mac電腦上默認(rèn)使用黑體就有中等和細(xì)體2個選項(xiàng))。

最后,最后關(guān)于字號大小規(guī)律,最好找比較好的應(yīng)用截圖,然后量出現(xiàn)有規(guī)律直接套用即可:

APP界面設(shè)計(jì),IOS字體規(guī)范與多屏幕適配(1)

關(guān)于多屏幕適配問題請看IOS字體規(guī)范與多屏幕適配(2).

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!