pingfangsc字体_2020-iOS GUI-字体规范
在IOS 最初的設(shè)計中,在輸出原型圖和交互稿中,就會運用到字體,比如字體的大小和類型。
下面的內(nèi)容主要分為2部分:實戰(zhàn) AND 理論
001-實戰(zhàn):看了就能用上
在iOS的中文設(shè)計中:標題的字體大小是34px, 用的是 蘋方/Pingfang SC 字體。具體可以看下圖的一些規(guī)律。這些規(guī)律具有普遍性(下面有標題是加粗的字號,regular/Semi-Bold)。但是也存在特殊性的場合,標題的字體大小遠遠大于34px, 比如打開 APP STORE,會發(fā)現(xiàn)這個特殊性。但是無論變得多大,保持是偶數(shù)倍,比如 36px,66px。另外也有最小值和上限值。這個在第二部分的理論部分講述。
【iOS-標題的字體大小和類型】
【iOS-列表上的字體大小】
【iOS-Tabbar的字體大小】
【iOS-按鈕上的字體大小】
【iOS-列表下面的小字體大小】
002-理論:從蘋果官網(wǎng)來了解
在蘋果的官網(wǎng)提到了英語兩個系列的字體:
1:San Francisco (SF). 2:New York (NY).
我們要了解的是 中文字體就是用的:蘋方/Pingfang SC
在實戰(zhàn)的部分,看到了各個APP設(shè)計中標題的大小是34px, 這個字體的大小在蘋果的規(guī)范設(shè)計中有作說明的(鏈接:https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography/ )。可以看到各公司的設(shè)計也是按照規(guī)范在設(shè)計。下圖中,有一個默認的 Large (Default) 一欄。這一欄的字體大小就是目前蘋果設(shè)計規(guī)范的默認值。對設(shè)計師的影響就是:在設(shè)計過程中,參考這一欄的字體大小尺寸設(shè)計作為基礎(chǔ)。最大標題的字體大小是:34-41px (我理解的 Leading(points)是最大值,不對的地方大家可以一起討論下)。最小值是 11-13px, 運用于標簽等照片說明的地方。有了最大值和最小值,這個就給我們劃定了設(shè)定的區(qū)間,也就不會無從下手,憑感覺了。
上圖片中的:Style 定義了 各個部分用到的字體大小:比如,大標題,一級二級標題,標簽等。可以對照了解。
圖片中出現(xiàn)的:xSmall-Small-Medium-Large (Default)-xLarge-xxLarge-xxxLarge。一共有7個層次。這7個層次可以點擊后查看各個層次中對應(yīng)的字體大小。我們參照的是 Large (Default) 這一層次就可以。當面對特殊設(shè)計的時候,比如,設(shè)計對象是老年人的時候,就要考慮調(diào)整字體的層次,在每一個層次中,再按照對應(yīng)的字體的大小標準。
當需要更多特殊大字體的時候,可以參考下圖的進一步更大的字體,共分為 5個層次,再調(diào)整。可以在蘋果手機中【輔助功能】-【顯示與文字大小】中先查看字體調(diào)整后的效果。
.
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的pingfangsc字体_2020-iOS GUI-字体规范的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 基于python的系统构建_搭建一个基于
- 下一篇: 窗体中实现按 回车键 跳到下一个可选的T