APP界面設(shè)計(jì),IOS字體規(guī)范與多屏幕適配(1)(3)
先說(shuō)一般規(guī)律(72像素/英寸下的字號(hào)大小規(guī)律):
導(dǎo)航欄標(biāo)題:大概34px-42px;現(xiàn)在標(biāo)題越來(lái)越小,一般34或36比較合適。
標(biāo)簽欄文字:20-24px。ios自帶應(yīng)用都是20px。個(gè)人認(rèn)為標(biāo)簽欄時(shí)(圖標(biāo)+文字)形式的的話不要大于22比較合適。
正文:28px-36px,新聞?lì)惢径荚谟?6,比如網(wǎng)易新聞?wù)牟糠帧?/p>
下面是IOS人際界面指南上的具體要求:
1)正文樣式在大字號(hào)下使用 34 px字體大小,最小也不應(yīng)小于 22 。
2)通常來(lái)說(shuō),每一檔文字大小設(shè)置的字體大小和行間距的差異是 2 px。一般為了區(qū)別開(kāi)標(biāo)題和正文字體大小差異要至少為4px。
3)標(biāo)題和正文樣式使用一樣的字體大小。為了將其和正文樣式區(qū)分,標(biāo)題樣式使用中等效果。(注意:mac電腦上默認(rèn)使用黑體就有中等和細(xì)體2個(gè)選項(xiàng))。
最后,最后關(guān)于字號(hào)大小規(guī)律,最好找比較好的應(yīng)用截圖,然后量出現(xiàn)有規(guī)律直接套用即可:
關(guān)于多屏幕適配問(wèn)題請(qǐng)看IOS字體規(guī)范與多屏幕適配(2).
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps知識(shí)
- ps基礎(chǔ)教程
- ps技巧
- Victor_J_C
- 理論教程
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 好的攝影后期應(yīng)該懂這些!
- 解析中性灰在后期修圖中的應(yīng)用
- 界面知識(shí),如何表現(xiàn)界面中的優(yōu)先級(jí)
- 談Photoshop學(xué)習(xí):用專(zhuān)業(yè)方式解決問(wèn)題
- 色彩知識(shí),色彩搭配誤導(dǎo)了攝影行業(yè)
- 簡(jiǎn)單的討論選區(qū)不透明度
- 色彩搭配,ps基礎(chǔ)之色彩搭配
- 9項(xiàng)響應(yīng)式Web設(shè)計(jì)的基本原則
- Photoshop顏色基礎(chǔ)知識(shí):圖層混合模式
- LOGO知識(shí),平面圖形logo養(yǎng)成術(shù)